@valtimo/case-management 13.22.0 → 13.24.0

package/fesm2022/valtimo-case-management.mjs

@@ -9,12 +9,12 @@ import { NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
 import * as i3 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
 import * as i7 from '@valtimo/components';
-import { ViewType, CARBON_CONSTANTS, ValuePathSelectorPrefix, MuuriItemComponent, ValtimoCdsModalDirective, RenderInPageHeaderDirective, WidgetModule, DropzoneModule, ModalModule as ModalModule$1, MultiselectDropdownModule, ParagraphModule, SelectModule, SpinnerModule, InputModule as InputModule$1, FormModule, TooltipIconModule, CarbonMultiInputModule, ConfirmationModalModule, TableModule, CarbonListModule, ValtimoCdsOverflowButtonDirective, EditorModule, ValuePathSelectorComponent, EllipsisPipe, MuuriDirectiveModule, ReadOnlyDirective, JsonEditorComponent } from '@valtimo/components';
+import { runAfterCarbonModalClosed, ViewType, CARBON_CONSTANTS, ValuePathSelectorPrefix, MuuriItemComponent, ValtimoCdsModalDirective, RenderInPageHeaderDirective, TooltipModule, CarbonListModule, ConfirmationModalModule, WidgetModule, DropzoneModule, ModalModule as ModalModule$1, MultiselectDropdownModule, ParagraphModule, SelectModule, 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 i3$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 * as i2 from 'carbon-components-angular';
-import { NotificationModule, Tab, ModalModule, InputModule, ButtonModule, IconModule, TabsModule, DropdownModule, CheckboxModule, LoadingModule, LinkModule, ComboBoxModule, DialogModule, TagModule, FileUploaderModule, ProgressBarModule, ToggleModule, TooltipModule, LayerModule, NumberModule } from 'carbon-components-angular';
+import { NotificationModule, Tab, ModalModule, InputModule, ButtonModule, IconModule, TabsModule, LayerModule, ComboBoxModule, ProgressIndicatorModule, LoadingModule, TagModule, DropdownModule, CheckboxModule, LinkModule, DialogModule, FileUploaderModule, ProgressBarModule, ToggleModule, TooltipModule as TooltipModule$1, NumberModule } from 'carbon-components-angular';
 import * as i2$1 from '@angular/router';
 import { NavigationEnd, RouterModule } from '@angular/router';
 import { DecisionListComponent, DecisionModelerComponent } from '@valtimo/decision';
@@ -22,27 +22,28 @@ import { FormFlowOverviewComponent, FormFlowEditorComponent } from '@valtimo/for
 import { ProcessManagementComponent, ProcessManagementBuilderComponent } from '@valtimo/process-management';
 import { AuthGuardService } from '@valtimo/security';
 import { TaskManagementDetailComponent } from '@valtimo/task-management';
-import { BehaviorSubject, combineLatest, map, filter, switchMap, catchError, of, Subscription, distinctUntilChanged, Subject, startWith, tap, take as take$1, delay, shareReplay, finalize } from 'rxjs';
+import { BehaviorSubject, combineLatest, map, filter, switchMap, catchError, of, Subscription, distinctUntilChanged, Subject, startWith, tap, take as take$1, delay, shareReplay, finalize, EMPTY, debounceTime } from 'rxjs';
 import * as i1$1 from '@valtimo/layout';
 import { ManagementWidgetDetailsComponent, WidgetType, WidgetWizardStep, WIDGET_MANAGEMENT_SERVICE, WidgetManagementComponent } from '@valtimo/layout';
 import * as i1 from '@angular/common/http';
-import { HttpHeaders } from '@angular/common/http';
+import { HttpHeaders, HttpParams } from '@angular/common/http';
 import { isEqual } from 'lodash';
-import { Code16, Development16, TableBuilt16, WatsonHealthPageScroll16, ArrowDown16, ArrowUp16, Edit16, Information16, Return16, TrashCan16, Save16, Version16, Deploy16, WarningFilled16, Search20, TrashCan20, Upload16 } from '@carbon/icons';
+import { Code16, Development16, TableBuilt16, WatsonHealthPageScroll16, ArrowDown16, ArrowUp16, Edit16, Information16, Return16, TrashCan16, Save16, Version16, Deploy16, FlowModeler20, BlockStorageAlt20, Search20, TrashCan20, Upload16 } from '@carbon/icons';
 import { DefaultTabs, CASE_TAB_TOKEN, ApiTabType } from '@valtimo/case';
 import * as i1$2 from '@valtimo/document';
 import { InternalCaseStatusUtils, CaseTagsUtils, DocumentDefinitionCreateRequest } from '@valtimo/document';
-import { take, tap as tap$1, switchMap as switchMap$1, catchError as catchError$1, withLatestFrom, map as map$1 } from 'rxjs/operators';
+import { take, tap as tap$1, switchMap as switchMap$1, catchError as catchError$1, map as map$1, filter as filter$1, withLatestFrom } from 'rxjs/operators';
 import * as i1$3 from '@valtimo/form';
+import * as i2$2 from 'ngx-logger';
 import { v4 } from 'uuid';
 import * as semver from 'semver';
 import { valid, lt } from 'semver';
 import * as i7$1 from '@valtimo/sse';
-import * as i5 from 'ngx-logger';
 import moment from 'moment/moment';
+import * as i4 from '@valtimo/process-link';
+import { ensureDocPrefix, ProcessLinkModule, ProcessLinkStateService, ProcessLinkStepService, ProcessLinkButtonService } from '@valtimo/process-link';
 import moment$1 from 'moment';
-import { toObservable } from '@angular/core/rxjs-interop';
-import * as i4 from '@valtimo/process';
+import * as i4$1 from '@valtimo/process';
 
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
@@ -97,6 +98,7 @@ var TabEnum;
     TabEnum["DOCUMENT"] = "document";
     TabEnum["CASE"] = "case";
     TabEnum["PROCESSES"] = "processes";
+    TabEnum["ACTIONS"] = "actions";
     TabEnum["SEARCH"] = "search";
     TabEnum["LIST"] = "list";
     TabEnum["TABS"] = "tabs";
@@ -153,6 +155,43 @@ class ReleaseInformationData {
 class DraftVersion {
 }
 
+/*
+ * 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.
+ */
+var StartableItemType;
+(function (StartableItemType) {
+    StartableItemType["PROCESS"] = "PROCESS";
+    StartableItemType["BUILDING_BLOCK"] = "BUILDING_BLOCK";
+})(StartableItemType || (StartableItemType = {}));
+
+/*
+ * 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.
+ */
+
 /*
  * Copyright 2015-2026 Ritense BV, the Netherlands.
  *
@@ -202,10 +241,10 @@ class CaseManagementDraftWarningComponent {
             showClose: false,
         })));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementDraftWarningComponent, deps: [{ token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: CaseManagementDraftWarningComponent, isStandalone: true, selector: "valtimo-case-management-draft-warning", inputs: { name: "name" }, 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-inline-notification [notificationObj]=\"notificationObj$ | async\"></cds-inline-notification>\n", styles: ["cds-inline-notification{max-inline-size:unset;margin-bottom:16px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { 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: TranslateModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementDraftWarningComponent, deps: [{ token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseManagementDraftWarningComponent, isStandalone: true, selector: "valtimo-case-management-draft-warning", inputs: { name: "name" }, 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-inline-notification [notificationObj]=\"notificationObj$ | async\"></cds-inline-notification>\n", styles: ["cds-inline-notification{max-inline-size:unset;margin-bottom:16px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { 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: TranslateModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementDraftWarningComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementDraftWarningComponent, decorators: [{
             type: Component,
             args: [{ selector: 'valtimo-case-management-draft-warning', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, NotificationModule, TranslateModule], 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-inline-notification [notificationObj]=\"notificationObj$ | async\"></cds-inline-notification>\n", styles: ["cds-inline-notification{max-inline-size:unset;margin-bottom:16px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
         }], ctorParameters: () => [{ type: i3.TranslateService }], propDecorators: { name: [{
@@ -266,10 +305,10 @@ class CaseHeaderWidgetManagementService extends BaseApiService {
     createWidget(widget) {
         return this.paramsRequired$.pipe(switchMap(({ caseDefinitionKey, caseDefinitionVersionTag }) => this.httpClient.post(this.getApiUrl(`management/v1/case-definition/${encodeURIComponent(caseDefinitionKey)}/version/${encodeURIComponent(caseDefinitionVersionTag)}/header-widget`), widget)));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseHeaderWidgetManagementService, deps: [{ token: i1.HttpClient }, { token: i3$1.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseHeaderWidgetManagementService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseHeaderWidgetManagementService, deps: [{ token: i1.HttpClient }, { token: i3$1.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseHeaderWidgetManagementService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseHeaderWidgetManagementService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseHeaderWidgetManagementService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i3$1.ConfigService }] });
 
@@ -313,15 +352,15 @@ class CaseManagementHeaderComponent extends ManagementWidgetDetailsComponent {
     ngOnDestroy() {
         this._subscriptions.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementHeaderComponent, deps: [{ token: i1$1.WidgetWizardService }, { token: WIDGET_MANAGEMENT_SERVICE }, { token: i2$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: CaseManagementHeaderComponent, isStandalone: true, selector: "valtimo-case-management-header", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementHeaderComponent, deps: [{ token: i1$1.WidgetWizardService }, { token: WIDGET_MANAGEMENT_SERVICE }, { token: i2$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseManagementHeaderComponent, isStandalone: true, selector: "valtimo-case-management-header", providers: [
             {
                 provide: WIDGET_MANAGEMENT_SERVICE,
                 useClass: CaseHeaderWidgetManagementService,
             },
         ], usesInheritance: 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-widget-management\n  [availableWidgetTypes]=\"AVAILABLE_WIDGET_TYPES\"\n  [disableDuplicate]=\"true\"\n  [enableWidgetDivider]=\"false\"\n  [singleWidget]=\"true\"\n  [disableJsonEditor]=\"true\"\n  [defaultWidth]=\"4\"\n  [widgetWizardSteps]=\"WIDGET_WIZARD_STEPS\"\n></valtimo-widget-management>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: WidgetManagementComponent, selector: "valtimo-widget-management", inputs: ["params", "availableWidgetTypes", "disableDuplicate", "enableWidgetDivider", "singleWidget", "disableJsonEditor", "defaultWidth", "widgetWizardSteps"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementHeaderComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'valtimo-case-management-header', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, WidgetManagementComponent], providers: [
                         {
@@ -421,10 +460,10 @@ class CaseDetailService {
         }))
             .subscribe());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseDetailService, deps: [{ token: i1$2.DocumentService }, { token: i7.PageTitleService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseDetailService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseDetailService, deps: [{ token: i1$2.DocumentService }, { token: i7.PageTitleService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseDetailService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseDetailService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseDetailService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1$2.DocumentService }, { type: i7.PageTitleService }] });
 
@@ -496,10 +535,10 @@ class TabManagementService {
         }
         return tab;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TabManagementService, deps: [{ token: i3$1.ConfigService }, { token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TabManagementService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TabManagementService, deps: [{ token: i3$1.ConfigService }, { token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TabManagementService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TabManagementService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TabManagementService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i3$1.ConfigService }, { type: i1.HttpClient }] });
 
@@ -592,10 +631,10 @@ class TabService {
             : [caseManagementTabConfig];
         this._injectedCaseManagementTabs$.next(tabs.map(tab => ({ ...tab, enabled$: tab.enabled$ ?? of(true) })));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TabService, deps: [{ token: CASE_TAB_TOKEN, optional: true }, { token: CASE_MANAGEMENT_TAB_TOKEN, optional: true }, { token: i1$3.FormService }, { token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TabService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TabService, deps: [{ token: CASE_TAB_TOKEN, optional: true }, { token: CASE_MANAGEMENT_TAB_TOKEN, optional: true }, { token: i1$3.FormService }, { token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TabService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TabService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TabService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -648,10 +687,10 @@ class CaseWidgetManagementApiService {
     updateWidgets(widgets) {
         return this.params$.pipe(switchMap((params) => this.http.post(`${this.valtimoEndpointBase}/${params.caseDefinitionKey}/version/${params.caseDefinitionVersionTag}/widget-tab/${params.key}`, { ...params, widgets })));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseWidgetManagementApiService, deps: [{ token: i1.HttpClient }, { token: i3$1.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseWidgetManagementApiService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseWidgetManagementApiService, deps: [{ token: i1.HttpClient }, { token: i3$1.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseWidgetManagementApiService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseWidgetManagementApiService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseWidgetManagementApiService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -717,10 +756,16 @@ class CaseManagementService extends BaseApiService {
             headers: new HttpHeaders().set(InterceptorSkip, '403'),
         });
     }
-    importDocumentDefinitionZip(file) {
-        return this.httpClient
-            .post(this.getApiUrl(`management/v1/case/import`), file)
-            .pipe(tap(res => console.log({ res })));
+    previewImport(file) {
+        return this.httpClient.post(this.getApiUrl('management/v1/case/import/preview'), file, { headers: new HttpHeaders().set(InterceptorSkip, '400') });
+    }
+    importDocumentDefinitionZip(file, key, name) {
+        let params = new HttpParams();
+        if (key)
+            params = params.set('key', key);
+        if (name)
+            params = params.set('name', name);
+        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 });
@@ -731,16 +776,189 @@ class CaseManagementService extends BaseApiService {
     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.18", ngImport: i0, type: CaseManagementService, deps: [{ token: i1.HttpClient }, { token: i3$1.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementService, deps: [{ token: i1.HttpClient }, { token: i3$1.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
         }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i3$1.ConfigService }] });
 
+class StartableItemApiService extends BaseApiService {
+    constructor(configService, httpClient) {
+        super(httpClient, configService);
+        this.configService = configService;
+        this.httpClient = httpClient;
+    }
+    getCaseDefinitionUrl(params) {
+        return this.getApiUrl(`management/v1/case-definition/${params.caseDefinitionKey}/version/${params.caseDefinitionVersionTag}/startable-item`);
+    }
+    getItems(params) {
+        return this.httpClient.get(this.getCaseDefinitionUrl(params));
+    }
+    createItem(params, request) {
+        return this.httpClient.post(this.getCaseDefinitionUrl(params), request);
+    }
+    deleteItem(params, itemKey, versionTag) {
+        const versionSegment = versionTag ? `/version/${versionTag}` : '';
+        return this.httpClient.delete(`${this.getCaseDefinitionUrl(params)}/${itemKey}${versionSegment}`);
+    }
+    updateItem(params, itemKey, versionTag, request) {
+        const versionSegment = versionTag ? `/version/${versionTag}` : '';
+        return this.httpClient.put(`${this.getCaseDefinitionUrl(params)}/${itemKey}${versionSegment}`, request);
+    }
+    updateOrder(params, request) {
+        return this.httpClient.put(`${this.getCaseDefinitionUrl(params)}/order`, request);
+    }
+    getItemProperties(params, itemKey, versionTag, type) {
+        const versionSegment = versionTag ? `/version/${versionTag}` : '';
+        return this.httpClient.get(`${this.getCaseDefinitionUrl(params)}/${itemKey}${versionSegment}/properties`, { params: { type } });
+    }
+    getLinkedProcessDefinitions(params) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/case-definition/${params.caseDefinitionKey}/version/${params.caseDefinitionVersionTag}/process-definition`));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: StartableItemApiService, deps: [{ token: i3$1.ConfigService }, { token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: StartableItemApiService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: StartableItemApiService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i3$1.ConfigService }, { type: i1.HttpClient }] });
+
+/*
+ * 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 StartableItemManagementService {
+    constructor(startableItemApiService, logger) {
+        this.startableItemApiService = startableItemApiService;
+        this.logger = logger;
+        this._params$ = new BehaviorSubject(null);
+        this._items$ = new BehaviorSubject([]);
+        this.items$ = this._items$.asObservable();
+        this._loading$ = new BehaviorSubject(false);
+        this.loading$ = this._loading$.asObservable();
+        this._showModal$ = new BehaviorSubject(false);
+        this.showModal$ = this._showModal$.asObservable();
+        this._editingItem$ = new BehaviorSubject(null);
+        this.editingItem$ = this._editingItem$.asObservable();
+        this._showDeleteModal$ = new BehaviorSubject(false);
+        this.showDeleteModal$ = this._showDeleteModal$.asObservable();
+        this._itemToDelete$ = new BehaviorSubject(null);
+        this.itemToDelete$ = this._itemToDelete$.asObservable();
+        this._reorderComplete$ = new Subject();
+        this.reorderComplete$ = this._reorderComplete$.asObservable();
+        this.usedProcessDefinitionIds$ = this._items$.pipe(map$1(items => items
+            .filter(item => item.type === StartableItemType.PROCESS && !!item.processDefinitionId)
+            .map(item => item.processDefinitionId)));
+        this.usedBuildingBlockKeys$ = this._items$.pipe(map$1(items => items.filter(item => item.type === StartableItemType.BUILDING_BLOCK).map(item => item.key)));
+        this.linkedProcessDefinitions$ = this._params$.pipe(filter$1((params) => params !== null), switchMap$1(params => this.startableItemApiService.getLinkedProcessDefinitions(params)));
+    }
+    setParams(params) {
+        this._params$.next(params);
+    }
+    getParams() {
+        const params = this._params$.value;
+        if (!params) {
+            this.logger.error('Params not initialized. Call setParams() first.');
+        }
+        return params;
+    }
+    loadItems() {
+        this._loading$.next(true);
+        this.startableItemApiService
+            .getItems(this.getParams())
+            .pipe(take(1))
+            .subscribe({
+            next: (items) => {
+                this._items$.next(items);
+                this._loading$.next(false);
+            },
+            error: error => {
+                console.error(error);
+                this._loading$.next(false);
+            },
+        });
+    }
+    showCreateModal() {
+        this._editingItem$.next(null);
+        this._showModal$.next(true);
+    }
+    showEditModal(item) {
+        this._editingItem$.next(item);
+        this._showModal$.next(true);
+    }
+    hideModal() {
+        this._showModal$.next(false);
+        runAfterCarbonModalClosed(() => this._editingItem$.next(null));
+    }
+    showDeleteConfirmation(item) {
+        this._itemToDelete$.next(item);
+        this._showDeleteModal$.next(true);
+    }
+    hideDeleteModal() {
+        this._showDeleteModal$.next(false);
+        this._itemToDelete$.next(null);
+    }
+    createItem(request) {
+        return this.startableItemApiService.createItem(this.getParams(), request);
+    }
+    updateItem(key, versionTag, request) {
+        return this.startableItemApiService.updateItem(this.getParams(), key, versionTag, request);
+    }
+    getItemProperties(itemKey, versionTag, type) {
+        return this.startableItemApiService.getItemProperties(this.getParams(), itemKey, versionTag, type);
+    }
+    deleteItem(item) {
+        return this.startableItemApiService.deleteItem(this.getParams(), item.key, item.versionTag);
+    }
+    updateOrder(items) {
+        this._items$.next(items);
+        const request = {
+            items: items.map((item, index) => ({
+                key: item.key,
+                type: item.type,
+                versionTag: item.versionTag,
+                sortOrder: index,
+            })),
+        };
+        this.startableItemApiService
+            .updateOrder(this.getParams(), request)
+            .pipe(take(1), catchError$1(() => {
+            this.loadItems();
+            return of([]);
+        }))
+            .subscribe({
+            next: (updatedItems) => {
+                if (updatedItems.length) {
+                    this._items$.next(updatedItems);
+                }
+                this._reorderComplete$.next();
+            },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: StartableItemManagementService, deps: [{ token: StartableItemApiService }, { token: i2$2.NGXLogger }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: StartableItemManagementService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: StartableItemManagementService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: StartableItemApiService }, { type: i2$2.NGXLogger }] });
+
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
  *
@@ -856,10 +1074,10 @@ class TabFormComponent {
             selected: this.form?.get('contentKey')?.value === tabItem.contentKey,
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TabFormComponent, deps: [{ token: i3$1.ConfigService }, { token: TabService }, { token: i1$4.FormGroupDirective }, { token: i2$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TabFormComponent, isStandalone: false, selector: "valtimo-tab-form", inputs: { tabType: "tabType" }, 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<form *ngIf=\"form\" [formGroup]=\"form\" class=\"valtimo-tab-form-modal\" [cdsLayer]=\"1\">\n  <cds-label>\n    {{ 'caseManagement.tabManagement.addModal.tabNameLabel' | translate }}\n\n    <input cdsText formControlName=\"name\" [attr.modal-primary-focus]=\"true\" />\n  </cds-label>\n\n  <cds-label [invalid]=\"!!isKeyError()\" [invalidText]=\"getKeyErrorMessage() | translate\">\n    {{ 'caseManagement.tabManagement.addModal.tabKeyLabel' | translate }}\n\n    <input\n      cdsText\n      formControlName=\"key\"\n      pattern=\"[a-zA-Z0-9\\-]+\"\n      [invalid]=\"!!isKeyError()\"\n      [attr.modal-primary-focus]=\"true\"\n    />\n  </cds-label>\n\n  <cds-combo-box\n    *ngIf=\"tabType !== 'widgets'\"\n    [cdsLayer]=\"1\"\n    [dropUp]=\"false\"\n    formControlName=\"contentKey\"\n    [items]=\"listItems$ | async\"\n    itemValueKey=\"contentKey\"\n    [label]=\"'caseManagement.tabManagement.contentLabels.' + tabType | translate\"\n    (search)=\"onSearch($event)\"\n    (selected)=\"onSelected($event)\"\n  >\n    <cds-dropdown-list [cdsLayer]=\"1\"></cds-dropdown-list>\n  </cds-combo-box>\n\n  <cds-toggle\n    [label]=\"'caseManagement.tabManagement.addModal.visibleTitle' | translate\"\n    [onText]=\"'caseManagement.tabManagement.addModal.visible' | translate\"\n    [offText]=\"'caseManagement.tabManagement.addModal.invisible' | translate\"\n    [checked]=\"showTasks?.value\"\n    (checkedChange)=\"toggleCheckedChange($event)\"\n    [disabled]=\"disableTaskListVisibleToggle()\"\n  ></cds-toggle>\n</form>\n", styles: ["::ng-deep .valtimo-tab-form-modal{display:flex;flex-direction:column;gap:32px}::ng-deep .valtimo-tab-form-modal .cds--modal-container,::ng-deep .valtimo-tab-form-modal .cds--modal-content{overflow:unset}\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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { 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.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "component", type: i2.ComboBox, selector: "cds-combo-box, ibm-combo-box", inputs: ["placeholder", "openMenuAria", "closeMenuAria", "clearSelectionsTitle", "clearSelectionsAria", "clearSelectionTitle", "clearSelectionAria", "id", "labelId", "items", "type", "size", "itemValueKey", "label", "hideLabel", "helperText", "appendInline", "invalid", "invalidText", "warn", "warnText", "maxLength", "theme", "selectionFeedback", "autocomplete", "dropUp", "disabled", "readonly", "fluid"], outputs: ["selected", "submit", "close", "search", "clear"] }, { kind: "component", type: i2.Toggle, selector: "cds-toggle, ibm-toggle", inputs: ["offText", "onText", "label", "size", "hideLabel", "ariaLabel", "skeleton"] }, { kind: "directive", type: i2.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TabFormComponent, deps: [{ token: i3$1.ConfigService }, { token: TabService }, { token: i1$4.FormGroupDirective }, { token: i2$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: TabFormComponent, isStandalone: false, selector: "valtimo-tab-form", inputs: { tabType: "tabType" }, 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<form *ngIf=\"form\" [formGroup]=\"form\" class=\"valtimo-tab-form-modal\" [cdsLayer]=\"1\">\n  <cds-label>\n    {{ 'caseManagement.tabManagement.addModal.tabNameLabel' | translate }}\n\n    <input cdsText formControlName=\"name\" [attr.modal-primary-focus]=\"true\" />\n  </cds-label>\n\n  <cds-label [invalid]=\"!!isKeyError()\" [invalidText]=\"getKeyErrorMessage() | translate\">\n    {{ 'caseManagement.tabManagement.addModal.tabKeyLabel' | translate }}\n\n    <input\n      cdsText\n      formControlName=\"key\"\n      pattern=\"[a-zA-Z0-9\\-]+\"\n      [invalid]=\"!!isKeyError()\"\n      [attr.modal-primary-focus]=\"true\"\n    />\n  </cds-label>\n\n  <cds-combo-box\n    *ngIf=\"tabType !== 'widgets'\"\n    [cdsLayer]=\"1\"\n    [dropUp]=\"false\"\n    formControlName=\"contentKey\"\n    [items]=\"listItems$ | async\"\n    itemValueKey=\"contentKey\"\n    [label]=\"'caseManagement.tabManagement.contentLabels.' + tabType | translate\"\n    (search)=\"onSearch($event)\"\n    (selected)=\"onSelected($event)\"\n  >\n    <cds-dropdown-list [cdsLayer]=\"1\"></cds-dropdown-list>\n  </cds-combo-box>\n\n  <cds-toggle\n    [label]=\"'caseManagement.tabManagement.addModal.visibleTitle' | translate\"\n    [onText]=\"'caseManagement.tabManagement.addModal.visible' | translate\"\n    [offText]=\"'caseManagement.tabManagement.addModal.invisible' | translate\"\n    [checked]=\"showTasks?.value\"\n    (checkedChange)=\"toggleCheckedChange($event)\"\n    [disabled]=\"disableTaskListVisibleToggle()\"\n  ></cds-toggle>\n</form>\n", styles: ["::ng-deep .valtimo-tab-form-modal{display:flex;flex-direction:column;gap:32px}::ng-deep .valtimo-tab-form-modal .cds--modal-container,::ng-deep .valtimo-tab-form-modal .cds--modal-content{overflow:unset}\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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { 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.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "component", type: i2.ComboBox, selector: "cds-combo-box, ibm-combo-box", inputs: ["placeholder", "openMenuAria", "closeMenuAria", "clearSelectionsTitle", "clearSelectionsAria", "clearSelectionTitle", "clearSelectionAria", "id", "labelId", "items", "type", "size", "itemValueKey", "label", "hideLabel", "helperText", "appendInline", "invalid", "invalidText", "warn", "warnText", "maxLength", "theme", "selectionFeedback", "autocomplete", "dropUp", "disabled", "readonly", "fluid"], outputs: ["selected", "submit", "close", "search", "clear"] }, { kind: "component", type: i2.Toggle, selector: "cds-toggle, ibm-toggle", inputs: ["offText", "onText", "label", "size", "hideLabel", "ariaLabel", "skeleton"] }, { kind: "directive", type: i2.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TabFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TabFormComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-tab-form', changeDetection: ChangeDetectionStrategy.OnPush, 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<form *ngIf=\"form\" [formGroup]=\"form\" class=\"valtimo-tab-form-modal\" [cdsLayer]=\"1\">\n  <cds-label>\n    {{ 'caseManagement.tabManagement.addModal.tabNameLabel' | translate }}\n\n    <input cdsText formControlName=\"name\" [attr.modal-primary-focus]=\"true\" />\n  </cds-label>\n\n  <cds-label [invalid]=\"!!isKeyError()\" [invalidText]=\"getKeyErrorMessage() | translate\">\n    {{ 'caseManagement.tabManagement.addModal.tabKeyLabel' | translate }}\n\n    <input\n      cdsText\n      formControlName=\"key\"\n      pattern=\"[a-zA-Z0-9\\-]+\"\n      [invalid]=\"!!isKeyError()\"\n      [attr.modal-primary-focus]=\"true\"\n    />\n  </cds-label>\n\n  <cds-combo-box\n    *ngIf=\"tabType !== 'widgets'\"\n    [cdsLayer]=\"1\"\n    [dropUp]=\"false\"\n    formControlName=\"contentKey\"\n    [items]=\"listItems$ | async\"\n    itemValueKey=\"contentKey\"\n    [label]=\"'caseManagement.tabManagement.contentLabels.' + tabType | translate\"\n    (search)=\"onSearch($event)\"\n    (selected)=\"onSelected($event)\"\n  >\n    <cds-dropdown-list [cdsLayer]=\"1\"></cds-dropdown-list>\n  </cds-combo-box>\n\n  <cds-toggle\n    [label]=\"'caseManagement.tabManagement.addModal.visibleTitle' | translate\"\n    [onText]=\"'caseManagement.tabManagement.addModal.visible' | translate\"\n    [offText]=\"'caseManagement.tabManagement.addModal.invisible' | translate\"\n    [checked]=\"showTasks?.value\"\n    (checkedChange)=\"toggleCheckedChange($event)\"\n    [disabled]=\"disableTaskListVisibleToggle()\"\n  ></cds-toggle>\n</form>\n", styles: ["::ng-deep .valtimo-tab-form-modal{display:flex;flex-direction:column;gap:32px}::ng-deep .valtimo-tab-form-modal .cds--modal-container,::ng-deep .valtimo-tab-form-modal .cds--modal-content{overflow:unset}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
         }], ctorParameters: () => [{ type: i3$1.ConfigService }, { type: TabService }, { type: i1$4.FormGroupDirective }, { type: i2$1.ActivatedRoute }], propDecorators: { tabType: [{
@@ -961,10 +1179,10 @@ class CaseManagementAddTabModalComponent {
             ? null
             : { uniqueKey: { value: control.value } };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementAddTabModalComponent, deps: [{ token: i1$4.FormBuilder }, { token: i2.IconService }, { token: TabService }, { token: i3$1.ConfigService }, { token: i2$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: CaseManagementAddTabModalComponent, isStandalone: false, selector: "valtimo-case-management-add-tab-modal", inputs: { params: "params", open: "open" }, outputs: { closeModalEvent: "closeModalEvent" }, 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 *ngIf=\"{selectedTabType: selectedTabType$ | async} as obs\" [open]=\"open\">\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onCloseModal()\" [cdsLayer]=\"1\">\n    <h3 cdsModalHeaderHeading>\n      {{\n        !obs.selectedTabType\n          ? ('caseManagement.tabManagement.addModal.title'\n            | translate: {documentDefinitionName: (params.caseDefinitionKey | titlecase)})\n          : ('caseManagement.tabManagement.titles.' + obs.selectedTabType | translate)\n      }}\n    </h3>\n  </cds-modal-header>\n\n  <section [formGroup]=\"form\" cdsModalContent class=\"valtimo-add-tab-modal__content\" [cdsLayer]=\"1\">\n    <valtimo-tab-form\n      *ngIf=\"obs.selectedTabType; else tabTypeSelection\"\n      [tabType]=\"obs.selectedTabType\"\n    ></valtimo-tab-form>\n\n    <ng-template #tabTypeSelection>\n      <span> {{ 'caseManagement.tabManagement.addModal.description' | translate }} </span>\n\n      <div *ngIf=\"tabTypes$ | async as tabTypes\" class=\"valtimo-add-tab-modal__types\">\n        <cds-tooltip\n          *ngFor=\"let tabType of tabTypes\"\n          [caret]=\"true\"\n          enterDelayMs=\"0\"\n          leaveDelayMs=\"0\"\n          [description]=\"tabType.disabledTooltipTranslationKey | translate\"\n          [disabled]=\"!tabType.disabled\"\n          align=\"bottom\"\n        >\n          <button\n            cdsButton=\"secondary\"\n            [disabled]=\"tabType.disabled\"\n            (click)=\"onTabTypeSelect(tabType.type)\"\n          >\n            {{ tabType.title | translate }}\n\n            <svg [cdsIcon]=\"tabType.icon\" size=\"16\" class=\"cds--btn__icon\"></svg>\n          </button>\n        </cds-tooltip>\n      </div>\n    </ng-template>\n  </section>\n\n  <cds-modal-footer class=\"valtimo-add-tab-modal__footer\" [cdsLayer]=\"1\">\n    <button class=\"valtimo-add-tab-modal__cancel\" cdsButton=\"ghost\" (click)=\"onCloseModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <div class=\"valtimo-add-tab-modal__actions\" *ngIf=\"obs.selectedTabType\">\n      <button cdsButton=\"secondary\" (click)=\"backClick()\">\n        {{ 'interface.back' | translate }}\n      </button>\n\n      <button cdsButton=\"primary\" [disabled]=\"form.invalid\" (click)=\"addTab(obs.selectedTabType)\">\n        {{ 'caseManagement.tabManagement.addModal.addTab' | translate }}\n      </button>\n    </div>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-add-tab-modal__footer .cds--modal-footer{justify-content:unset;display:grid;grid-template-columns:1fr 1fr 2fr;grid-template-areas:\"cancel . actions\"}.valtimo-add-tab-modal__cancel{grid-area:cancel;width:100%}.valtimo-add-tab-modal__actions{grid-area:actions;display:flex}.valtimo-add-tab-modal__types{display:grid;grid-template:1fr/repeat(3,1fr);gap:16px}.valtimo-add-tab-modal__types button{width:100%}.valtimo-add-tab-modal__content{display:flex;flex-direction:column;gap:24px}.cds--popover--open{z-index:999999!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: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { 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: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i7.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "component", type: i2.Tooltip, selector: "cds-tooltip, ibm-tooltip", inputs: ["id", "enterDelayMs", "leaveDelayMs", "disabled", "description", "templateContext"] }, { kind: "directive", type: i2.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "component", type: TabFormComponent, selector: "valtimo-tab-form", inputs: ["tabType"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementAddTabModalComponent, deps: [{ token: i1$4.FormBuilder }, { token: i2.IconService }, { token: TabService }, { token: i3$1.ConfigService }, { token: i2$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseManagementAddTabModalComponent, isStandalone: false, selector: "valtimo-case-management-add-tab-modal", inputs: { params: "params", open: "open" }, outputs: { closeModalEvent: "closeModalEvent" }, 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 *ngIf=\"{selectedTabType: selectedTabType$ | async} as obs\" [open]=\"open\">\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onCloseModal()\" [cdsLayer]=\"1\">\n    <h3 cdsModalHeaderHeading>\n      {{\n        !obs.selectedTabType\n          ? ('caseManagement.tabManagement.addModal.title'\n            | translate: {documentDefinitionName: (params.caseDefinitionKey | titlecase)})\n          : ('caseManagement.tabManagement.titles.' + obs.selectedTabType | translate)\n      }}\n    </h3>\n  </cds-modal-header>\n\n  <section [formGroup]=\"form\" cdsModalContent class=\"valtimo-add-tab-modal__content\" [cdsLayer]=\"1\">\n    <valtimo-tab-form\n      *ngIf=\"obs.selectedTabType; else tabTypeSelection\"\n      [tabType]=\"obs.selectedTabType\"\n    ></valtimo-tab-form>\n\n    <ng-template #tabTypeSelection>\n      <span> {{ 'caseManagement.tabManagement.addModal.description' | translate }} </span>\n\n      <div *ngIf=\"tabTypes$ | async as tabTypes\" class=\"valtimo-add-tab-modal__types\">\n        <cds-tooltip\n          *ngFor=\"let tabType of tabTypes\"\n          [caret]=\"true\"\n          enterDelayMs=\"0\"\n          leaveDelayMs=\"0\"\n          [description]=\"tabType.disabledTooltipTranslationKey | translate\"\n          [disabled]=\"!tabType.disabled\"\n          align=\"bottom\"\n        >\n          <button\n            cdsButton=\"secondary\"\n            [disabled]=\"tabType.disabled\"\n            (click)=\"onTabTypeSelect(tabType.type)\"\n          >\n            {{ tabType.title | translate }}\n\n            <svg [cdsIcon]=\"tabType.icon\" size=\"16\" class=\"cds--btn__icon\"></svg>\n          </button>\n        </cds-tooltip>\n      </div>\n    </ng-template>\n  </section>\n\n  <cds-modal-footer class=\"valtimo-add-tab-modal__footer\" [cdsLayer]=\"1\">\n    <button class=\"valtimo-add-tab-modal__cancel\" cdsButton=\"ghost\" (click)=\"onCloseModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <div class=\"valtimo-add-tab-modal__actions\" *ngIf=\"obs.selectedTabType\">\n      <button cdsButton=\"secondary\" (click)=\"backClick()\">\n        {{ 'interface.back' | translate }}\n      </button>\n\n      <button cdsButton=\"primary\" [disabled]=\"form.invalid\" (click)=\"addTab(obs.selectedTabType)\">\n        {{ 'caseManagement.tabManagement.addModal.addTab' | translate }}\n      </button>\n    </div>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-add-tab-modal__footer .cds--modal-footer{justify-content:unset;display:grid;grid-template-columns:1fr 1fr 2fr;grid-template-areas:\"cancel . actions\"}.valtimo-add-tab-modal__cancel{grid-area:cancel;width:100%}.valtimo-add-tab-modal__actions{grid-area:actions;display:flex}.valtimo-add-tab-modal__types{display:grid;grid-template:1fr/repeat(3,1fr);gap:16px}.valtimo-add-tab-modal__types button{width:100%}.valtimo-add-tab-modal__content{display:flex;flex-direction:column;gap:24px}.cds--popover--open{z-index:999999!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: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { 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: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i7.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "component", type: i2.Tooltip, selector: "cds-tooltip, ibm-tooltip", inputs: ["id", "enterDelayMs", "leaveDelayMs", "disabled", "description", "templateContext"] }, { kind: "directive", type: i2.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "component", type: TabFormComponent, selector: "valtimo-tab-form", inputs: ["tabType"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementAddTabModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementAddTabModalComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-case-management-add-tab-modal', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal valtimoCdsModal *ngIf=\"{selectedTabType: selectedTabType$ | async} as obs\" [open]=\"open\">\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onCloseModal()\" [cdsLayer]=\"1\">\n    <h3 cdsModalHeaderHeading>\n      {{\n        !obs.selectedTabType\n          ? ('caseManagement.tabManagement.addModal.title'\n            | translate: {documentDefinitionName: (params.caseDefinitionKey | titlecase)})\n          : ('caseManagement.tabManagement.titles.' + obs.selectedTabType | translate)\n      }}\n    </h3>\n  </cds-modal-header>\n\n  <section [formGroup]=\"form\" cdsModalContent class=\"valtimo-add-tab-modal__content\" [cdsLayer]=\"1\">\n    <valtimo-tab-form\n      *ngIf=\"obs.selectedTabType; else tabTypeSelection\"\n      [tabType]=\"obs.selectedTabType\"\n    ></valtimo-tab-form>\n\n    <ng-template #tabTypeSelection>\n      <span> {{ 'caseManagement.tabManagement.addModal.description' | translate }} </span>\n\n      <div *ngIf=\"tabTypes$ | async as tabTypes\" class=\"valtimo-add-tab-modal__types\">\n        <cds-tooltip\n          *ngFor=\"let tabType of tabTypes\"\n          [caret]=\"true\"\n          enterDelayMs=\"0\"\n          leaveDelayMs=\"0\"\n          [description]=\"tabType.disabledTooltipTranslationKey | translate\"\n          [disabled]=\"!tabType.disabled\"\n          align=\"bottom\"\n        >\n          <button\n            cdsButton=\"secondary\"\n            [disabled]=\"tabType.disabled\"\n            (click)=\"onTabTypeSelect(tabType.type)\"\n          >\n            {{ tabType.title | translate }}\n\n            <svg [cdsIcon]=\"tabType.icon\" size=\"16\" class=\"cds--btn__icon\"></svg>\n          </button>\n        </cds-tooltip>\n      </div>\n    </ng-template>\n  </section>\n\n  <cds-modal-footer class=\"valtimo-add-tab-modal__footer\" [cdsLayer]=\"1\">\n    <button class=\"valtimo-add-tab-modal__cancel\" cdsButton=\"ghost\" (click)=\"onCloseModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <div class=\"valtimo-add-tab-modal__actions\" *ngIf=\"obs.selectedTabType\">\n      <button cdsButton=\"secondary\" (click)=\"backClick()\">\n        {{ 'interface.back' | translate }}\n      </button>\n\n      <button cdsButton=\"primary\" [disabled]=\"form.invalid\" (click)=\"addTab(obs.selectedTabType)\">\n        {{ 'caseManagement.tabManagement.addModal.addTab' | translate }}\n      </button>\n    </div>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-add-tab-modal__footer .cds--modal-footer{justify-content:unset;display:grid;grid-template-columns:1fr 1fr 2fr;grid-template-areas:\"cancel . actions\"}.valtimo-add-tab-modal__cancel{grid-area:cancel;width:100%}.valtimo-add-tab-modal__actions{grid-area:actions;display:flex}.valtimo-add-tab-modal__types{display:grid;grid-template:1fr/repeat(3,1fr);gap:16px}.valtimo-add-tab-modal__types button{width:100%}.valtimo-add-tab-modal__content{display:flex;flex-direction:column;gap:24px}.cds--popover--open{z-index:999999!important}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
         }], ctorParameters: () => [{ type: i1$4.FormBuilder }, { type: i2.IconService }, { type: TabService }, { type: i3$1.ConfigService }, { type: i2$1.ActivatedRoute }], propDecorators: { params: [{
@@ -1024,10 +1242,10 @@ class CaseManagementEditTabModalComponent {
         }
         this.closeModalEvent.emit({ ...this.tab, name, contentKey, showTasks });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementEditTabModalComponent, deps: [{ token: i1$4.FormBuilder }, { token: TabService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: CaseManagementEditTabModalComponent, isStandalone: false, selector: "valtimo-case-management-edit-tab-modal", inputs: { open: "open", tab: "tab" }, outputs: { closeModalEvent: "closeModalEvent" }, 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 *ngIf=\"form\" [open]=\"open\" (close)=\"onCloseModal()\">\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onCloseModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{\n        'caseManagement.tabManagement.editModal.title'\n          | translate: {name: tab?.name ?? 'case.tabs.' + tab.key | translate}\n      }}\n    </h3>\n  </cds-modal-header>\n\n  <section\n    [formGroup]=\"form\"\n    cdsModalContent\n    [cdsLayer]=\"1\"\n  >\n    <valtimo-tab-form\n      [configuredContentKeys]=\"configuredKeysForEdit\"\n      [tabType]=\"tab?.type\"\n    ></valtimo-tab-form>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"secondary\" (click)=\"onCloseModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button cdsButton=\"primary\" [disabled]=\"form.invalid\" (click)=\"editTab()\">\n      {{ 'caseManagement.tabManagement.editModal.updateTab' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { 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: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i7.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "directive", type: i2.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "component", type: TabFormComponent, selector: "valtimo-tab-form", inputs: ["tabType"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementEditTabModalComponent, deps: [{ token: i1$4.FormBuilder }, { token: TabService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseManagementEditTabModalComponent, isStandalone: false, selector: "valtimo-case-management-edit-tab-modal", inputs: { open: "open", tab: "tab" }, outputs: { closeModalEvent: "closeModalEvent" }, 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 *ngIf=\"form\" [open]=\"open\" (close)=\"onCloseModal()\">\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onCloseModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{\n        'caseManagement.tabManagement.editModal.title'\n          | translate: {name: tab?.name ?? 'case.tabs.' + tab.key | translate}\n      }}\n    </h3>\n  </cds-modal-header>\n\n  <section\n    [formGroup]=\"form\"\n    cdsModalContent\n    [cdsLayer]=\"1\"\n  >\n    <valtimo-tab-form\n      [configuredContentKeys]=\"configuredKeysForEdit\"\n      [tabType]=\"tab?.type\"\n    ></valtimo-tab-form>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"secondary\" (click)=\"onCloseModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button cdsButton=\"primary\" [disabled]=\"form.invalid\" (click)=\"editTab()\">\n      {{ 'caseManagement.tabManagement.editModal.updateTab' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { 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: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i7.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "directive", type: i2.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "component", type: TabFormComponent, selector: "valtimo-tab-form", inputs: ["tabType"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementEditTabModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementEditTabModalComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-case-management-edit-tab-modal', 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 *ngIf=\"form\" [open]=\"open\" (close)=\"onCloseModal()\">\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onCloseModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{\n        'caseManagement.tabManagement.editModal.title'\n          | translate: {name: tab?.name ?? 'case.tabs.' + tab.key | translate}\n      }}\n    </h3>\n  </cds-modal-header>\n\n  <section\n    [formGroup]=\"form\"\n    cdsModalContent\n    [cdsLayer]=\"1\"\n  >\n    <valtimo-tab-form\n      [configuredContentKeys]=\"configuredKeysForEdit\"\n      [tabType]=\"tab?.type\"\n    ></valtimo-tab-form>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"secondary\" (click)=\"onCloseModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button cdsButton=\"primary\" [disabled]=\"form.invalid\" (click)=\"editTab()\">\n      {{ 'caseManagement.tabManagement.editModal.updateTab' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n" }]
         }], ctorParameters: () => [{ type: i1$4.FormBuilder }, { type: TabService }], propDecorators: { open: [{
@@ -1192,10 +1410,10 @@ class CaseManagementTabsComponent {
             },
         ]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementTabsComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i2.IconService }, { token: TabManagementService }, { token: TabService }, { token: i3.TranslateService }, { token: i2$1.Router }, { token: i2$1.ActivatedRoute }, { token: i3$1.EditPermissionsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", 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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.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", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], 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: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementTabsComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i2.IconService }, { token: TabManagementService }, { token: TabService }, { token: i3.TranslateService }, { token: i2$1.Router }, { token: i2$1.ActivatedRoute }, { token: i3$1.EditPermissionsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", 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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.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", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], 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: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementTabsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementTabsComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-case-management-tabs', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<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" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i2.IconService }, { type: TabManagementService }, { type: TabService }, { type: i3.TranslateService }, { type: i2$1.Router }, { type: i2$1.ActivatedRoute }, { type: i3$1.EditPermissionsService }], propDecorators: { tabContentColumnTemplate: [{
@@ -1209,6 +1427,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 args: ['moveButtonsTemplate']
             }] } });
 
+/*
+ * 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.
+ */
 const CASE_MANAGEMENT_LIST_TEST_IDS = {
     uploadButton: 'caseManagementUploadButton',
     createButton: 'caseManagementCreateButton',
@@ -1218,11 +1451,12 @@ const CASE_MANAGEMENT_DETAIL_TEST_IDS = {
 };
 const CASE_MANAGEMENT_UPLOAD_TEST_IDS = {
     fileUploader: 'caseFileUploader',
-    uploadWarningNotification: 'uploadWarningNotification',
-    uploadWarningCheckbox: 'uploadWarningCheckbox',
     cancelButton: 'uploadWizardCancelButton',
     nextButton: 'uploadWizardNextButton',
     finishButton: 'uploadWizardFinishButton',
+    nameInput: 'importConfigureNameInput',
+    versionTag: 'importConfigureVersionTag',
+    overrideCheckbox: 'importConfigureOverrideCheckbox',
 };
 const CASE_MANAGEMENT_DETAIL_ACTIONS_TEST_IDS = {
     versionSelectDropdown: 'caseVersionSelectDropdown',
@@ -1561,10 +1795,10 @@ class CaseManagementStatusModalComponent {
             color: this.color.value,
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementStatusModalComponent, deps: [{ token: i1$4.FormBuilder }, { token: i2.IconService }, { token: i1$2.CaseStatusService }, { token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: CaseManagementStatusModalComponent, isStandalone: false, selector: "valtimo-case-management-status-modal", inputs: { type: "type", prefill: "prefill", usedKeys: "usedKeys", caseDefinitionKey: "caseDefinitionKey" }, outputs: { closeModalEvent: "closeModalEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  valtimoCdsModal\n  *ngIf=\"{\n    isAdd: isAdd$ | async,\n    isEdit: isEdit$ | async,\n    isClosed: isClosed$ | async,\n    editingKey: editingKey$ | async,\n    disabled: disabled$ | async,\n  } as obs\"\n  [open]=\"!obs.isClosed\"\n  size=\"sm\"\n  (close)=\"onClose()\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onClose()\" [cdsLayer]=\"1\">\n    <h3 cdsModalHeaderHeading>\n      {{ obs.isAdd ? ('caseManagement.statuses.add' | translate) : '' }}\n      {{ obs.isEdit ? ('caseManagement.statuses.edit' | translate) : '' }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\">\n    <ng-container *ngTemplateOutlet=\"statusForm; context: {obs: obs}\"></ng-container>\n  </section>\n\n  <cds-modal-footer [cdsLayer]=\"1\">\n    <ng-container *ngTemplateOutlet=\"buttons; context: {obs: obs}\"></ng-container>\n  </cds-modal-footer>\n</cds-modal>\n\n<ng-template #colorDropdownItemTemplate let-item=\"item\">\n  <div class=\"dropdown-color-tag\">\n    <cds-tag *ngIf=\"item && item.content\" class=\"cds-tag--no-margin\" [type]=\"item?.tagType\">\n      {{ 'interface.tagType.' + item?.tagType | translate }}\n    </cds-tag>\n  </div>\n</ng-template>\n\n<ng-template #statusForm let-obs=\"obs\">\n  <form [formGroup]=\"statusFormGroup\" class=\"status-form\">\n    <cds-label>\n      {{ 'caseManagement.statuses.columns.title' | translate }}\n\n      <input cdsText formControlName=\"title\" [attr.data-test-id]=\"testIds.titleInput\" [attr.modal-primary-focus]=\"true\" />\n    </cds-label>\n\n    <cds-label>\n      {{ 'caseManagement.statuses.columns.key' | translate }}\n\n      <div class=\"edit-key-input\">\n        <input\n          cdsText\n          formControlName=\"key\"\n          [attr.data-test-id]=\"testIds.keyInput\"\n          [readOnly]=\"!obs.editingKey\"\n          [placeholder]=\"\n            obs.isAdd && !obs.editingKey\n              ? ('caseManagement.statuses.keyAutoGenerated' | translate)\n              : ''\n          \"\n        />\n\n        <cds-icon-button\n          *ngIf=\"!obs.editingKey && obs.isAdd\"\n          [attr.data-test-id]=\"testIds.editKeyButton\"\n          [disabled]=\"obs.disabled\"\n          (click)=\"editKeyButtonClick()\"\n          kind=\"secondary\"\n        >\n          <svg class=\"cds--btn__icon\" cdsIcon=\"edit\" size=\"16\"></svg>\n        </cds-icon-button>\n      </div>\n    </cds-label>\n\n    <div class=\"horizontal-inputs\">\n      <cds-label>\n        {{ 'caseManagement.statuses.columns.color' | translate }}\n\n        <cds-dropdown\n          [id]=\"'status-color-dropdown'\"\n          [attr.data-test-id]=\"testIds.colorDropdown\"\n          [appendInline]=\"false\"\n          [placeholder]=\"'caseManagement.statuses.colorPlaceholder' | translate\"\n          (selected)=\"colorDropdownChange($event)\"\n        >\n          <cds-dropdown-list [items]=\"colorListItems$\" [listTpl]=\"colorDropdownItemTemplate\">\n          </cds-dropdown-list>\n        </cds-dropdown>\n      </cds-label>\n\n      <cds-toggle\n        [attr.data-test-id]=\"testIds.visibilityToggle\"\n        [label]=\"'caseManagement.statuses.visibleTitle' | translate\"\n        [onText]=\"'caseManagement.statuses.visible' | translate\"\n        [offText]=\"'caseManagement.statuses.invisible' | translate\"\n        [disabled]=\"obs.disabled\"\n        [checked]=\"visibleInCaseListByDefault?.value\"\n        (checkedChange)=\"toggleCheckedChange($event)\"\n      ></cds-toggle>\n    </div>\n\n    <cds-toggle\n      [label]=\"'caseManagement.statuses.showRetentionPeriod' | translate\"\n      [onText]=\"'interface.yes' | translate\"\n      [offText]=\"'interface.no' | translate\"\n      [disabled]=\"obs.disabled\"\n      [checked]=\"showRetentionPeriod$ | async\"\n      (checkedChange)=\"toggleRetentionPeriod($event)\"\n    ></cds-toggle>\n\n    <cds-label class=\"status-form-retention-period__label\" *ngIf=\"showRetentionPeriod$ | async\">\n      <div>\n        {{ 'caseManagement.statuses.columns.retentionPeriod' | translate }}\n\n        <v-tooltip-icon\n          [tooltip]=\"'caseManagement.statuses.columns.retentionPeriodTooltip' | translate\"\n        ></v-tooltip-icon>\n      </div>\n\n      <input cdsText formControlName=\"retentionPeriodInDays\" />\n    </cds-label>\n\n    <cds-notification\n      class=\"deployment-warning-notification\"\n      *ngIf=\"!obs.editingKey && !obs.isAdd\"\n      [notificationObj]=\"{\n        type: 'warning',\n        message:\n          ('caseManagement.statuses.retentionPeriodExistingCasesWarning'\n          | translate: notificationContent),\n        showClose: false,\n        lowContrast: true,\n      }\"\n    ></cds-notification>\n  </form>\n</ng-template>\n\n<ng-template #buttons let-obs=\"obs\">\n  <button cdsButton=\"ghost\" [attr.data-test-id]=\"testIds.cancelButton\" (click)=\"onClose()\" [disabled]=\"obs.disabled\">\n    {{ 'interface.cancel' | translate }}\n  </button>\n\n  <button\n    *ngIf=\"obs.isAdd\"\n    cdsButton=\"primary\"\n    [attr.data-test-id]=\"testIds.addConfirmButton\"\n    [disabled]=\"invalid || pristine || obs.disabled\"\n    (click)=\"addStatus()\"\n  >\n    {{ 'interface.add' | translate }}\n  </button>\n\n  <button\n    *ngIf=\"obs.isEdit\"\n    cdsButton=\"primary\"\n    [attr.data-test-id]=\"testIds.saveButton\"\n    [disabled]=\"invalid || pristine || obs.disabled\"\n    (click)=\"editStatus()\"\n  >\n    {{ 'interface.save' | translate }}\n  </button>\n</ng-template>\n", styles: [".status-form{display:flex;flex-direction:column;gap:16px}::ng-deep .status-form-retention-period__label .cds--text-input__field-wrapper{flex-direction:column;gap:8px}::ng-deep .status-form-retention-period__label .cds--text-input__field-wrapper div{display:flex;align-items:center}.edit-key-input{height:40px;display:flex;width:100%;flex-direction:row;gap:16px;align-items:flex-end}.edit-key-input input:read-only{color:var(--cds-text-disabled)}::ng-deep .horizontal-inputs{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}::ng-deep .horizontal-inputs .cds--label{width:100%;display:flex;flex-direction:column;gap:8px}::ng-deep .dropdown-color-tag .cds--tag{margin-top:-4px;margin-left:2px}\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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.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: "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: "component", type: i2.IconButton, selector: "cds-icon-button, ibm-icon-button", inputs: ["buttonNgClass", "buttonAttributes", "buttonId", "kind", "size", "type", "isExpressive", "disabled", "description", "showTooltipWhenDisabled"], outputs: ["click", "focus", "blur", "tooltipClick"] }, { 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: i7.TooltipIconComponent, selector: "v-tooltip-icon", inputs: ["tooltip", "disabled"] }, { kind: "directive", type: i7.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "component", type: i2.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class", "skeleton"] }, { kind: "component", type: i2.Toggle, selector: "cds-toggle, ibm-toggle", inputs: ["offText", "onText", "label", "size", "hideLabel", "ariaLabel", "skeleton"] }, { kind: "directive", type: i2.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementStatusModalComponent, deps: [{ token: i1$4.FormBuilder }, { token: i2.IconService }, { token: i1$2.CaseStatusService }, { token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseManagementStatusModalComponent, isStandalone: false, selector: "valtimo-case-management-status-modal", inputs: { type: "type", prefill: "prefill", usedKeys: "usedKeys", caseDefinitionKey: "caseDefinitionKey" }, outputs: { closeModalEvent: "closeModalEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  valtimoCdsModal\n  *ngIf=\"{\n    isAdd: isAdd$ | async,\n    isEdit: isEdit$ | async,\n    isClosed: isClosed$ | async,\n    editingKey: editingKey$ | async,\n    disabled: disabled$ | async,\n  } as obs\"\n  [open]=\"!obs.isClosed\"\n  size=\"sm\"\n  (close)=\"onClose()\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onClose()\" [cdsLayer]=\"1\">\n    <h3 cdsModalHeaderHeading>\n      {{ obs.isAdd ? ('caseManagement.statuses.add' | translate) : '' }}\n      {{ obs.isEdit ? ('caseManagement.statuses.edit' | translate) : '' }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\">\n    <ng-container *ngTemplateOutlet=\"statusForm; context: {obs: obs}\"></ng-container>\n  </section>\n\n  <cds-modal-footer [cdsLayer]=\"1\">\n    <ng-container *ngTemplateOutlet=\"buttons; context: {obs: obs}\"></ng-container>\n  </cds-modal-footer>\n</cds-modal>\n\n<ng-template #colorDropdownItemTemplate let-item=\"item\">\n  <div class=\"dropdown-color-tag\">\n    <cds-tag *ngIf=\"item && item.content\" class=\"cds-tag--no-margin\" [type]=\"item?.tagType\">\n      {{ 'interface.tagType.' + item?.tagType | translate }}\n    </cds-tag>\n  </div>\n</ng-template>\n\n<ng-template #statusForm let-obs=\"obs\">\n  <form [formGroup]=\"statusFormGroup\" class=\"status-form\">\n    <cds-label>\n      {{ 'caseManagement.statuses.columns.title' | translate }}\n\n      <input cdsText formControlName=\"title\" [attr.data-test-id]=\"testIds.titleInput\" [attr.modal-primary-focus]=\"true\" />\n    </cds-label>\n\n    <cds-label>\n      {{ 'caseManagement.statuses.columns.key' | translate }}\n\n      <div class=\"edit-key-input\">\n        <input\n          cdsText\n          formControlName=\"key\"\n          [attr.data-test-id]=\"testIds.keyInput\"\n          [readOnly]=\"!obs.editingKey\"\n          [placeholder]=\"\n            obs.isAdd && !obs.editingKey\n              ? ('caseManagement.statuses.keyAutoGenerated' | translate)\n              : ''\n          \"\n        />\n\n        <cds-icon-button\n          *ngIf=\"!obs.editingKey && obs.isAdd\"\n          [attr.data-test-id]=\"testIds.editKeyButton\"\n          [disabled]=\"obs.disabled\"\n          (click)=\"editKeyButtonClick()\"\n          kind=\"secondary\"\n        >\n          <svg class=\"cds--btn__icon\" cdsIcon=\"edit\" size=\"16\"></svg>\n        </cds-icon-button>\n      </div>\n    </cds-label>\n\n    <div class=\"horizontal-inputs\">\n      <cds-label>\n        {{ 'caseManagement.statuses.columns.color' | translate }}\n\n        <cds-dropdown\n          [id]=\"'status-color-dropdown'\"\n          [attr.data-test-id]=\"testIds.colorDropdown\"\n          [appendInline]=\"false\"\n          [placeholder]=\"'caseManagement.statuses.colorPlaceholder' | translate\"\n          (selected)=\"colorDropdownChange($event)\"\n        >\n          <cds-dropdown-list [items]=\"colorListItems$\" [listTpl]=\"colorDropdownItemTemplate\">\n          </cds-dropdown-list>\n        </cds-dropdown>\n      </cds-label>\n\n      <cds-toggle\n        [attr.data-test-id]=\"testIds.visibilityToggle\"\n        [label]=\"'caseManagement.statuses.visibleTitle' | translate\"\n        [onText]=\"'caseManagement.statuses.visible' | translate\"\n        [offText]=\"'caseManagement.statuses.invisible' | translate\"\n        [disabled]=\"obs.disabled\"\n        [checked]=\"visibleInCaseListByDefault?.value\"\n        (checkedChange)=\"toggleCheckedChange($event)\"\n      ></cds-toggle>\n    </div>\n\n    <cds-toggle\n      [label]=\"'caseManagement.statuses.showRetentionPeriod' | translate\"\n      [onText]=\"'interface.yes' | translate\"\n      [offText]=\"'interface.no' | translate\"\n      [disabled]=\"obs.disabled\"\n      [checked]=\"showRetentionPeriod$ | async\"\n      (checkedChange)=\"toggleRetentionPeriod($event)\"\n    ></cds-toggle>\n\n    <cds-label class=\"status-form-retention-period__label\" *ngIf=\"showRetentionPeriod$ | async\">\n      <div>\n        {{ 'caseManagement.statuses.columns.retentionPeriod' | translate }}\n\n        <v-tooltip-icon\n          [tooltip]=\"'caseManagement.statuses.columns.retentionPeriodTooltip' | translate\"\n        ></v-tooltip-icon>\n      </div>\n\n      <input cdsText formControlName=\"retentionPeriodInDays\" />\n    </cds-label>\n\n    <cds-notification\n      class=\"deployment-warning-notification\"\n      *ngIf=\"!obs.editingKey && !obs.isAdd\"\n      [notificationObj]=\"{\n        type: 'warning',\n        message:\n          ('caseManagement.statuses.retentionPeriodExistingCasesWarning'\n          | translate: notificationContent),\n        showClose: false,\n        lowContrast: true,\n      }\"\n    ></cds-notification>\n  </form>\n</ng-template>\n\n<ng-template #buttons let-obs=\"obs\">\n  <button cdsButton=\"ghost\" [attr.data-test-id]=\"testIds.cancelButton\" (click)=\"onClose()\" [disabled]=\"obs.disabled\">\n    {{ 'interface.cancel' | translate }}\n  </button>\n\n  <button\n    *ngIf=\"obs.isAdd\"\n    cdsButton=\"primary\"\n    [attr.data-test-id]=\"testIds.addConfirmButton\"\n    [disabled]=\"invalid || pristine || obs.disabled\"\n    (click)=\"addStatus()\"\n  >\n    {{ 'interface.add' | translate }}\n  </button>\n\n  <button\n    *ngIf=\"obs.isEdit\"\n    cdsButton=\"primary\"\n    [attr.data-test-id]=\"testIds.saveButton\"\n    [disabled]=\"invalid || pristine || obs.disabled\"\n    (click)=\"editStatus()\"\n  >\n    {{ 'interface.save' | translate }}\n  </button>\n</ng-template>\n", styles: [".status-form{display:flex;flex-direction:column;gap:16px}::ng-deep .status-form-retention-period__label .cds--text-input__field-wrapper{flex-direction:column;gap:8px}::ng-deep .status-form-retention-period__label .cds--text-input__field-wrapper div{display:flex;align-items:center}.edit-key-input{height:40px;display:flex;width:100%;flex-direction:row;gap:16px;align-items:flex-end}.edit-key-input input:read-only{color:var(--cds-text-disabled)}::ng-deep .horizontal-inputs{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}::ng-deep .horizontal-inputs .cds--label{width:100%;display:flex;flex-direction:column;gap:8px}::ng-deep .dropdown-color-tag .cds--tag{margin-top:-4px;margin-left:2px}\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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.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: "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: "component", type: i2.IconButton, selector: "cds-icon-button, ibm-icon-button", inputs: ["buttonNgClass", "buttonAttributes", "buttonId", "kind", "size", "type", "isExpressive", "disabled", "description", "showTooltipWhenDisabled"], outputs: ["click", "focus", "blur", "tooltipClick"] }, { 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: i7.TooltipIconComponent, selector: "v-tooltip-icon", inputs: ["tooltip", "disabled"] }, { kind: "directive", type: i7.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "component", type: i2.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class", "skeleton"] }, { kind: "component", type: i2.Toggle, selector: "cds-toggle, ibm-toggle", inputs: ["offText", "onText", "label", "size", "hideLabel", "ariaLabel", "skeleton"] }, { kind: "directive", type: i2.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementStatusModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementStatusModalComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-case-management-status-modal', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  valtimoCdsModal\n  *ngIf=\"{\n    isAdd: isAdd$ | async,\n    isEdit: isEdit$ | async,\n    isClosed: isClosed$ | async,\n    editingKey: editingKey$ | async,\n    disabled: disabled$ | async,\n  } as obs\"\n  [open]=\"!obs.isClosed\"\n  size=\"sm\"\n  (close)=\"onClose()\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onClose()\" [cdsLayer]=\"1\">\n    <h3 cdsModalHeaderHeading>\n      {{ obs.isAdd ? ('caseManagement.statuses.add' | translate) : '' }}\n      {{ obs.isEdit ? ('caseManagement.statuses.edit' | translate) : '' }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\">\n    <ng-container *ngTemplateOutlet=\"statusForm; context: {obs: obs}\"></ng-container>\n  </section>\n\n  <cds-modal-footer [cdsLayer]=\"1\">\n    <ng-container *ngTemplateOutlet=\"buttons; context: {obs: obs}\"></ng-container>\n  </cds-modal-footer>\n</cds-modal>\n\n<ng-template #colorDropdownItemTemplate let-item=\"item\">\n  <div class=\"dropdown-color-tag\">\n    <cds-tag *ngIf=\"item && item.content\" class=\"cds-tag--no-margin\" [type]=\"item?.tagType\">\n      {{ 'interface.tagType.' + item?.tagType | translate }}\n    </cds-tag>\n  </div>\n</ng-template>\n\n<ng-template #statusForm let-obs=\"obs\">\n  <form [formGroup]=\"statusFormGroup\" class=\"status-form\">\n    <cds-label>\n      {{ 'caseManagement.statuses.columns.title' | translate }}\n\n      <input cdsText formControlName=\"title\" [attr.data-test-id]=\"testIds.titleInput\" [attr.modal-primary-focus]=\"true\" />\n    </cds-label>\n\n    <cds-label>\n      {{ 'caseManagement.statuses.columns.key' | translate }}\n\n      <div class=\"edit-key-input\">\n        <input\n          cdsText\n          formControlName=\"key\"\n          [attr.data-test-id]=\"testIds.keyInput\"\n          [readOnly]=\"!obs.editingKey\"\n          [placeholder]=\"\n            obs.isAdd && !obs.editingKey\n              ? ('caseManagement.statuses.keyAutoGenerated' | translate)\n              : ''\n          \"\n        />\n\n        <cds-icon-button\n          *ngIf=\"!obs.editingKey && obs.isAdd\"\n          [attr.data-test-id]=\"testIds.editKeyButton\"\n          [disabled]=\"obs.disabled\"\n          (click)=\"editKeyButtonClick()\"\n          kind=\"secondary\"\n        >\n          <svg class=\"cds--btn__icon\" cdsIcon=\"edit\" size=\"16\"></svg>\n        </cds-icon-button>\n      </div>\n    </cds-label>\n\n    <div class=\"horizontal-inputs\">\n      <cds-label>\n        {{ 'caseManagement.statuses.columns.color' | translate }}\n\n        <cds-dropdown\n          [id]=\"'status-color-dropdown'\"\n          [attr.data-test-id]=\"testIds.colorDropdown\"\n          [appendInline]=\"false\"\n          [placeholder]=\"'caseManagement.statuses.colorPlaceholder' | translate\"\n          (selected)=\"colorDropdownChange($event)\"\n        >\n          <cds-dropdown-list [items]=\"colorListItems$\" [listTpl]=\"colorDropdownItemTemplate\">\n          </cds-dropdown-list>\n        </cds-dropdown>\n      </cds-label>\n\n      <cds-toggle\n        [attr.data-test-id]=\"testIds.visibilityToggle\"\n        [label]=\"'caseManagement.statuses.visibleTitle' | translate\"\n        [onText]=\"'caseManagement.statuses.visible' | translate\"\n        [offText]=\"'caseManagement.statuses.invisible' | translate\"\n        [disabled]=\"obs.disabled\"\n        [checked]=\"visibleInCaseListByDefault?.value\"\n        (checkedChange)=\"toggleCheckedChange($event)\"\n      ></cds-toggle>\n    </div>\n\n    <cds-toggle\n      [label]=\"'caseManagement.statuses.showRetentionPeriod' | translate\"\n      [onText]=\"'interface.yes' | translate\"\n      [offText]=\"'interface.no' | translate\"\n      [disabled]=\"obs.disabled\"\n      [checked]=\"showRetentionPeriod$ | async\"\n      (checkedChange)=\"toggleRetentionPeriod($event)\"\n    ></cds-toggle>\n\n    <cds-label class=\"status-form-retention-period__label\" *ngIf=\"showRetentionPeriod$ | async\">\n      <div>\n        {{ 'caseManagement.statuses.columns.retentionPeriod' | translate }}\n\n        <v-tooltip-icon\n          [tooltip]=\"'caseManagement.statuses.columns.retentionPeriodTooltip' | translate\"\n        ></v-tooltip-icon>\n      </div>\n\n      <input cdsText formControlName=\"retentionPeriodInDays\" />\n    </cds-label>\n\n    <cds-notification\n      class=\"deployment-warning-notification\"\n      *ngIf=\"!obs.editingKey && !obs.isAdd\"\n      [notificationObj]=\"{\n        type: 'warning',\n        message:\n          ('caseManagement.statuses.retentionPeriodExistingCasesWarning'\n          | translate: notificationContent),\n        showClose: false,\n        lowContrast: true,\n      }\"\n    ></cds-notification>\n  </form>\n</ng-template>\n\n<ng-template #buttons let-obs=\"obs\">\n  <button cdsButton=\"ghost\" [attr.data-test-id]=\"testIds.cancelButton\" (click)=\"onClose()\" [disabled]=\"obs.disabled\">\n    {{ 'interface.cancel' | translate }}\n  </button>\n\n  <button\n    *ngIf=\"obs.isAdd\"\n    cdsButton=\"primary\"\n    [attr.data-test-id]=\"testIds.addConfirmButton\"\n    [disabled]=\"invalid || pristine || obs.disabled\"\n    (click)=\"addStatus()\"\n  >\n    {{ 'interface.add' | translate }}\n  </button>\n\n  <button\n    *ngIf=\"obs.isEdit\"\n    cdsButton=\"primary\"\n    [attr.data-test-id]=\"testIds.saveButton\"\n    [disabled]=\"invalid || pristine || obs.disabled\"\n    (click)=\"editStatus()\"\n  >\n    {{ 'interface.save' | translate }}\n  </button>\n</ng-template>\n", styles: [".status-form{display:flex;flex-direction:column;gap:16px}::ng-deep .status-form-retention-period__label .cds--text-input__field-wrapper{flex-direction:column;gap:8px}::ng-deep .status-form-retention-period__label .cds--text-input__field-wrapper div{display:flex;align-items:center}.edit-key-input{height:40px;display:flex;width:100%;flex-direction:row;gap:16px;align-items:flex-end}.edit-key-input input:read-only{color:var(--cds-text-disabled)}::ng-deep .horizontal-inputs{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}::ng-deep .horizontal-inputs .cds--label{width:100%;display:flex;flex-direction:column;gap:8px}::ng-deep .dropdown-color-tag .cds--tag{margin-top:-4px;margin-left:2px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
         }], ctorParameters: () => [{ type: i1$4.FormBuilder }, { type: i2.IconService }, { type: i1$2.CaseStatusService }, { type: i3.TranslateService }], propDecorators: { type: [{
@@ -1716,10 +1950,10 @@ class CaseManagementStatusesComponent {
             },
         ]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementStatusesComponent, deps: [{ token: i1$2.CaseStatusService }, { token: i2$1.ActivatedRoute }, { token: i3$1.EnvironmentService }, { token: i3$1.EditPermissionsService }, { token: CaseManagementService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", 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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.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", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], 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: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementStatusesComponent, deps: [{ token: i1$2.CaseStatusService }, { token: i2$1.ActivatedRoute }, { token: i3$1.EnvironmentService }, { token: i3$1.EditPermissionsService }, { token: CaseManagementService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", 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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.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", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], 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: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementStatusesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementStatusesComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-case-management-statuses', changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
         }], ctorParameters: () => [{ type: i1$2.CaseStatusService }, { type: i2$1.ActivatedRoute }, { type: i3$1.EnvironmentService }, { type: i3$1.EditPermissionsService }, { type: CaseManagementService }], propDecorators: { colorColumnTemplate: [{
@@ -1960,10 +2194,10 @@ class CaseManagementTagsModalComponent {
             color: this.color.value,
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementTagsModalComponent, deps: [{ token: i1$4.FormBuilder }, { token: i2.IconService }, { token: i3.TranslateService }, { token: i1$2.CaseTagService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: CaseManagementTagsModalComponent, isStandalone: false, selector: "valtimo-case-management-tags-modal", inputs: { type: "type", prefill: "prefill", usedKeys: "usedKeys", caseDefinitionKey: "caseDefinitionKey", caseDefinitionVersionTag: "caseDefinitionVersionTag" }, outputs: { closeModalEvent: "closeModalEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  valtimoCdsModal\n  *ngIf=\"{\n    isAdd: isAdd$ | async,\n    isEdit: isEdit$ | async,\n    isClosed: isClosed$ | async,\n    editingKey: editingKey$ | async,\n    disabled: disabled$ | async,\n  } as obs\"\n  [open]=\"!obs.isClosed\"\n  size=\"sm\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"close()\">\n    <h3 cdsModalHeaderHeading>\n      {{ obs.isEdit ? ('caseManagement.caseTags.edit' | translate) : '' }}\n      {{ obs.isAdd ? ('caseManagement.caseTags.add' | translate) : '' }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\">\n    <form [formGroup]=\"caseTagFormGroup\" class=\"case-tag-form\">\n      <cds-label>\n        {{ 'caseManagement.caseTags.columns.title' | translate }}\n        <input cdsText formControlName=\"title\" [attr.data-test-id]=\"testIds.titleInput\" [attr.modal-primary-focus]=\"true\" />\n      </cds-label>\n\n      <cds-label>\n        {{ 'caseManagement.caseTags.columns.key' | translate }}\n        <div class=\"edit-key-input\">\n          <input\n            cdsText\n            formControlName=\"key\"\n            [attr.data-test-id]=\"testIds.keyInput\"\n            [readOnly]=\"!obs.editingKey\"\n            [placeholder]=\"\n              obs.isAdd && !obs.editingKey\n                ? ('caseManagement.caseTags.keyAutoGenerated' | translate)\n                : ''\n            \"\n          />\n          <cds-icon-button\n            *ngIf=\"!obs.editingKey && obs.isAdd\"\n            [attr.data-test-id]=\"testIds.editKeyButton\"\n            [disabled]=\"obs.disabled\"\n            (click)=\"editKeyButtonClick()\"\n            kind=\"secondary\"\n          >\n            <svg class=\"cds--btn__icon\" cdsIcon=\"edit\" size=\"16\"></svg>\n          </cds-icon-button>\n        </div>\n      </cds-label>\n\n      <div class=\"horizontal-inputs\">\n        <cds-label>\n          {{ 'caseManagement.caseTags.columns.color' | translate }}\n          <cds-dropdown\n            id=\"status-color-dropdown\"\n            [attr.data-test-id]=\"testIds.colorDropdown\"\n            [appendInline]=\"false\"\n            [placeholder]=\"'caseManagement.caseTags.colorPlaceholder' | translate\"\n            (selected)=\"colorDropdownChange($event)\"\n          >\n            <cds-dropdown-list\n              [items]=\"colorListItems$\"\n              [listTpl]=\"colorDropdownItemTemplate\"\n            ></cds-dropdown-list>\n          </cds-dropdown>\n        </cds-label>\n      </div>\n    </form>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" [attr.data-test-id]=\"testIds.cancelButton\" (click)=\"close()\" [disabled]=\"obs.disabled\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      *ngIf=\"obs.isAdd\"\n      cdsButton=\"primary\"\n      [attr.data-test-id]=\"testIds.addConfirmButton\"\n      [disabled]=\"invalid || pristine || obs.disabled\"\n      (click)=\"addCaseTag()\"\n    >\n      {{ 'interface.add' | translate }}\n    </button>\n\n    <button\n      *ngIf=\"obs.isEdit\"\n      cdsButton=\"primary\"\n      [attr.data-test-id]=\"testIds.saveButton\"\n      [disabled]=\"invalid || pristine || obs.disabled\"\n      (click)=\"editCaseTag()\"\n    >\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n\n<ng-template #colorDropdownItemTemplate let-item=\"item\">\n  <cds-tag\n    *ngIf=\"item && item.content\"\n    class=\"cds-tag--no-margin case-tag-margins\"\n    [type]=\"item?.tagType\"\n  >\n    {{ 'interface.tagType.' + item?.tagType | translate }}\n  </cds-tag>\n</ng-template>\n", styles: [".case-tag-form{display:flex;flex-direction:column;gap:16px}.edit-key-input{height:40px;display:flex;width:100%;flex-direction:row;gap:16px;align-items:flex-end}.edit-key-input input:read-only{color:var(--cds-text-disabled)}::ng-deep .horizontal-inputs{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}::ng-deep .horizontal-inputs .cds--label{width:100%;display:flex;flex-direction:column;gap:8px}.case-tag-margins{margin-top:-4px;margin-left:2px}\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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: i2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: i2.IconButton, selector: "cds-icon-button, ibm-icon-button", inputs: ["buttonNgClass", "buttonAttributes", "buttonId", "kind", "size", "type", "isExpressive", "disabled", "description", "showTooltipWhenDisabled"], outputs: ["click", "focus", "blur", "tooltipClick"] }, { 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: "directive", type: i7.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "component", type: i2.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class", "skeleton"] }, { kind: "directive", type: i2.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementTagsModalComponent, deps: [{ token: i1$4.FormBuilder }, { token: i2.IconService }, { token: i3.TranslateService }, { token: i1$2.CaseTagService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseManagementTagsModalComponent, isStandalone: false, selector: "valtimo-case-management-tags-modal", inputs: { type: "type", prefill: "prefill", usedKeys: "usedKeys", caseDefinitionKey: "caseDefinitionKey", caseDefinitionVersionTag: "caseDefinitionVersionTag" }, outputs: { closeModalEvent: "closeModalEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  valtimoCdsModal\n  *ngIf=\"{\n    isAdd: isAdd$ | async,\n    isEdit: isEdit$ | async,\n    isClosed: isClosed$ | async,\n    editingKey: editingKey$ | async,\n    disabled: disabled$ | async,\n  } as obs\"\n  [open]=\"!obs.isClosed\"\n  size=\"sm\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"close()\">\n    <h3 cdsModalHeaderHeading>\n      {{ obs.isEdit ? ('caseManagement.caseTags.edit' | translate) : '' }}\n      {{ obs.isAdd ? ('caseManagement.caseTags.add' | translate) : '' }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\">\n    <form [formGroup]=\"caseTagFormGroup\" class=\"case-tag-form\">\n      <cds-label>\n        {{ 'caseManagement.caseTags.columns.title' | translate }}\n        <input cdsText formControlName=\"title\" [attr.data-test-id]=\"testIds.titleInput\" [attr.modal-primary-focus]=\"true\" />\n      </cds-label>\n\n      <cds-label>\n        {{ 'caseManagement.caseTags.columns.key' | translate }}\n        <div class=\"edit-key-input\">\n          <input\n            cdsText\n            formControlName=\"key\"\n            [attr.data-test-id]=\"testIds.keyInput\"\n            [readOnly]=\"!obs.editingKey\"\n            [placeholder]=\"\n              obs.isAdd && !obs.editingKey\n                ? ('caseManagement.caseTags.keyAutoGenerated' | translate)\n                : ''\n            \"\n          />\n          <cds-icon-button\n            *ngIf=\"!obs.editingKey && obs.isAdd\"\n            [attr.data-test-id]=\"testIds.editKeyButton\"\n            [disabled]=\"obs.disabled\"\n            (click)=\"editKeyButtonClick()\"\n            kind=\"secondary\"\n          >\n            <svg class=\"cds--btn__icon\" cdsIcon=\"edit\" size=\"16\"></svg>\n          </cds-icon-button>\n        </div>\n      </cds-label>\n\n      <div class=\"horizontal-inputs\">\n        <cds-label>\n          {{ 'caseManagement.caseTags.columns.color' | translate }}\n          <cds-dropdown\n            id=\"status-color-dropdown\"\n            [attr.data-test-id]=\"testIds.colorDropdown\"\n            [appendInline]=\"false\"\n            [placeholder]=\"'caseManagement.caseTags.colorPlaceholder' | translate\"\n            (selected)=\"colorDropdownChange($event)\"\n          >\n            <cds-dropdown-list\n              [items]=\"colorListItems$\"\n              [listTpl]=\"colorDropdownItemTemplate\"\n            ></cds-dropdown-list>\n          </cds-dropdown>\n        </cds-label>\n      </div>\n    </form>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" [attr.data-test-id]=\"testIds.cancelButton\" (click)=\"close()\" [disabled]=\"obs.disabled\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      *ngIf=\"obs.isAdd\"\n      cdsButton=\"primary\"\n      [attr.data-test-id]=\"testIds.addConfirmButton\"\n      [disabled]=\"invalid || pristine || obs.disabled\"\n      (click)=\"addCaseTag()\"\n    >\n      {{ 'interface.add' | translate }}\n    </button>\n\n    <button\n      *ngIf=\"obs.isEdit\"\n      cdsButton=\"primary\"\n      [attr.data-test-id]=\"testIds.saveButton\"\n      [disabled]=\"invalid || pristine || obs.disabled\"\n      (click)=\"editCaseTag()\"\n    >\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n\n<ng-template #colorDropdownItemTemplate let-item=\"item\">\n  <cds-tag\n    *ngIf=\"item && item.content\"\n    class=\"cds-tag--no-margin case-tag-margins\"\n    [type]=\"item?.tagType\"\n  >\n    {{ 'interface.tagType.' + item?.tagType | translate }}\n  </cds-tag>\n</ng-template>\n", styles: [".case-tag-form{display:flex;flex-direction:column;gap:16px}.edit-key-input{height:40px;display:flex;width:100%;flex-direction:row;gap:16px;align-items:flex-end}.edit-key-input input:read-only{color:var(--cds-text-disabled)}::ng-deep .horizontal-inputs{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}::ng-deep .horizontal-inputs .cds--label{width:100%;display:flex;flex-direction:column;gap:8px}.case-tag-margins{margin-top:-4px;margin-left:2px}\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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: i2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: i2.IconButton, selector: "cds-icon-button, ibm-icon-button", inputs: ["buttonNgClass", "buttonAttributes", "buttonId", "kind", "size", "type", "isExpressive", "disabled", "description", "showTooltipWhenDisabled"], outputs: ["click", "focus", "blur", "tooltipClick"] }, { 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: "directive", type: i7.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "component", type: i2.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class", "skeleton"] }, { kind: "directive", type: i2.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementTagsModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementTagsModalComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-case-management-tags-modal', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  valtimoCdsModal\n  *ngIf=\"{\n    isAdd: isAdd$ | async,\n    isEdit: isEdit$ | async,\n    isClosed: isClosed$ | async,\n    editingKey: editingKey$ | async,\n    disabled: disabled$ | async,\n  } as obs\"\n  [open]=\"!obs.isClosed\"\n  size=\"sm\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"close()\">\n    <h3 cdsModalHeaderHeading>\n      {{ obs.isEdit ? ('caseManagement.caseTags.edit' | translate) : '' }}\n      {{ obs.isAdd ? ('caseManagement.caseTags.add' | translate) : '' }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\">\n    <form [formGroup]=\"caseTagFormGroup\" class=\"case-tag-form\">\n      <cds-label>\n        {{ 'caseManagement.caseTags.columns.title' | translate }}\n        <input cdsText formControlName=\"title\" [attr.data-test-id]=\"testIds.titleInput\" [attr.modal-primary-focus]=\"true\" />\n      </cds-label>\n\n      <cds-label>\n        {{ 'caseManagement.caseTags.columns.key' | translate }}\n        <div class=\"edit-key-input\">\n          <input\n            cdsText\n            formControlName=\"key\"\n            [attr.data-test-id]=\"testIds.keyInput\"\n            [readOnly]=\"!obs.editingKey\"\n            [placeholder]=\"\n              obs.isAdd && !obs.editingKey\n                ? ('caseManagement.caseTags.keyAutoGenerated' | translate)\n                : ''\n            \"\n          />\n          <cds-icon-button\n            *ngIf=\"!obs.editingKey && obs.isAdd\"\n            [attr.data-test-id]=\"testIds.editKeyButton\"\n            [disabled]=\"obs.disabled\"\n            (click)=\"editKeyButtonClick()\"\n            kind=\"secondary\"\n          >\n            <svg class=\"cds--btn__icon\" cdsIcon=\"edit\" size=\"16\"></svg>\n          </cds-icon-button>\n        </div>\n      </cds-label>\n\n      <div class=\"horizontal-inputs\">\n        <cds-label>\n          {{ 'caseManagement.caseTags.columns.color' | translate }}\n          <cds-dropdown\n            id=\"status-color-dropdown\"\n            [attr.data-test-id]=\"testIds.colorDropdown\"\n            [appendInline]=\"false\"\n            [placeholder]=\"'caseManagement.caseTags.colorPlaceholder' | translate\"\n            (selected)=\"colorDropdownChange($event)\"\n          >\n            <cds-dropdown-list\n              [items]=\"colorListItems$\"\n              [listTpl]=\"colorDropdownItemTemplate\"\n            ></cds-dropdown-list>\n          </cds-dropdown>\n        </cds-label>\n      </div>\n    </form>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" [attr.data-test-id]=\"testIds.cancelButton\" (click)=\"close()\" [disabled]=\"obs.disabled\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      *ngIf=\"obs.isAdd\"\n      cdsButton=\"primary\"\n      [attr.data-test-id]=\"testIds.addConfirmButton\"\n      [disabled]=\"invalid || pristine || obs.disabled\"\n      (click)=\"addCaseTag()\"\n    >\n      {{ 'interface.add' | translate }}\n    </button>\n\n    <button\n      *ngIf=\"obs.isEdit\"\n      cdsButton=\"primary\"\n      [attr.data-test-id]=\"testIds.saveButton\"\n      [disabled]=\"invalid || pristine || obs.disabled\"\n      (click)=\"editCaseTag()\"\n    >\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n\n<ng-template #colorDropdownItemTemplate let-item=\"item\">\n  <cds-tag\n    *ngIf=\"item && item.content\"\n    class=\"cds-tag--no-margin case-tag-margins\"\n    [type]=\"item?.tagType\"\n  >\n    {{ 'interface.tagType.' + item?.tagType | translate }}\n  </cds-tag>\n</ng-template>\n", styles: [".case-tag-form{display:flex;flex-direction:column;gap:16px}.edit-key-input{height:40px;display:flex;width:100%;flex-direction:row;gap:16px;align-items:flex-end}.edit-key-input input:read-only{color:var(--cds-text-disabled)}::ng-deep .horizontal-inputs{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}::ng-deep .horizontal-inputs .cds--label{width:100%;display:flex;flex-direction:column;gap:8px}.case-tag-margins{margin-top:-4px;margin-left:2px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
         }], ctorParameters: () => [{ type: i1$4.FormBuilder }, { type: i2.IconService }, { type: i3.TranslateService }, { type: i1$2.CaseTagService }], propDecorators: { type: [{
@@ -2111,10 +2345,10 @@ class CaseManagementTagsComponent {
             },
         ]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementTagsComponent, deps: [{ token: i1$2.CaseTagService }, { token: i2$1.ActivatedRoute }, { token: i3$1.EditPermissionsService }, { token: CaseManagementService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", 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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.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", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], 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: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementTagsComponent, deps: [{ token: i1$2.CaseTagService }, { token: i2$1.ActivatedRoute }, { token: i3$1.EditPermissionsService }, { token: CaseManagementService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", 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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.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", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], 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: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementTagsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementTagsComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-case-management-tags', changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
         }], ctorParameters: () => [{ type: i1$2.CaseTagService }, { type: i2$1.ActivatedRoute }, { type: i3$1.EditPermissionsService }, { type: CaseManagementService }], propDecorators: { colorColumnTemplate: [{
@@ -2150,10 +2384,10 @@ class CaseManagementCaseDetailComponent {
     switchTab(tab) {
         this.currentTab$.next(tab);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementCaseDetailComponent, deps: [{ token: i3$1.DraftVersionService }, { token: i2$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: CaseManagementCaseDetailComponent, isStandalone: false, selector: "ng-component", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n@if (currentTab$ | async; as currentTab) {\n  <valtimo-case-management-draft-warning\n    *ngIf=\"(isDraftVersion$ | async) === true && currentTab === TabEnum.STATUSES\"\n    [name]=\"'caseManagement.tabs.caseDetailsTab.statuses' | translate | lowercase\"\n  ></valtimo-case-management-draft-warning>\n\n  <cds-tabs class=\"case-management-tabs\" type=\"contained\">\n    <cds-tab\n      [active]=\"currentTab === TabEnum.TABS\"\n      [heading]=\"'caseManagement.tabs.caseDetailsTab.tabs' | translate\"\n      (selected)=\"switchTab(TabEnum.TABS)\"\n    >\n      <valtimo-case-management-tabs\n        *ngIf=\"currentTab === TabEnum.TABS\"\n      ></valtimo-case-management-tabs>\n    </cds-tab>\n\n    <cds-tab\n      [active]=\"currentTab === TabEnum.STATUSES\"\n      [heading]=\"'caseManagement.tabs.caseDetailsTab.statuses' | translate\"\n      (selected)=\"switchTab(TabEnum.STATUSES)\"\n    >\n      <valtimo-case-management-statuses\n        *ngIf=\"currentTab === TabEnum.STATUSES\"\n      ></valtimo-case-management-statuses>\n    </cds-tab>\n\n    <cds-tab\n      [active]=\"currentTab === TabEnum.TAGS\"\n      [heading]=\"'caseManagement.tabs.caseDetailsTab.tags' | translate\"\n      (selected)=\"switchTab(TabEnum.TAGS)\"\n    >\n      <valtimo-case-management-tags\n        *ngIf=\"currentTab === TabEnum.TAGS\"\n      ></valtimo-case-management-tags>\n    </cds-tab>\n\n    <cds-tab\n      [active]=\"currentTab === TabEnum.HEADER\"\n      [heading]=\"'caseManagement.tabs.caseDetailsTab.header' | translate\"\n      (selected)=\"switchTab(TabEnum.HEADER)\"\n    >\n      <valtimo-case-management-header\n        *ngIf=\"currentTab === TabEnum.HEADER\"\n      ></valtimo-case-management-header>\n    </cds-tab>\n  </cds-tabs>\n}\n", styles: [":host ::ng-deep .cds--tab-content{margin: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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: CaseManagementDraftWarningComponent, selector: "valtimo-case-management-draft-warning", inputs: ["name"] }, { kind: "component", type: CaseManagementHeaderComponent, selector: "valtimo-case-management-header" }, { kind: "component", type: CaseManagementTabsComponent, selector: "valtimo-case-management-tabs" }, { kind: "component", type: CaseManagementStatusesComponent, selector: "valtimo-case-management-statuses" }, { kind: "component", type: CaseManagementTagsComponent, selector: "valtimo-case-management-tags" }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.LowerCasePipe, name: "lowercase" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementCaseDetailComponent, deps: [{ token: i3$1.DraftVersionService }, { token: i2$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CaseManagementCaseDetailComponent, isStandalone: false, selector: "ng-component", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n@if (currentTab$ | async; as currentTab) {\n  <valtimo-case-management-draft-warning\n    *ngIf=\"(isDraftVersion$ | async) === true && currentTab === TabEnum.STATUSES\"\n    [name]=\"'caseManagement.tabs.caseDetailsTab.statuses' | translate | lowercase\"\n  ></valtimo-case-management-draft-warning>\n\n  <cds-tabs class=\"case-management-tabs\" type=\"contained\">\n    <cds-tab\n      [active]=\"currentTab === TabEnum.TABS\"\n      [heading]=\"'caseManagement.tabs.caseDetailsTab.tabs' | translate\"\n      (selected)=\"switchTab(TabEnum.TABS)\"\n    >\n      <valtimo-case-management-tabs\n        *ngIf=\"currentTab === TabEnum.TABS\"\n      ></valtimo-case-management-tabs>\n    </cds-tab>\n\n    <cds-tab\n      [active]=\"currentTab === TabEnum.STATUSES\"\n      [heading]=\"'caseManagement.tabs.caseDetailsTab.statuses' | translate\"\n      (selected)=\"switchTab(TabEnum.STATUSES)\"\n    >\n      <valtimo-case-management-statuses\n        *ngIf=\"currentTab === TabEnum.STATUSES\"\n      ></valtimo-case-management-statuses>\n    </cds-tab>\n\n    <cds-tab\n      [active]=\"currentTab === TabEnum.TAGS\"\n      [heading]=\"'caseManagement.tabs.caseDetailsTab.tags' | translate\"\n      (selected)=\"switchTab(TabEnum.TAGS)\"\n    >\n      <valtimo-case-management-tags\n        *ngIf=\"currentTab === TabEnum.TAGS\"\n      ></valtimo-case-management-tags>\n    </cds-tab>\n\n    <cds-tab\n      [active]=\"currentTab === TabEnum.HEADER\"\n      [heading]=\"'caseManagement.tabs.caseDetailsTab.header' | translate\"\n      (selected)=\"switchTab(TabEnum.HEADER)\"\n    >\n      <valtimo-case-management-header\n        *ngIf=\"currentTab === TabEnum.HEADER\"\n      ></valtimo-case-management-header>\n    </cds-tab>\n  </cds-tabs>\n}\n", styles: [":host ::ng-deep .cds--tab-content{margin: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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: CaseManagementDraftWarningComponent, selector: "valtimo-case-management-draft-warning", inputs: ["name"] }, { kind: "component", type: CaseManagementHeaderComponent, selector: "valtimo-case-management-header" }, { kind: "component", type: CaseManagementTabsComponent, selector: "valtimo-case-management-tabs" }, { kind: "component", type: CaseManagementStatusesComponent, selector: "valtimo-case-management-statuses" }, { kind: "component", type: CaseManagementTagsComponent, selector: "valtimo-case-management-tags" }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.LowerCasePipe, name: "lowercase" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementCaseDetailComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementCaseDetailComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n@if (currentTab$ | async; as currentTab) {\n  <valtimo-case-management-draft-warning\n    *ngIf=\"(isDraftVersion$ | async) === true && currentTab === TabEnum.STATUSES\"\n    [name]=\"'caseManagement.tabs.caseDetailsTab.statuses' | translate | lowercase\"\n  ></valtimo-case-management-draft-warning>\n\n  <cds-tabs class=\"case-management-tabs\" type=\"contained\">\n    <cds-tab\n      [active]=\"currentTab === TabEnum.TABS\"\n      [heading]=\"'caseManagement.tabs.caseDetailsTab.tabs' | translate\"\n      (selected)=\"switchTab(TabEnum.TABS)\"\n    >\n      <valtimo-case-management-tabs\n        *ngIf=\"currentTab === TabEnum.TABS\"\n      ></valtimo-case-management-tabs>\n    </cds-tab>\n\n    <cds-tab\n      [active]=\"currentTab === TabEnum.STATUSES\"\n      [heading]=\"'caseManagement.tabs.caseDetailsTab.statuses' | translate\"\n      (selected)=\"switchTab(TabEnum.STATUSES)\"\n    >\n      <valtimo-case-management-statuses\n        *ngIf=\"currentTab === TabEnum.STATUSES\"\n      ></valtimo-case-management-statuses>\n    </cds-tab>\n\n    <cds-tab\n      [active]=\"currentTab === TabEnum.TAGS\"\n      [heading]=\"'caseManagement.tabs.caseDetailsTab.tags' | translate\"\n      (selected)=\"switchTab(TabEnum.TAGS)\"\n    >\n      <valtimo-case-management-tags\n        *ngIf=\"currentTab === TabEnum.TAGS\"\n      ></valtimo-case-management-tags>\n    </cds-tab>\n\n    <cds-tab\n      [active]=\"currentTab === TabEnum.HEADER\"\n      [heading]=\"'caseManagement.tabs.caseDetailsTab.header' | translate\"\n      (selected)=\"switchTab(TabEnum.HEADER)\"\n    >\n      <valtimo-case-management-header\n        *ngIf=\"currentTab === TabEnum.HEADER\"\n      ></valtimo-case-management-header>\n    </cds-tab>\n  </cds-tabs>\n}\n", styles: [":host ::ng-deep .cds--tab-content{margin:0!important}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
         }], ctorParameters: () => [{ type: i3$1.DraftVersionService }, { type: i2$1.ActivatedRoute }] });
@@ -2603,10 +2837,10 @@ class CaseManagementSearchFieldsComponent {
     showEditModal(searchField) {
         this.searchFieldClicked(searchField, false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementSearchFieldsComponent, deps: [{ token: i1$2.DocumentService }, { token: i2$1.ActivatedRoute }, { token: i3.TranslateService }, { token: i2.IconService }, { token: i3$1.EditPermissionsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", 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      [fitPageSpaceAdjustment]=\"248\"\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    {{ 'searchFieldsOverview.submit' | 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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.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", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], 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", "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", "fitPageSpaceAdjustment", "formatOnLoad", "heightPx", "heightStyle", "jsonSchema", "showEditButton", "widthPx"], outputs: ["changeEvent", "discardEvent", "keepEditingEvent", "saveEvent"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementSearchFieldsComponent, deps: [{ token: i1$2.DocumentService }, { token: i2$1.ActivatedRoute }, { token: i3.TranslateService }, { token: i2.IconService }, { token: i3$1.EditPermissionsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", 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      [fitPageSpaceAdjustment]=\"248\"\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    {{ 'searchFieldsOverview.submit' | 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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.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", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], 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", "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", "fitPageSpaceAdjustment", "formatOnLoad", "heightPx", "heightStyle", "jsonSchema", "showEditButton", "widthPx"], outputs: ["changeEvent", "discardEvent", "keepEditingEvent", "saveEvent"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementSearchFieldsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementSearchFieldsComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-case-management-search-fields', changeDetection: ChangeDetectionStrategy.OnPush, 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      [fitPageSpaceAdjustment]=\"248\"\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    {{ 'searchFieldsOverview.submit' | 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"] }]
         }], ctorParameters: () => [{ type: i1$2.DocumentService }, { type: i2$1.ActivatedRoute }, { type: i3.TranslateService }, { type: i2.IconService }, { type: i3$1.EditPermissionsService }] });
@@ -3043,10 +3277,10 @@ class CaseManagementListColumnsComponent {
             this.displayExportButton = pathMustStartWithCaseOrDocRegex.test(String(value));
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementListColumnsComponent, deps: [{ token: i1$2.DocumentService }, { token: i2$1.ActivatedRoute }, { token: i3.TranslateService }, { token: i2.IconService }, { token: i3$1.EditPermissionsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", 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      [fitPageSpaceAdjustment]=\"248\"\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        [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      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      [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    </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        {{ '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%}::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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.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", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], 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", "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", "fitPageSpaceAdjustment", "formatOnLoad", "heightPx", "heightStyle", "jsonSchema", "showEditButton", "widthPx"], outputs: ["changeEvent", "discardEvent", "keepEditingEvent", "saveEvent"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementListColumnsComponent, deps: [{ token: i1$2.DocumentService }, { token: i2$1.ActivatedRoute }, { token: i3.TranslateService }, { token: i2.IconService }, { token: i3$1.EditPermissionsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", 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      [fitPageSpaceAdjustment]=\"248\"\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        [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      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      [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    </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        {{ '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%}::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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.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", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], 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", "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", "fitPageSpaceAdjustment", "formatOnLoad", "heightPx", "heightStyle", "jsonSchema", "showEditButton", "widthPx"], outputs: ["changeEvent", "discardEvent", "keepEditingEvent", "saveEvent"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementListColumnsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementListColumnsComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-case-management-list-columns', 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      [fitPageSpaceAdjustment]=\"248\"\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        [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      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      [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    </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        {{ '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%}::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"] }]
         }], ctorParameters: () => [{ type: i1$2.DocumentService }, { type: i2$1.ActivatedRoute }, { type: i3.TranslateService }, { type: i2.IconService }, { type: i3$1.EditPermissionsService }] });
@@ -3083,10 +3317,10 @@ class CaseManagementCaseListComponent {
     switchTab(tab) {
         this.currentTab$.next(tab);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementCaseListComponent, deps: [{ token: i3$1.DraftVersionService }, { token: i2$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: CaseManagementCaseListComponent, isStandalone: false, selector: "ng-component", 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@if (currentTab$ | async; as currentTab) {\n  <valtimo-case-management-draft-warning\n    *ngIf=\"isDraftVersion$ | async\"\n    [name]=\"DRAFT_WARNING_MESSAGE[currentTab] | translate | lowercase\"\n  ></valtimo-case-management-draft-warning>\n\n  <cds-tabs class=\"case-management-tabs\" type=\"contained\">\n    <cds-tab\n      [active]=\"currentTab === TabEnum.LIST\"\n      [heading]=\"'caseManagement.tabs.caseListTab.columns' | translate\"\n      [id]=\"'caseManagementListColumns'\"\n      (selected)=\"switchTab(TabEnum.LIST)\"\n    >\n      <valtimo-case-management-list-columns\n        *ngIf=\"currentTab === TabEnum.LIST\"\n      ></valtimo-case-management-list-columns>\n    </cds-tab>\n\n    <cds-tab\n      [active]=\"currentTab === TabEnum.SEARCH\"\n      [heading]=\"'caseManagement.tabs.caseListTab.searchFields' | translate\"\n      [id]=\"'caseManagementListSearchFields'\"\n      (selected)=\"switchTab(TabEnum.SEARCH)\"\n    >\n      <valtimo-case-management-search-fields\n        *ngIf=\"currentTab === TabEnum.SEARCH\"\n      ></valtimo-case-management-search-fields>\n    </cds-tab>\n  </cds-tabs>\n}\n", styles: [":host ::ng-deep .cds--tab-content{margin: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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: CaseManagementDraftWarningComponent, selector: "valtimo-case-management-draft-warning", inputs: ["name"] }, { kind: "component", type: CaseManagementSearchFieldsComponent, selector: "valtimo-case-management-search-fields" }, { kind: "component", type: CaseManagementListColumnsComponent, selector: "valtimo-case-management-list-columns" }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.LowerCasePipe, name: "lowercase" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementCaseListComponent, deps: [{ token: i3$1.DraftVersionService }, { token: i2$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CaseManagementCaseListComponent, isStandalone: false, selector: "ng-component", 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@if (currentTab$ | async; as currentTab) {\n  <valtimo-case-management-draft-warning\n    *ngIf=\"isDraftVersion$ | async\"\n    [name]=\"DRAFT_WARNING_MESSAGE[currentTab] | translate | lowercase\"\n  ></valtimo-case-management-draft-warning>\n\n  <cds-tabs class=\"case-management-tabs\" type=\"contained\">\n    <cds-tab\n      [active]=\"currentTab === TabEnum.LIST\"\n      [heading]=\"'caseManagement.tabs.caseListTab.columns' | translate\"\n      [id]=\"'caseManagementListColumns'\"\n      (selected)=\"switchTab(TabEnum.LIST)\"\n    >\n      <valtimo-case-management-list-columns\n        *ngIf=\"currentTab === TabEnum.LIST\"\n      ></valtimo-case-management-list-columns>\n    </cds-tab>\n\n    <cds-tab\n      [active]=\"currentTab === TabEnum.SEARCH\"\n      [heading]=\"'caseManagement.tabs.caseListTab.searchFields' | translate\"\n      [id]=\"'caseManagementListSearchFields'\"\n      (selected)=\"switchTab(TabEnum.SEARCH)\"\n    >\n      <valtimo-case-management-search-fields\n        *ngIf=\"currentTab === TabEnum.SEARCH\"\n      ></valtimo-case-management-search-fields>\n    </cds-tab>\n  </cds-tabs>\n}\n", styles: [":host ::ng-deep .cds--tab-content{margin: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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: CaseManagementDraftWarningComponent, selector: "valtimo-case-management-draft-warning", inputs: ["name"] }, { kind: "component", type: CaseManagementSearchFieldsComponent, selector: "valtimo-case-management-search-fields" }, { kind: "component", type: CaseManagementListColumnsComponent, selector: "valtimo-case-management-list-columns" }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.LowerCasePipe, name: "lowercase" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementCaseListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementCaseListComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, 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@if (currentTab$ | async; as currentTab) {\n  <valtimo-case-management-draft-warning\n    *ngIf=\"isDraftVersion$ | async\"\n    [name]=\"DRAFT_WARNING_MESSAGE[currentTab] | translate | lowercase\"\n  ></valtimo-case-management-draft-warning>\n\n  <cds-tabs class=\"case-management-tabs\" type=\"contained\">\n    <cds-tab\n      [active]=\"currentTab === TabEnum.LIST\"\n      [heading]=\"'caseManagement.tabs.caseListTab.columns' | translate\"\n      [id]=\"'caseManagementListColumns'\"\n      (selected)=\"switchTab(TabEnum.LIST)\"\n    >\n      <valtimo-case-management-list-columns\n        *ngIf=\"currentTab === TabEnum.LIST\"\n      ></valtimo-case-management-list-columns>\n    </cds-tab>\n\n    <cds-tab\n      [active]=\"currentTab === TabEnum.SEARCH\"\n      [heading]=\"'caseManagement.tabs.caseListTab.searchFields' | translate\"\n      [id]=\"'caseManagementListSearchFields'\"\n      (selected)=\"switchTab(TabEnum.SEARCH)\"\n    >\n      <valtimo-case-management-search-fields\n        *ngIf=\"currentTab === TabEnum.SEARCH\"\n      ></valtimo-case-management-search-fields>\n    </cds-tab>\n  </cds-tabs>\n}\n", styles: [":host ::ng-deep .cds--tab-content{margin:0!important}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
         }], ctorParameters: () => [{ type: i3$1.DraftVersionService }, { type: i2$1.ActivatedRoute }] });
@@ -3183,10 +3417,10 @@ class CaseManagementCreateDraftVersionComponent {
             caseDefinitionVersionTag: params?.caseDefinitionVersionTag,
         })));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementCreateDraftVersionComponent, deps: [{ token: i1$4.FormBuilder }, { token: i2.IconService }, { token: i3.TranslateService }, { token: i2$1.ActivatedRoute }, { token: CaseManagementService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: CaseManagementCreateDraftVersionComponent, isStandalone: false, selector: "valtimo-case-management-create-draft-version", inputs: { open: "open", caseDefinitionPayload: "caseDefinitionPayload" }, outputs: { closeModal: "closeModal" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  *ngIf=\"{\n    versionError: versionError$ | async,\n    createDraftDescription: createDraftDescription$ | async,\n  } as obs\"\n  valtimoCdsModal\n  showFooter=\"true\"\n  class=\"valtimo-definition-create\"\n  [open]=\"open\"\n  (close)=\"onCloseModal()\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onCloseModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'caseManagement.createDefinition.modalTitle' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <div cdsModalContent [cdsLayer]=\"1\">\n    <p class=\"valtimo-definition-create__description\">{{ obs.createDraftDescription }}</p>\n\n    <form [formGroup]=\"draftVersionForm\" class=\"valtimo-definition-create__content\">\n      <cds-label>\n        {{ 'caseManagement.createDefinition.name' | translate }}\n\n        <cds-tooltip\n          [caret]=\"true\"\n          [description]=\"'caseManagement.createDefinition.nameTooltip' | translate\"\n        >\n          <svg cdsIcon=\"information\" size=\"16\"></svg>\n        </cds-tooltip>\n\n        <input\n          formControlName=\"name\"\n          cdsText\n          placeholder=\"{{ 'caseManagement.createDefinition.namePlaceholder' | translate }}\"\n          [cdsLayer]=\"1\"\n          [attr.modal-primary-focus]=\"true\"\n        />\n      </cds-label>\n\n      <cds-label>\n        {{ 'caseManagement.createDefinition.key' | translate }}\n\n        <cds-tooltip\n          [caret]=\"true\"\n          [description]=\"'caseManagement.createDefinition.keyTooltip' | translate\"\n        >\n          <svg class=\"tooltip-trigger\" cdsIcon=\"information\" size=\"16\"></svg>\n        </cds-tooltip>\n\n        <input\n          formControlName=\"caseDefinitionKey\"\n          cdsText\n          placeholder=\"{{ 'caseManagement.createDefinition.versionPlaceholder' | translate }}\"\n          [cdsLayer]=\"1\"\n        />\n      </cds-label>\n\n      <cds-label [invalid]=\"!!obs.versionError\" [invalidText]=\"obs.versionError | translate\">\n        {{ 'caseManagement.createDefinition.version' | translate }}\n\n        <cds-tooltip\n          [caret]=\"true\"\n          [description]=\"'caseManagement.createDefinition.versionTooltip' | translate\"\n        >\n          <svg class=\"tooltip-trigger\" cdsIcon=\"information\" size=\"16\"></svg>\n        </cds-tooltip>\n\n        <input\n          formControlName=\"caseDefinitionVersion\"\n          cdsText\n          placeholder=\"{{ 'caseManagement.createDefinition.versionPlaceholder' | translate }}\"\n          [cdsLayer]=\"1\"\n          [invalid]=\"!!obs.versionError\"\n        />\n      </cds-label>\n\n      <cds-textarea-label>\n        {{ 'caseManagement.createDefinition.description' | translate }}\n\n        <cds-tooltip\n          [caret]=\"true\"\n          [description]=\"'caseManagement.createDefinition.descriptionTooltip' | translate\"\n        >\n          <svg class=\"tooltip-trigger\" cdsIcon=\"information\" size=\"16\"></svg>\n        </cds-tooltip>\n\n        <textarea\n          cdsTextArea\n          formControlName=\"description\"\n          placeholder=\"{{ 'caseManagement.createDefinition.descriptionPlaceholder' | translate }}\"\n          [cdsLayer]=\"1\"\n          [rows]=\"3\"\n          [cols]=\"150\"\n        ></textarea>\n      </cds-textarea-label>\n    </form>\n  </div>\n\n  <cds-modal-footer>\n    <button cdsButton=\"secondary\" (click)=\"onCloseModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button cdsButton=\"primary\" [disabled]=\"draftVersionForm.invalid\" (click)=\"onCloseModal(true)\">\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-definition-create__content{display:flex;flex-direction:column;gap:16px}.valtimo-definition-create__name{width:100%;display:flex;gap:8px}.valtimo-definition-create__description{margin-bottom:16px}:host ::ng-deep .cds--label{display:flex;align-items:center;gap: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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: 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: "component", type: i2.TextareaLabelComponent, selector: "cds-textarea-label, ibm-textarea-label", inputs: ["labelInputID", "disabled", "skeleton", "labelTemplate", "textAreaTemplate", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel", "fluid"] }, { kind: "directive", type: i2.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "directive", type: i2.TextArea, selector: "[cdsTextArea], [ibmTextArea]", inputs: ["theme", "invalid", "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: "directive", type: i7.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "component", type: i2.Tooltip, selector: "cds-tooltip, ibm-tooltip", inputs: ["id", "enterDelayMs", "leaveDelayMs", "disabled", "description", "templateContext"] }, { kind: "directive", type: i2.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementCreateDraftVersionComponent, deps: [{ token: i1$4.FormBuilder }, { token: i2.IconService }, { token: i3.TranslateService }, { token: i2$1.ActivatedRoute }, { token: CaseManagementService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseManagementCreateDraftVersionComponent, isStandalone: false, selector: "valtimo-case-management-create-draft-version", inputs: { open: "open", caseDefinitionPayload: "caseDefinitionPayload" }, outputs: { closeModal: "closeModal" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  *ngIf=\"{\n    versionError: versionError$ | async,\n    createDraftDescription: createDraftDescription$ | async,\n  } as obs\"\n  valtimoCdsModal\n  showFooter=\"true\"\n  class=\"valtimo-definition-create\"\n  [open]=\"open\"\n  (close)=\"onCloseModal()\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onCloseModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'caseManagement.createDefinition.modalTitle' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <div cdsModalContent [cdsLayer]=\"1\">\n    <p class=\"valtimo-definition-create__description\">{{ obs.createDraftDescription }}</p>\n\n    <form [formGroup]=\"draftVersionForm\" class=\"valtimo-definition-create__content\">\n      <cds-label>\n        {{ 'caseManagement.createDefinition.name' | translate }}\n\n        <cds-tooltip\n          [caret]=\"true\"\n          [description]=\"'caseManagement.createDefinition.nameTooltip' | translate\"\n        >\n          <svg cdsIcon=\"information\" size=\"16\"></svg>\n        </cds-tooltip>\n\n        <input\n          formControlName=\"name\"\n          cdsText\n          placeholder=\"{{ 'caseManagement.createDefinition.namePlaceholder' | translate }}\"\n          [cdsLayer]=\"1\"\n          [attr.modal-primary-focus]=\"true\"\n        />\n      </cds-label>\n\n      <cds-label>\n        {{ 'caseManagement.createDefinition.key' | translate }}\n\n        <cds-tooltip\n          [caret]=\"true\"\n          [description]=\"'caseManagement.createDefinition.keyTooltip' | translate\"\n        >\n          <svg class=\"tooltip-trigger\" cdsIcon=\"information\" size=\"16\"></svg>\n        </cds-tooltip>\n\n        <input\n          formControlName=\"caseDefinitionKey\"\n          cdsText\n          placeholder=\"{{ 'caseManagement.createDefinition.versionPlaceholder' | translate }}\"\n          [cdsLayer]=\"1\"\n        />\n      </cds-label>\n\n      <cds-label [invalid]=\"!!obs.versionError\" [invalidText]=\"obs.versionError | translate\">\n        {{ 'caseManagement.createDefinition.version' | translate }}\n\n        <cds-tooltip\n          [caret]=\"true\"\n          [description]=\"'caseManagement.createDefinition.versionTooltip' | translate\"\n        >\n          <svg class=\"tooltip-trigger\" cdsIcon=\"information\" size=\"16\"></svg>\n        </cds-tooltip>\n\n        <input\n          formControlName=\"caseDefinitionVersion\"\n          cdsText\n          placeholder=\"{{ 'caseManagement.createDefinition.versionPlaceholder' | translate }}\"\n          [cdsLayer]=\"1\"\n          [invalid]=\"!!obs.versionError\"\n        />\n      </cds-label>\n\n      <cds-textarea-label>\n        {{ 'caseManagement.createDefinition.description' | translate }}\n\n        <cds-tooltip\n          [caret]=\"true\"\n          [description]=\"'caseManagement.createDefinition.descriptionTooltip' | translate\"\n        >\n          <svg class=\"tooltip-trigger\" cdsIcon=\"information\" size=\"16\"></svg>\n        </cds-tooltip>\n\n        <textarea\n          cdsTextArea\n          formControlName=\"description\"\n          placeholder=\"{{ 'caseManagement.createDefinition.descriptionPlaceholder' | translate }}\"\n          [cdsLayer]=\"1\"\n          [rows]=\"3\"\n          [cols]=\"150\"\n        ></textarea>\n      </cds-textarea-label>\n    </form>\n  </div>\n\n  <cds-modal-footer>\n    <button cdsButton=\"secondary\" (click)=\"onCloseModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button cdsButton=\"primary\" [disabled]=\"draftVersionForm.invalid\" (click)=\"onCloseModal(true)\">\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-definition-create__content{display:flex;flex-direction:column;gap:16px}.valtimo-definition-create__name{width:100%;display:flex;gap:8px}.valtimo-definition-create__description{margin-bottom:16px}:host ::ng-deep .cds--label{display:flex;align-items:center;gap: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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: 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: "component", type: i2.TextareaLabelComponent, selector: "cds-textarea-label, ibm-textarea-label", inputs: ["labelInputID", "disabled", "skeleton", "labelTemplate", "textAreaTemplate", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel", "fluid"] }, { kind: "directive", type: i2.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "directive", type: i2.TextArea, selector: "[cdsTextArea], [ibmTextArea]", inputs: ["theme", "invalid", "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: "directive", type: i7.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "component", type: i2.Tooltip, selector: "cds-tooltip, ibm-tooltip", inputs: ["id", "enterDelayMs", "leaveDelayMs", "disabled", "description", "templateContext"] }, { kind: "directive", type: i2.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementCreateDraftVersionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementCreateDraftVersionComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-case-management-create-draft-version', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  *ngIf=\"{\n    versionError: versionError$ | async,\n    createDraftDescription: createDraftDescription$ | async,\n  } as obs\"\n  valtimoCdsModal\n  showFooter=\"true\"\n  class=\"valtimo-definition-create\"\n  [open]=\"open\"\n  (close)=\"onCloseModal()\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onCloseModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'caseManagement.createDefinition.modalTitle' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <div cdsModalContent [cdsLayer]=\"1\">\n    <p class=\"valtimo-definition-create__description\">{{ obs.createDraftDescription }}</p>\n\n    <form [formGroup]=\"draftVersionForm\" class=\"valtimo-definition-create__content\">\n      <cds-label>\n        {{ 'caseManagement.createDefinition.name' | translate }}\n\n        <cds-tooltip\n          [caret]=\"true\"\n          [description]=\"'caseManagement.createDefinition.nameTooltip' | translate\"\n        >\n          <svg cdsIcon=\"information\" size=\"16\"></svg>\n        </cds-tooltip>\n\n        <input\n          formControlName=\"name\"\n          cdsText\n          placeholder=\"{{ 'caseManagement.createDefinition.namePlaceholder' | translate }}\"\n          [cdsLayer]=\"1\"\n          [attr.modal-primary-focus]=\"true\"\n        />\n      </cds-label>\n\n      <cds-label>\n        {{ 'caseManagement.createDefinition.key' | translate }}\n\n        <cds-tooltip\n          [caret]=\"true\"\n          [description]=\"'caseManagement.createDefinition.keyTooltip' | translate\"\n        >\n          <svg class=\"tooltip-trigger\" cdsIcon=\"information\" size=\"16\"></svg>\n        </cds-tooltip>\n\n        <input\n          formControlName=\"caseDefinitionKey\"\n          cdsText\n          placeholder=\"{{ 'caseManagement.createDefinition.versionPlaceholder' | translate }}\"\n          [cdsLayer]=\"1\"\n        />\n      </cds-label>\n\n      <cds-label [invalid]=\"!!obs.versionError\" [invalidText]=\"obs.versionError | translate\">\n        {{ 'caseManagement.createDefinition.version' | translate }}\n\n        <cds-tooltip\n          [caret]=\"true\"\n          [description]=\"'caseManagement.createDefinition.versionTooltip' | translate\"\n        >\n          <svg class=\"tooltip-trigger\" cdsIcon=\"information\" size=\"16\"></svg>\n        </cds-tooltip>\n\n        <input\n          formControlName=\"caseDefinitionVersion\"\n          cdsText\n          placeholder=\"{{ 'caseManagement.createDefinition.versionPlaceholder' | translate }}\"\n          [cdsLayer]=\"1\"\n          [invalid]=\"!!obs.versionError\"\n        />\n      </cds-label>\n\n      <cds-textarea-label>\n        {{ 'caseManagement.createDefinition.description' | translate }}\n\n        <cds-tooltip\n          [caret]=\"true\"\n          [description]=\"'caseManagement.createDefinition.descriptionTooltip' | translate\"\n        >\n          <svg class=\"tooltip-trigger\" cdsIcon=\"information\" size=\"16\"></svg>\n        </cds-tooltip>\n\n        <textarea\n          cdsTextArea\n          formControlName=\"description\"\n          placeholder=\"{{ 'caseManagement.createDefinition.descriptionPlaceholder' | translate }}\"\n          [cdsLayer]=\"1\"\n          [rows]=\"3\"\n          [cols]=\"150\"\n        ></textarea>\n      </cds-textarea-label>\n    </form>\n  </div>\n\n  <cds-modal-footer>\n    <button cdsButton=\"secondary\" (click)=\"onCloseModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button cdsButton=\"primary\" [disabled]=\"draftVersionForm.invalid\" (click)=\"onCloseModal(true)\">\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-definition-create__content{display:flex;flex-direction:column;gap:16px}.valtimo-definition-create__name{width:100%;display:flex;gap:8px}.valtimo-definition-create__description{margin-bottom:16px}:host ::ng-deep .cds--label{display:flex;align-items:center;gap: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"] }]
         }], ctorParameters: () => [{ type: i1$4.FormBuilder }, { type: i2.IconService }, { type: i3.TranslateService }, { type: i2$1.ActivatedRoute }, { type: CaseManagementService }], propDecorators: { open: [{
@@ -3278,6 +3512,16 @@ class CaseManagementDeploymentComponent {
             };
             return Object.entries(releaseVersionData).map(([key, value]) => ({ key, value }));
         }));
+        this.importOriginEntries$ = this.caseDefinition$.pipe(map(caseDefinition => {
+            const entries = [];
+            if (caseDefinition.originalName)
+                entries.push({ key: 'originalName', value: caseDefinition.originalName });
+            if (caseDefinition.originalKey)
+                entries.push({ key: 'originalKey', value: caseDefinition.originalKey });
+            if (caseDefinition.originalVersionTag)
+                entries.push({ key: 'originalVersionTag', value: caseDefinition.originalVersionTag });
+            return entries;
+        }));
         this.releaseInformationDataEntries$ = this.caseDefinition$.pipe(map(caseDefinition => {
             const releaseInformationData = {
                 createdBy: caseDefinition.createdBy ?? '-',
@@ -3293,20 +3537,17 @@ class CaseManagementDeploymentComponent {
             this.caseDefinitionVersionTag$,
             this._refreshFinalizationCheck$,
         ]).pipe(switchMap(([caseDefinitionKey, caseDefinitionVersionTag]) => this.caseManagementService.getCaseDefinitionFinalizationCheck(caseDefinitionKey, caseDefinitionVersionTag)), switchMap(res => this.translateService.stream('key').pipe(tap$1(() => {
-            switch (res.code) {
-                case 'OK':
-                    this._deploymentNotificationObject$.next(null);
-                    break;
-                case 'BUILDING_BLOCK_NOT_FINAL':
-                case 'CONFIGURATION_ISSUES':
-                    this._deploymentNotificationObject$.next({
-                        type: 'warning',
-                        title: this.translateService.instant('caseManagement.deployment.notFinalizableWarning.title'),
-                        message: this.translateService.instant(`caseManagement.deployment.notFinalizableWarning.${res.code}`),
-                        showClose: false,
-                        lowContrast: true,
-                    });
-                    break;
+            if (res.finalizable) {
+                this._deploymentNotificationObject$.next(null);
+            }
+            else {
+                this._deploymentNotificationObject$.next({
+                    type: 'warning',
+                    title: this.translateService.instant('caseManagement.deployment.notFinalizableWarning.title'),
+                    message: this.translateService.instant(`caseManagement.deployment.notFinalizableWarning.${res.code}`),
+                    showClose: false,
+                    lowContrast: true,
+                });
             }
         }), map(() => res))));
         this.iconService.register(Return16);
@@ -3491,12 +3732,12 @@ class CaseManagementDeploymentComponent {
             duration: 5000,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementDeploymentComponent, deps: [{ token: i7.BreadcrumbService }, { token: CaseManagementService }, { token: i6.DatePipe }, { token: i3$1.EnvironmentService }, { token: i2.IconService }, { token: i6.Location }, { token: i3$1.GlobalNotificationService }, { token: i2$1.ActivatedRoute }, { token: i2$1.Router }, { token: i7$1.SseService }, { token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: CaseManagementDeploymentComponent, isStandalone: false, selector: "ng-component", viewQueries: [{ propertyName: "_createDraftMessageTemplateRef", first: true, predicate: ["createDraftMessage"], descendants: true }, { propertyName: "_finalizeDraftMessageTemplateRef", first: true, predicate: ["finalizeDraftMessage"], descendants: true }, { propertyName: "_deleteDraftMessageTemplateRef", first: true, predicate: ["deleteDraftMessage"], 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<ng-container\n  *ngIf=\"{\n    releaseVersionEntries: releaseVersionEntries$ | async,\n    releaseInformationDataEntries: releaseInformationDataEntries$ | async,\n    isDraftVersion: isDraftVersion$ | async,\n    hasConflictingVersions: hasConflictingVersions$ | async,\n    notificationContent: notificationContent$ | async,\n    canUpdateGlobalConfiguration: canUpdateGlobalConfiguration$ | async,\n    isGloballyActive: isGloballyActive$ | async,\n    caseDefinitionFinalizationCheckResult: caseDefinitionFinalizationCheckResult$ | async,\n    deploymentNotificationObject: deploymentNotificationObject$ | async,\n  } as obs\"\n>\n  <cds-notification\n    *ngIf=\"\n      obs.canUpdateGlobalConfiguration && obs.isDraftVersion && obs.deploymentNotificationObject\n    \"\n    class=\"deployment-warning-notification\"\n    [notificationObj]=\"obs.deploymentNotificationObject\"\n  ></cds-notification>\n\n  <div class=\"header-buttons\">\n    <button cdsButton=\"secondary\" (click)=\"goBack()\">\n      {{ 'caseManagement.deployment.buttons.back' | translate }}\n      <svg cdsIcon=\"return\" size=\"16\" class=\"cds--btn__icon\"></svg>\n    </button>\n    @if (obs.canUpdateGlobalConfiguration) {\n      @if (obs.isDraftVersion) {\n        <div class=\"draft-buttons\">\n          <button\n            *ngIf=\"caseDefinitionVersions.length === 1 || !obs.isGloballyActive\"\n            cdsButton=\"danger\"\n            (click)=\"openDeleteDraftModal()\"\n          >\n            {{ 'caseManagement.deployment.buttons.delete' | translate }}\n            <svg cdsIcon=\"trash-can\" size=\"16\" class=\"cds--btn__icon\"></svg>\n          </button>\n\n          <button\n            cdsButton=\"primary\"\n            (click)=\"openFinalizeDraftConfirmationModal()\"\n            [disabled]=\"!obs?.caseDefinitionFinalizationCheckResult?.finalizable\"\n          >\n            {{ 'caseManagement.deployment.buttons.finalize' | translate }}\n            <svg cdsIcon=\"save\" size=\"16\" class=\"cds--btn__icon\"></svg>\n          </button>\n        </div>\n      } @else {\n        <button cdsButton=\"primary\" (click)=\"openCreateDraftVersionConfirmationModal()\">\n          {{ 'caseManagement.deployment.buttons.createDraft' | translate }}\n          <svg cdsIcon=\"save\" size=\"16\" class=\"cds--btn__icon\"></svg>\n        </button>\n      }\n    }\n  </div>\n\n  <div class=\"deployment-panels\">\n    <ng-container\n      *ngTemplateOutlet=\"\n        releaseVersionPanel;\n        context: {\n          data: obs.releaseVersionEntries,\n          showNotification: obs.hasConflictingVersions,\n          notificationContent: {\n            basedOnVersionTag: obs.notificationContent?.basedOnVersionTag,\n            conflictingVersions: obs.notificationContent?.conflictingVersions,\n          },\n        }\n      \"\n    ></ng-container>\n\n    <ng-container\n      *ngTemplateOutlet=\"\n        releaseInformationPanel;\n        context: {data: obs.releaseInformationDataEntries}\n      \"\n    ></ng-container>\n  </div>\n</ng-container>\n\n<ng-template\n  #releaseVersionPanel\n  let-data=\"data\"\n  let-showNotification=\"showNotification\"\n  let-notificationContent=\"notificationContent\"\n>\n  <div class=\"release-version\">\n    <p class=\"deployment-panel-title\">\n      {{ 'caseManagement.deployment.releaseVersion.title' | translate }}\n    </p>\n\n    <div class=\"release-version-columns\">\n      <div *ngFor=\"let entry of data\" class=\"release-version-data\">\n        <label class=\"release-version-data__label\">\n          {{ 'caseManagement.deployment.releaseVersion.fields.' + entry.key | translate }}\n        </label>\n        <div class=\"release-version-data__value\">\n          {{ entry.value }}\n        </div>\n      </div>\n    </div>\n\n    <cds-notification\n      *ngIf=\"showNotification\"\n      class=\"full-width-notification\"\n      [notificationObj]=\"{\n        type: 'warning',\n        title: ('caseManagement.deployment.releaseVersion.warning.title' | translate),\n        message:\n          ('caseManagement.deployment.releaseVersion.warning.description'\n          | translate: notificationContent),\n        showClose: false,\n        lowContrast: true,\n      }\"\n    >\n    </cds-notification>\n  </div>\n</ng-template>\n\n<ng-template #releaseInformationPanel let-data=\"data\">\n  <div class=\"release-information\">\n    <p class=\"deployment-panel-title\">\n      {{ 'caseManagement.deployment.releaseInformation.title' | translate }}\n    </p>\n\n    <div class=\"release-version-columns\">\n      <ng-container *ngFor=\"let entry of data\">\n        <div class=\"release-version-data\" *ngIf=\"entry?.key && entry?.value !== undefined\">\n          <label class=\"release-version-data__label\">\n            {{ 'caseManagement.deployment.releaseInformation.fields.' + entry.key | translate }}\n          </label>\n          <div class=\"release-version-data__value\">\n            {{ entry.value }}\n          </div>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n</ng-template>\n\n<valtimo-confirmation-modal\n  [showModalSubject$]=\"showDeleteDraftConfirmationModal$\"\n  (confirmEvent)=\"deleteDraftCaseVersion()\"\n  (cancelEvent)=\"closeDeleteDraftModal()\"\n  cancelButtonType=\"ghost\"\n  confirmButtonType=\"danger\"\n  confirmButtonTextTranslationKey=\"caseManagement.deployment.deleteDraftConfirmationModal.confirm\"\n  cancelButtonTextTranslationKey=\"interface.cancel\"\n  titleTranslationKey=\"caseManagement.deployment.deleteDraftConfirmationModal.title\"\n  contentTranslationKey=\"caseManagement.deployment.deleteDraftConfirmationModal.description\"\n>\n</valtimo-confirmation-modal>\n\n<valtimo-confirmation-modal\n  [showModalSubject$]=\"showFinalizeDraftConfirmationModal$\"\n  [content]=\"finalizeDraftDescription$ | async\"\n  (confirmEvent)=\"finalizeDraftCaseVersion()\"\n  (cancelEvent)=\"closeFinalizeDraftModal()\"\n  cancelButtonType=\"ghost\"\n  confirmButtonType=\"primary\"\n  confirmButtonTextTranslationKey=\"caseManagement.deployment.finalizeDraftConfirmationModal.confirm\"\n  cancelButtonTextTranslationKey=\"interface.cancel\"\n  titleTranslationKey=\"caseManagement.deployment.finalizeDraftConfirmationModal.title\"\n></valtimo-confirmation-modal>\n\n<valtimo-case-management-create-draft-version\n  [open]=\"showCreateDraftVersionConfirmationModal$ | async\"\n  [caseDefinitionPayload]=\"caseDefinitionPayload$ | async\"\n  (closeModal)=\"onCloseCreateDraftVersionModal($event)\"\n></valtimo-case-management-create-draft-version>\n\n<ng-template #loadingMessage let-translationKey=\"translationKey\">\n  <div>\n    <span class=\"cds--inline-notification__title\">\n      {{ translationKey | translate }}\n    </span>\n    <cds-loading size=\"sm\"></cds-loading>\n  </div>\n</ng-template>\n\n<ng-template #createDraftMessage>\n  <ng-container\n    *ngTemplateOutlet=\"\n      loadingMessage;\n      context: {\n        translationKey: 'caseManagement.deployment.createDraftConfirmationModal.loadingText',\n      }\n    \"\n  >\n  </ng-container>\n</ng-template>\n\n<ng-template #finalizeDraftMessage>\n  <ng-container\n    *ngTemplateOutlet=\"\n      loadingMessage;\n      context: {\n        translationKey: 'caseManagement.deployment.finalizeDraftConfirmationModal.loadingText',\n      }\n    \"\n  >\n  </ng-container>\n</ng-template>\n\n<ng-template #deleteDraftMessage>\n  <ng-container\n    *ngTemplateOutlet=\"\n      loadingMessage;\n      context: {\n        translationKey: 'caseManagement.deployment.finalizeDraftConfirmationModal.loadingText',\n      }\n    \"\n  >\n  </ng-container>\n</ng-template>\n", styles: [".header-buttons{display:flex;justify-content:space-between;width:100%;margin-bottom:24px}.draft-buttons{display:flex;gap:16px}.deployment-panels{display:flex;gap:16px;flex-wrap:wrap}.deployment-panels>div{flex:1 1 300px;background-color:#fff;padding:24px}.deployment-panel-title{font-weight:600;font-size:16px;line-height:24px;margin-bottom:16px}.full-width-notification{max-inline-size:100%;min-inline-size:100%}.release-version-columns{display:flex;width:100%;margin-bottom:16px;gap:16px;flex-wrap:wrap}.release-version-data{flex:1 1 300px;padding:1rem;box-sizing:border-box}.release-version-data__label{font-size:12px;margin-bottom:16px;color:var(--cds-text-secondary)}.release-version-data__value{color:var(--cds-text-primary);padding:16px;border-bottom:1px solid var(--cds-border-subtle-01);font-size:14px}::ng-deep .cds--inline-notification__title{width:100%}.deployment-warning-notification{min-width:100%;margin-bottom:16px}\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: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: 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.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: CaseManagementCreateDraftVersionComponent, selector: "valtimo-case-management-create-draft-version", inputs: ["open", "caseDefinitionPayload"], outputs: ["closeModal"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementDeploymentComponent, deps: [{ token: i7.BreadcrumbService }, { token: CaseManagementService }, { token: i6.DatePipe }, { token: i3$1.EnvironmentService }, { token: i2.IconService }, { token: i6.Location }, { token: i3$1.GlobalNotificationService }, { token: i2$1.ActivatedRoute }, { token: i2$1.Router }, { token: i7$1.SseService }, { token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CaseManagementDeploymentComponent, isStandalone: false, selector: "ng-component", viewQueries: [{ propertyName: "_createDraftMessageTemplateRef", first: true, predicate: ["createDraftMessage"], descendants: true }, { propertyName: "_finalizeDraftMessageTemplateRef", first: true, predicate: ["finalizeDraftMessage"], descendants: true }, { propertyName: "_deleteDraftMessageTemplateRef", first: true, predicate: ["deleteDraftMessage"], 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<ng-container\n  *ngIf=\"{\n    releaseVersionEntries: releaseVersionEntries$ | async,\n    releaseInformationDataEntries: releaseInformationDataEntries$ | async,\n    isDraftVersion: isDraftVersion$ | async,\n    hasConflictingVersions: hasConflictingVersions$ | async,\n    notificationContent: notificationContent$ | async,\n    canUpdateGlobalConfiguration: canUpdateGlobalConfiguration$ | async,\n    isGloballyActive: isGloballyActive$ | async,\n    caseDefinitionFinalizationCheckResult: caseDefinitionFinalizationCheckResult$ | async,\n    deploymentNotificationObject: deploymentNotificationObject$ | async,\n    importOriginEntries: importOriginEntries$ | async,\n  } as obs\"\n>\n  <cds-notification\n    *ngIf=\"\n      obs.canUpdateGlobalConfiguration && obs.isDraftVersion && obs.deploymentNotificationObject\n    \"\n    class=\"deployment-warning-notification\"\n    [notificationObj]=\"obs.deploymentNotificationObject\"\n  ></cds-notification>\n\n  <div class=\"header-buttons\">\n    <button cdsButton=\"secondary\" (click)=\"goBack()\">\n      {{ 'caseManagement.deployment.buttons.back' | translate }}\n      <svg cdsIcon=\"return\" size=\"16\" class=\"cds--btn__icon\"></svg>\n    </button>\n    @if (obs.canUpdateGlobalConfiguration) {\n      @if (obs.isDraftVersion) {\n        <div class=\"draft-buttons\">\n          <button\n            *ngIf=\"caseDefinitionVersions.length === 1 || !obs.isGloballyActive\"\n            cdsButton=\"danger\"\n            (click)=\"openDeleteDraftModal()\"\n          >\n            {{ 'caseManagement.deployment.buttons.delete' | translate }}\n            <svg cdsIcon=\"trash-can\" size=\"16\" class=\"cds--btn__icon\"></svg>\n          </button>\n\n          <button\n            cdsButton=\"primary\"\n            (click)=\"openFinalizeDraftConfirmationModal()\"\n            [disabled]=\"!obs?.caseDefinitionFinalizationCheckResult?.finalizable\"\n          >\n            {{ 'caseManagement.deployment.buttons.finalize' | translate }}\n            <svg cdsIcon=\"save\" size=\"16\" class=\"cds--btn__icon\"></svg>\n          </button>\n        </div>\n      } @else {\n        <button cdsButton=\"primary\" (click)=\"openCreateDraftVersionConfirmationModal()\">\n          {{ 'caseManagement.deployment.buttons.createDraft' | translate }}\n          <svg cdsIcon=\"save\" size=\"16\" class=\"cds--btn__icon\"></svg>\n        </button>\n      }\n    }\n  </div>\n\n  <div class=\"deployment-panels\">\n    <ng-container\n      *ngTemplateOutlet=\"\n        releaseVersionPanel;\n        context: {\n          data: obs.releaseVersionEntries,\n          showNotification: obs.hasConflictingVersions,\n          notificationContent: {\n            basedOnVersionTag: obs.notificationContent?.basedOnVersionTag,\n            conflictingVersions: obs.notificationContent?.conflictingVersions,\n          },\n        }\n      \"\n    ></ng-container>\n\n    <ng-container\n      *ngTemplateOutlet=\"\n        releaseInformationPanel;\n        context: {data: obs.releaseInformationDataEntries}\n      \"\n    ></ng-container>\n\n    <div class=\"import-origin\" *ngIf=\"obs.importOriginEntries?.length > 0\">\n      <p class=\"deployment-panel-title\">\n        {{ 'caseManagement.deployment.importOrigin.title' | translate }}\n      </p>\n\n      <div class=\"release-version-columns\">\n        <div *ngFor=\"let entry of obs.importOriginEntries\" class=\"release-version-data\">\n          <label class=\"release-version-data__label\">\n            {{ 'caseManagement.deployment.importOrigin.fields.' + entry.key | translate }}\n          </label>\n          <div class=\"release-version-data__value\">\n            {{ entry.value }}\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</ng-container>\n\n<ng-template\n  #releaseVersionPanel\n  let-data=\"data\"\n  let-showNotification=\"showNotification\"\n  let-notificationContent=\"notificationContent\"\n>\n  <div class=\"release-version\">\n    <p class=\"deployment-panel-title\">\n      {{ 'caseManagement.deployment.releaseVersion.title' | translate }}\n    </p>\n\n    <div class=\"release-version-columns\">\n      <div *ngFor=\"let entry of data\" class=\"release-version-data\">\n        <label class=\"release-version-data__label\">\n          {{ 'caseManagement.deployment.releaseVersion.fields.' + entry.key | translate }}\n        </label>\n        <div class=\"release-version-data__value\">\n          {{ entry.value }}\n        </div>\n      </div>\n    </div>\n\n    <cds-notification\n      *ngIf=\"showNotification\"\n      class=\"full-width-notification\"\n      [notificationObj]=\"{\n        type: 'warning',\n        title: ('caseManagement.deployment.releaseVersion.warning.title' | translate),\n        message:\n          ('caseManagement.deployment.releaseVersion.warning.description'\n          | translate: notificationContent),\n        showClose: false,\n        lowContrast: true,\n      }\"\n    >\n    </cds-notification>\n  </div>\n</ng-template>\n\n<ng-template #releaseInformationPanel let-data=\"data\">\n  <div class=\"release-information\">\n    <p class=\"deployment-panel-title\">\n      {{ 'caseManagement.deployment.releaseInformation.title' | translate }}\n    </p>\n\n    <div class=\"release-version-columns\">\n      <ng-container *ngFor=\"let entry of data\">\n        <div class=\"release-version-data\" *ngIf=\"entry?.key && entry?.value !== undefined\">\n          <label class=\"release-version-data__label\">\n            {{ 'caseManagement.deployment.releaseInformation.fields.' + entry.key | translate }}\n          </label>\n          <div class=\"release-version-data__value\">\n            {{ entry.value }}\n          </div>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n</ng-template>\n\n<valtimo-confirmation-modal\n  [showModalSubject$]=\"showDeleteDraftConfirmationModal$\"\n  (confirmEvent)=\"deleteDraftCaseVersion()\"\n  (cancelEvent)=\"closeDeleteDraftModal()\"\n  cancelButtonType=\"ghost\"\n  confirmButtonType=\"danger\"\n  confirmButtonTextTranslationKey=\"caseManagement.deployment.deleteDraftConfirmationModal.confirm\"\n  cancelButtonTextTranslationKey=\"interface.cancel\"\n  titleTranslationKey=\"caseManagement.deployment.deleteDraftConfirmationModal.title\"\n  contentTranslationKey=\"caseManagement.deployment.deleteDraftConfirmationModal.description\"\n>\n</valtimo-confirmation-modal>\n\n<valtimo-confirmation-modal\n  [showModalSubject$]=\"showFinalizeDraftConfirmationModal$\"\n  [content]=\"finalizeDraftDescription$ | async\"\n  (confirmEvent)=\"finalizeDraftCaseVersion()\"\n  (cancelEvent)=\"closeFinalizeDraftModal()\"\n  cancelButtonType=\"ghost\"\n  confirmButtonType=\"primary\"\n  confirmButtonTextTranslationKey=\"caseManagement.deployment.finalizeDraftConfirmationModal.confirm\"\n  cancelButtonTextTranslationKey=\"interface.cancel\"\n  titleTranslationKey=\"caseManagement.deployment.finalizeDraftConfirmationModal.title\"\n></valtimo-confirmation-modal>\n\n<valtimo-case-management-create-draft-version\n  [open]=\"showCreateDraftVersionConfirmationModal$ | async\"\n  [caseDefinitionPayload]=\"caseDefinitionPayload$ | async\"\n  (closeModal)=\"onCloseCreateDraftVersionModal($event)\"\n></valtimo-case-management-create-draft-version>\n\n<ng-template #loadingMessage let-translationKey=\"translationKey\">\n  <div>\n    <span class=\"cds--inline-notification__title\">\n      {{ translationKey | translate }}\n    </span>\n    <cds-loading size=\"sm\"></cds-loading>\n  </div>\n</ng-template>\n\n<ng-template #createDraftMessage>\n  <ng-container\n    *ngTemplateOutlet=\"\n      loadingMessage;\n      context: {\n        translationKey: 'caseManagement.deployment.createDraftConfirmationModal.loadingText',\n      }\n    \"\n  >\n  </ng-container>\n</ng-template>\n\n<ng-template #finalizeDraftMessage>\n  <ng-container\n    *ngTemplateOutlet=\"\n      loadingMessage;\n      context: {\n        translationKey: 'caseManagement.deployment.finalizeDraftConfirmationModal.loadingText',\n      }\n    \"\n  >\n  </ng-container>\n</ng-template>\n\n<ng-template #deleteDraftMessage>\n  <ng-container\n    *ngTemplateOutlet=\"\n      loadingMessage;\n      context: {\n        translationKey: 'caseManagement.deployment.finalizeDraftConfirmationModal.loadingText',\n      }\n    \"\n  >\n  </ng-container>\n</ng-template>\n", styles: [".header-buttons{display:flex;justify-content:space-between;width:100%;margin-bottom:24px}.draft-buttons{display:flex;gap:16px}.deployment-panels{display:flex;gap:16px;flex-wrap:wrap}.deployment-panels>div{flex:1 1 300px;background-color:#fff;padding:24px}.deployment-panel-title{font-weight:600;font-size:16px;line-height:24px;margin-bottom:16px}.full-width-notification{max-inline-size:100%;min-inline-size:100%}.release-version-columns{display:flex;width:100%;margin-bottom:16px;gap:16px;flex-wrap:wrap}.release-version-data{flex:1 1 300px;padding:1rem;box-sizing:border-box}.release-version-data__label{font-size:12px;margin-bottom:16px;color:var(--cds-text-secondary)}.release-version-data__value{color:var(--cds-text-primary);padding:16px;border-bottom:1px solid var(--cds-border-subtle-01);font-size:14px}::ng-deep .cds--inline-notification__title{width:100%}.deployment-warning-notification{min-width:100%;margin-bottom:16px}\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: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: 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.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: CaseManagementCreateDraftVersionComponent, selector: "valtimo-case-management-create-draft-version", inputs: ["open", "caseDefinitionPayload"], outputs: ["closeModal"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementDeploymentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementDeploymentComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, 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<ng-container\n  *ngIf=\"{\n    releaseVersionEntries: releaseVersionEntries$ | async,\n    releaseInformationDataEntries: releaseInformationDataEntries$ | async,\n    isDraftVersion: isDraftVersion$ | async,\n    hasConflictingVersions: hasConflictingVersions$ | async,\n    notificationContent: notificationContent$ | async,\n    canUpdateGlobalConfiguration: canUpdateGlobalConfiguration$ | async,\n    isGloballyActive: isGloballyActive$ | async,\n    caseDefinitionFinalizationCheckResult: caseDefinitionFinalizationCheckResult$ | async,\n    deploymentNotificationObject: deploymentNotificationObject$ | async,\n  } as obs\"\n>\n  <cds-notification\n    *ngIf=\"\n      obs.canUpdateGlobalConfiguration && obs.isDraftVersion && obs.deploymentNotificationObject\n    \"\n    class=\"deployment-warning-notification\"\n    [notificationObj]=\"obs.deploymentNotificationObject\"\n  ></cds-notification>\n\n  <div class=\"header-buttons\">\n    <button cdsButton=\"secondary\" (click)=\"goBack()\">\n      {{ 'caseManagement.deployment.buttons.back' | translate }}\n      <svg cdsIcon=\"return\" size=\"16\" class=\"cds--btn__icon\"></svg>\n    </button>\n    @if (obs.canUpdateGlobalConfiguration) {\n      @if (obs.isDraftVersion) {\n        <div class=\"draft-buttons\">\n          <button\n            *ngIf=\"caseDefinitionVersions.length === 1 || !obs.isGloballyActive\"\n            cdsButton=\"danger\"\n            (click)=\"openDeleteDraftModal()\"\n          >\n            {{ 'caseManagement.deployment.buttons.delete' | translate }}\n            <svg cdsIcon=\"trash-can\" size=\"16\" class=\"cds--btn__icon\"></svg>\n          </button>\n\n          <button\n            cdsButton=\"primary\"\n            (click)=\"openFinalizeDraftConfirmationModal()\"\n            [disabled]=\"!obs?.caseDefinitionFinalizationCheckResult?.finalizable\"\n          >\n            {{ 'caseManagement.deployment.buttons.finalize' | translate }}\n            <svg cdsIcon=\"save\" size=\"16\" class=\"cds--btn__icon\"></svg>\n          </button>\n        </div>\n      } @else {\n        <button cdsButton=\"primary\" (click)=\"openCreateDraftVersionConfirmationModal()\">\n          {{ 'caseManagement.deployment.buttons.createDraft' | translate }}\n          <svg cdsIcon=\"save\" size=\"16\" class=\"cds--btn__icon\"></svg>\n        </button>\n      }\n    }\n  </div>\n\n  <div class=\"deployment-panels\">\n    <ng-container\n      *ngTemplateOutlet=\"\n        releaseVersionPanel;\n        context: {\n          data: obs.releaseVersionEntries,\n          showNotification: obs.hasConflictingVersions,\n          notificationContent: {\n            basedOnVersionTag: obs.notificationContent?.basedOnVersionTag,\n            conflictingVersions: obs.notificationContent?.conflictingVersions,\n          },\n        }\n      \"\n    ></ng-container>\n\n    <ng-container\n      *ngTemplateOutlet=\"\n        releaseInformationPanel;\n        context: {data: obs.releaseInformationDataEntries}\n      \"\n    ></ng-container>\n  </div>\n</ng-container>\n\n<ng-template\n  #releaseVersionPanel\n  let-data=\"data\"\n  let-showNotification=\"showNotification\"\n  let-notificationContent=\"notificationContent\"\n>\n  <div class=\"release-version\">\n    <p class=\"deployment-panel-title\">\n      {{ 'caseManagement.deployment.releaseVersion.title' | translate }}\n    </p>\n\n    <div class=\"release-version-columns\">\n      <div *ngFor=\"let entry of data\" class=\"release-version-data\">\n        <label class=\"release-version-data__label\">\n          {{ 'caseManagement.deployment.releaseVersion.fields.' + entry.key | translate }}\n        </label>\n        <div class=\"release-version-data__value\">\n          {{ entry.value }}\n        </div>\n      </div>\n    </div>\n\n    <cds-notification\n      *ngIf=\"showNotification\"\n      class=\"full-width-notification\"\n      [notificationObj]=\"{\n        type: 'warning',\n        title: ('caseManagement.deployment.releaseVersion.warning.title' | translate),\n        message:\n          ('caseManagement.deployment.releaseVersion.warning.description'\n          | translate: notificationContent),\n        showClose: false,\n        lowContrast: true,\n      }\"\n    >\n    </cds-notification>\n  </div>\n</ng-template>\n\n<ng-template #releaseInformationPanel let-data=\"data\">\n  <div class=\"release-information\">\n    <p class=\"deployment-panel-title\">\n      {{ 'caseManagement.deployment.releaseInformation.title' | translate }}\n    </p>\n\n    <div class=\"release-version-columns\">\n      <ng-container *ngFor=\"let entry of data\">\n        <div class=\"release-version-data\" *ngIf=\"entry?.key && entry?.value !== undefined\">\n          <label class=\"release-version-data__label\">\n            {{ 'caseManagement.deployment.releaseInformation.fields.' + entry.key | translate }}\n          </label>\n          <div class=\"release-version-data__value\">\n            {{ entry.value }}\n          </div>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n</ng-template>\n\n<valtimo-confirmation-modal\n  [showModalSubject$]=\"showDeleteDraftConfirmationModal$\"\n  (confirmEvent)=\"deleteDraftCaseVersion()\"\n  (cancelEvent)=\"closeDeleteDraftModal()\"\n  cancelButtonType=\"ghost\"\n  confirmButtonType=\"danger\"\n  confirmButtonTextTranslationKey=\"caseManagement.deployment.deleteDraftConfirmationModal.confirm\"\n  cancelButtonTextTranslationKey=\"interface.cancel\"\n  titleTranslationKey=\"caseManagement.deployment.deleteDraftConfirmationModal.title\"\n  contentTranslationKey=\"caseManagement.deployment.deleteDraftConfirmationModal.description\"\n>\n</valtimo-confirmation-modal>\n\n<valtimo-confirmation-modal\n  [showModalSubject$]=\"showFinalizeDraftConfirmationModal$\"\n  [content]=\"finalizeDraftDescription$ | async\"\n  (confirmEvent)=\"finalizeDraftCaseVersion()\"\n  (cancelEvent)=\"closeFinalizeDraftModal()\"\n  cancelButtonType=\"ghost\"\n  confirmButtonType=\"primary\"\n  confirmButtonTextTranslationKey=\"caseManagement.deployment.finalizeDraftConfirmationModal.confirm\"\n  cancelButtonTextTranslationKey=\"interface.cancel\"\n  titleTranslationKey=\"caseManagement.deployment.finalizeDraftConfirmationModal.title\"\n></valtimo-confirmation-modal>\n\n<valtimo-case-management-create-draft-version\n  [open]=\"showCreateDraftVersionConfirmationModal$ | async\"\n  [caseDefinitionPayload]=\"caseDefinitionPayload$ | async\"\n  (closeModal)=\"onCloseCreateDraftVersionModal($event)\"\n></valtimo-case-management-create-draft-version>\n\n<ng-template #loadingMessage let-translationKey=\"translationKey\">\n  <div>\n    <span class=\"cds--inline-notification__title\">\n      {{ translationKey | translate }}\n    </span>\n    <cds-loading size=\"sm\"></cds-loading>\n  </div>\n</ng-template>\n\n<ng-template #createDraftMessage>\n  <ng-container\n    *ngTemplateOutlet=\"\n      loadingMessage;\n      context: {\n        translationKey: 'caseManagement.deployment.createDraftConfirmationModal.loadingText',\n      }\n    \"\n  >\n  </ng-container>\n</ng-template>\n\n<ng-template #finalizeDraftMessage>\n  <ng-container\n    *ngTemplateOutlet=\"\n      loadingMessage;\n      context: {\n        translationKey: 'caseManagement.deployment.finalizeDraftConfirmationModal.loadingText',\n      }\n    \"\n  >\n  </ng-container>\n</ng-template>\n\n<ng-template #deleteDraftMessage>\n  <ng-container\n    *ngTemplateOutlet=\"\n      loadingMessage;\n      context: {\n        translationKey: 'caseManagement.deployment.finalizeDraftConfirmationModal.loadingText',\n      }\n    \"\n  >\n  </ng-container>\n</ng-template>\n", styles: [".header-buttons{display:flex;justify-content:space-between;width:100%;margin-bottom:24px}.draft-buttons{display:flex;gap:16px}.deployment-panels{display:flex;gap:16px;flex-wrap:wrap}.deployment-panels>div{flex:1 1 300px;background-color:#fff;padding:24px}.deployment-panel-title{font-weight:600;font-size:16px;line-height:24px;margin-bottom:16px}.full-width-notification{max-inline-size:100%;min-inline-size:100%}.release-version-columns{display:flex;width:100%;margin-bottom:16px;gap:16px;flex-wrap:wrap}.release-version-data{flex:1 1 300px;padding:1rem;box-sizing:border-box}.release-version-data__label{font-size:12px;margin-bottom:16px;color:var(--cds-text-secondary)}.release-version-data__value{color:var(--cds-text-primary);padding:16px;border-bottom:1px solid var(--cds-border-subtle-01);font-size:14px}::ng-deep .cds--inline-notification__title{width:100%}.deployment-warning-notification{min-width:100%;margin-bottom:16px}\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"] }]
+            args: [{ standalone: false, 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<ng-container\n  *ngIf=\"{\n    releaseVersionEntries: releaseVersionEntries$ | async,\n    releaseInformationDataEntries: releaseInformationDataEntries$ | async,\n    isDraftVersion: isDraftVersion$ | async,\n    hasConflictingVersions: hasConflictingVersions$ | async,\n    notificationContent: notificationContent$ | async,\n    canUpdateGlobalConfiguration: canUpdateGlobalConfiguration$ | async,\n    isGloballyActive: isGloballyActive$ | async,\n    caseDefinitionFinalizationCheckResult: caseDefinitionFinalizationCheckResult$ | async,\n    deploymentNotificationObject: deploymentNotificationObject$ | async,\n    importOriginEntries: importOriginEntries$ | async,\n  } as obs\"\n>\n  <cds-notification\n    *ngIf=\"\n      obs.canUpdateGlobalConfiguration && obs.isDraftVersion && obs.deploymentNotificationObject\n    \"\n    class=\"deployment-warning-notification\"\n    [notificationObj]=\"obs.deploymentNotificationObject\"\n  ></cds-notification>\n\n  <div class=\"header-buttons\">\n    <button cdsButton=\"secondary\" (click)=\"goBack()\">\n      {{ 'caseManagement.deployment.buttons.back' | translate }}\n      <svg cdsIcon=\"return\" size=\"16\" class=\"cds--btn__icon\"></svg>\n    </button>\n    @if (obs.canUpdateGlobalConfiguration) {\n      @if (obs.isDraftVersion) {\n        <div class=\"draft-buttons\">\n          <button\n            *ngIf=\"caseDefinitionVersions.length === 1 || !obs.isGloballyActive\"\n            cdsButton=\"danger\"\n            (click)=\"openDeleteDraftModal()\"\n          >\n            {{ 'caseManagement.deployment.buttons.delete' | translate }}\n            <svg cdsIcon=\"trash-can\" size=\"16\" class=\"cds--btn__icon\"></svg>\n          </button>\n\n          <button\n            cdsButton=\"primary\"\n            (click)=\"openFinalizeDraftConfirmationModal()\"\n            [disabled]=\"!obs?.caseDefinitionFinalizationCheckResult?.finalizable\"\n          >\n            {{ 'caseManagement.deployment.buttons.finalize' | translate }}\n            <svg cdsIcon=\"save\" size=\"16\" class=\"cds--btn__icon\"></svg>\n          </button>\n        </div>\n      } @else {\n        <button cdsButton=\"primary\" (click)=\"openCreateDraftVersionConfirmationModal()\">\n          {{ 'caseManagement.deployment.buttons.createDraft' | translate }}\n          <svg cdsIcon=\"save\" size=\"16\" class=\"cds--btn__icon\"></svg>\n        </button>\n      }\n    }\n  </div>\n\n  <div class=\"deployment-panels\">\n    <ng-container\n      *ngTemplateOutlet=\"\n        releaseVersionPanel;\n        context: {\n          data: obs.releaseVersionEntries,\n          showNotification: obs.hasConflictingVersions,\n          notificationContent: {\n            basedOnVersionTag: obs.notificationContent?.basedOnVersionTag,\n            conflictingVersions: obs.notificationContent?.conflictingVersions,\n          },\n        }\n      \"\n    ></ng-container>\n\n    <ng-container\n      *ngTemplateOutlet=\"\n        releaseInformationPanel;\n        context: {data: obs.releaseInformationDataEntries}\n      \"\n    ></ng-container>\n\n    <div class=\"import-origin\" *ngIf=\"obs.importOriginEntries?.length > 0\">\n      <p class=\"deployment-panel-title\">\n        {{ 'caseManagement.deployment.importOrigin.title' | translate }}\n      </p>\n\n      <div class=\"release-version-columns\">\n        <div *ngFor=\"let entry of obs.importOriginEntries\" class=\"release-version-data\">\n          <label class=\"release-version-data__label\">\n            {{ 'caseManagement.deployment.importOrigin.fields.' + entry.key | translate }}\n          </label>\n          <div class=\"release-version-data__value\">\n            {{ entry.value }}\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</ng-container>\n\n<ng-template\n  #releaseVersionPanel\n  let-data=\"data\"\n  let-showNotification=\"showNotification\"\n  let-notificationContent=\"notificationContent\"\n>\n  <div class=\"release-version\">\n    <p class=\"deployment-panel-title\">\n      {{ 'caseManagement.deployment.releaseVersion.title' | translate }}\n    </p>\n\n    <div class=\"release-version-columns\">\n      <div *ngFor=\"let entry of data\" class=\"release-version-data\">\n        <label class=\"release-version-data__label\">\n          {{ 'caseManagement.deployment.releaseVersion.fields.' + entry.key | translate }}\n        </label>\n        <div class=\"release-version-data__value\">\n          {{ entry.value }}\n        </div>\n      </div>\n    </div>\n\n    <cds-notification\n      *ngIf=\"showNotification\"\n      class=\"full-width-notification\"\n      [notificationObj]=\"{\n        type: 'warning',\n        title: ('caseManagement.deployment.releaseVersion.warning.title' | translate),\n        message:\n          ('caseManagement.deployment.releaseVersion.warning.description'\n          | translate: notificationContent),\n        showClose: false,\n        lowContrast: true,\n      }\"\n    >\n    </cds-notification>\n  </div>\n</ng-template>\n\n<ng-template #releaseInformationPanel let-data=\"data\">\n  <div class=\"release-information\">\n    <p class=\"deployment-panel-title\">\n      {{ 'caseManagement.deployment.releaseInformation.title' | translate }}\n    </p>\n\n    <div class=\"release-version-columns\">\n      <ng-container *ngFor=\"let entry of data\">\n        <div class=\"release-version-data\" *ngIf=\"entry?.key && entry?.value !== undefined\">\n          <label class=\"release-version-data__label\">\n            {{ 'caseManagement.deployment.releaseInformation.fields.' + entry.key | translate }}\n          </label>\n          <div class=\"release-version-data__value\">\n            {{ entry.value }}\n          </div>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n</ng-template>\n\n<valtimo-confirmation-modal\n  [showModalSubject$]=\"showDeleteDraftConfirmationModal$\"\n  (confirmEvent)=\"deleteDraftCaseVersion()\"\n  (cancelEvent)=\"closeDeleteDraftModal()\"\n  cancelButtonType=\"ghost\"\n  confirmButtonType=\"danger\"\n  confirmButtonTextTranslationKey=\"caseManagement.deployment.deleteDraftConfirmationModal.confirm\"\n  cancelButtonTextTranslationKey=\"interface.cancel\"\n  titleTranslationKey=\"caseManagement.deployment.deleteDraftConfirmationModal.title\"\n  contentTranslationKey=\"caseManagement.deployment.deleteDraftConfirmationModal.description\"\n>\n</valtimo-confirmation-modal>\n\n<valtimo-confirmation-modal\n  [showModalSubject$]=\"showFinalizeDraftConfirmationModal$\"\n  [content]=\"finalizeDraftDescription$ | async\"\n  (confirmEvent)=\"finalizeDraftCaseVersion()\"\n  (cancelEvent)=\"closeFinalizeDraftModal()\"\n  cancelButtonType=\"ghost\"\n  confirmButtonType=\"primary\"\n  confirmButtonTextTranslationKey=\"caseManagement.deployment.finalizeDraftConfirmationModal.confirm\"\n  cancelButtonTextTranslationKey=\"interface.cancel\"\n  titleTranslationKey=\"caseManagement.deployment.finalizeDraftConfirmationModal.title\"\n></valtimo-confirmation-modal>\n\n<valtimo-case-management-create-draft-version\n  [open]=\"showCreateDraftVersionConfirmationModal$ | async\"\n  [caseDefinitionPayload]=\"caseDefinitionPayload$ | async\"\n  (closeModal)=\"onCloseCreateDraftVersionModal($event)\"\n></valtimo-case-management-create-draft-version>\n\n<ng-template #loadingMessage let-translationKey=\"translationKey\">\n  <div>\n    <span class=\"cds--inline-notification__title\">\n      {{ translationKey | translate }}\n    </span>\n    <cds-loading size=\"sm\"></cds-loading>\n  </div>\n</ng-template>\n\n<ng-template #createDraftMessage>\n  <ng-container\n    *ngTemplateOutlet=\"\n      loadingMessage;\n      context: {\n        translationKey: 'caseManagement.deployment.createDraftConfirmationModal.loadingText',\n      }\n    \"\n  >\n  </ng-container>\n</ng-template>\n\n<ng-template #finalizeDraftMessage>\n  <ng-container\n    *ngTemplateOutlet=\"\n      loadingMessage;\n      context: {\n        translationKey: 'caseManagement.deployment.finalizeDraftConfirmationModal.loadingText',\n      }\n    \"\n  >\n  </ng-container>\n</ng-template>\n\n<ng-template #deleteDraftMessage>\n  <ng-container\n    *ngTemplateOutlet=\"\n      loadingMessage;\n      context: {\n        translationKey: 'caseManagement.deployment.finalizeDraftConfirmationModal.loadingText',\n      }\n    \"\n  >\n  </ng-container>\n</ng-template>\n", styles: [".header-buttons{display:flex;justify-content:space-between;width:100%;margin-bottom:24px}.draft-buttons{display:flex;gap:16px}.deployment-panels{display:flex;gap:16px;flex-wrap:wrap}.deployment-panels>div{flex:1 1 300px;background-color:#fff;padding:24px}.deployment-panel-title{font-weight:600;font-size:16px;line-height:24px;margin-bottom:16px}.full-width-notification{max-inline-size:100%;min-inline-size:100%}.release-version-columns{display:flex;width:100%;margin-bottom:16px;gap:16px;flex-wrap:wrap}.release-version-data{flex:1 1 300px;padding:1rem;box-sizing:border-box}.release-version-data__label{font-size:12px;margin-bottom:16px;color:var(--cds-text-secondary)}.release-version-data__value{color:var(--cds-text-primary);padding:16px;border-bottom:1px solid var(--cds-border-subtle-01);font-size:14px}::ng-deep .cds--inline-notification__title{width:100%}.deployment-warning-notification{min-width:100%;margin-bottom:16px}\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: i7.BreadcrumbService }, { type: CaseManagementService }, { type: i6.DatePipe }, { type: i3$1.EnvironmentService }, { type: i2.IconService }, { type: i6.Location }, { type: i3$1.GlobalNotificationService }, { type: i2$1.ActivatedRoute }, { type: i2$1.Router }, { type: i7$1.SseService }, { type: i3.TranslateService }], propDecorators: { _createDraftMessageTemplateRef: [{
                 type: ViewChild,
                 args: ['createDraftMessage']
@@ -3612,10 +3853,10 @@ class CaseManagementSelectVersionModalComponent {
         this.selectedVersion.emit(caseDefinitionVersionTag);
         this.closeEvent.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementSelectVersionModalComponent, deps: [{ token: i2$1.ActivatedRoute }, { token: i2$1.Router }, { token: CaseManagementService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", 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", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], 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: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementSelectVersionModalComponent, deps: [{ token: i2$1.ActivatedRoute }, { token: i2$1.Router }, { token: CaseManagementService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", 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", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], 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: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementSelectVersionModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementSelectVersionModalComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-case-management-select-version-modal', 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"] }]
         }], ctorParameters: () => [{ type: i2$1.ActivatedRoute }, { type: i2$1.Router }, { type: CaseManagementService }], propDecorators: { open: [{
@@ -3885,12 +4126,12 @@ class CaseManagementDetailActionsComponent {
             relativeTo: this.route,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementDetailActionsComponent, deps: [{ token: DOCUMENT }, { token: CaseManagementService }, { token: CaseDetailService }, { token: i3$1.GlobalNotificationService }, { token: i2.IconService }, { token: i7.PageHeaderService }, { token: i2$1.ActivatedRoute }, { token: i2$1.Router }, { token: i3.TranslateService }, { token: i3$1.ConfigurationIssueService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", 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\n\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  <cds-overflow-menu\n    valtimoCdsOverflowButton\n    [width]=\"250\"\n    [customTrigger]=\"customTrigger\"\n    [offset]=\"{y: 48, x: 37}\"\n    class=\"overflow-button\"\n  >\n    <cds-overflow-menu-option\n      [attr.data-test-id]=\"testIds.exportButton\"\n      [id]=\"'exportDocumentDefinition'\"\n      [disabled]=\"obs.exporting || obs.loadingVersion\"\n      (selected)=\"export()\"\n      >{{ 'caseManagement.export' | translate: {value: documentDefinitionTitle} }}\n    </cds-overflow-menu-option>\n\n    <span\n      *ngIf=\"obs.hasUnresolvedConfigurationIssues && !obs.selectedVersionIsGloballyActive; else setActiveDefault\"\n    >\n      <cds-tooltip\n        [description]=\"'caseManagement.setGlobalActiveVersionConfigurationIssuesWarning' | translate\"\n        [align]=\"'bottom'\"\n      >\n        <cds-overflow-menu-option\n          [attr.data-test-id]=\"testIds.setActiveVersionButton\"\n          [id]=\"'setGlobalActiveVersion'\"\n          [disabled]=\"true\"\n          >{{ 'caseManagement.setGlobalActiveVersion' | translate }}\n        </cds-overflow-menu-option>\n      </cds-tooltip>\n    </span>\n\n    <ng-template #setActiveDefault>\n      <cds-overflow-menu-option\n        data-test-id=\"caseSetActiveVersionButton\"\n        [id]=\"'setGlobalActiveVersion'\"\n        [disabled]=\"obs.selectedVersionIsGloballyActive\"\n        (selected)=\"openGlobalActiveVersionModal()\"\n        >{{ 'caseManagement.setGlobalActiveVersion' | translate }}\n      </cds-overflow-menu-option>\n    </ng-template>\n  </cds-overflow-menu>\n</ng-template>\n\n<ng-template #customTrigger>\n  <button\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</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: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: 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: i2.OverflowMenu, selector: "cds-overflow-menu, ibm-overflow-menu", inputs: ["buttonLabel", "description", "flip", "placement", "open", "customTrigger", "offset", "wrapperClass", "triggerClass"], outputs: ["openChange"] }, { kind: "component", type: i2.OverflowMenuOption, selector: "cds-overflow-menu-option, ibm-overflow-menu-option", inputs: ["divider", "type", "disabled", "href", "target", "innerClass"], outputs: ["selected"] }, { kind: "directive", type: i7.ValtimoCdsOverflowButtonDirective, selector: "[valtimoCdsOverflowButton]", inputs: ["width"] }, { kind: "component", type: i2.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class", "skeleton"] }, { kind: "component", type: i2.Tooltip, selector: "cds-tooltip, ibm-tooltip", inputs: ["id", "enterDelayMs", "leaveDelayMs", "disabled", "description", "templateContext"] }, { kind: "component", type: CaseManagementSelectVersionModalComponent, selector: "valtimo-case-management-select-version-modal", inputs: ["open", "previousSelectedVersion", "caseDefinitionKey", "caseDefinitionTitle"], outputs: ["closeEvent", "selectedVersion"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementDetailActionsComponent, deps: [{ token: DOCUMENT }, { token: CaseManagementService }, { token: CaseDetailService }, { token: i3$1.GlobalNotificationService }, { token: i2.IconService }, { token: i7.PageHeaderService }, { token: i2$1.ActivatedRoute }, { token: i2$1.Router }, { token: i3.TranslateService }, { token: i3$1.ConfigurationIssueService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", 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: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: 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: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementDetailActionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementDetailActionsComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'valtimo-case-management-detail-actions', 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  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\n\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  <cds-overflow-menu\n    valtimoCdsOverflowButton\n    [width]=\"250\"\n    [customTrigger]=\"customTrigger\"\n    [offset]=\"{y: 48, x: 37}\"\n    class=\"overflow-button\"\n  >\n    <cds-overflow-menu-option\n      [attr.data-test-id]=\"testIds.exportButton\"\n      [id]=\"'exportDocumentDefinition'\"\n      [disabled]=\"obs.exporting || obs.loadingVersion\"\n      (selected)=\"export()\"\n      >{{ 'caseManagement.export' | translate: {value: documentDefinitionTitle} }}\n    </cds-overflow-menu-option>\n\n    <span\n      *ngIf=\"obs.hasUnresolvedConfigurationIssues && !obs.selectedVersionIsGloballyActive; else setActiveDefault\"\n    >\n      <cds-tooltip\n        [description]=\"'caseManagement.setGlobalActiveVersionConfigurationIssuesWarning' | translate\"\n        [align]=\"'bottom'\"\n      >\n        <cds-overflow-menu-option\n          [attr.data-test-id]=\"testIds.setActiveVersionButton\"\n          [id]=\"'setGlobalActiveVersion'\"\n          [disabled]=\"true\"\n          >{{ 'caseManagement.setGlobalActiveVersion' | translate }}\n        </cds-overflow-menu-option>\n      </cds-tooltip>\n    </span>\n\n    <ng-template #setActiveDefault>\n      <cds-overflow-menu-option\n        data-test-id=\"caseSetActiveVersionButton\"\n        [id]=\"'setGlobalActiveVersion'\"\n        [disabled]=\"obs.selectedVersionIsGloballyActive\"\n        (selected)=\"openGlobalActiveVersionModal()\"\n        >{{ 'caseManagement.setGlobalActiveVersion' | translate }}\n      </cds-overflow-menu-option>\n    </ng-template>\n  </cds-overflow-menu>\n</ng-template>\n\n<ng-template #customTrigger>\n  <button\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</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"] }]
+            args: [{ standalone: false, selector: 'valtimo-case-management-detail-actions', 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  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"] }]
         }], ctorParameters: () => [{ type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
@@ -4024,12 +4265,12 @@ class CaseManagementDetailComponent {
         //TODO: Fix pending changes with new routing
         // this._documentDefinitionTab?.onCanDeactivate();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementDetailComponent, deps: [{ token: i2$1.ActivatedRoute }, { token: CaseDetailService }, { token: CaseManagementService }, { token: i3$1.ConfigService }, { token: i3$1.ConfigurationIssueService }, { token: i7.PageTitleService }, { token: i2$1.Router }, { token: i7$1.SseService }, { token: TabService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", 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        (click)=\"navigateToTab('zgw')\"\n      ></cds-notification>\n    }\n  }\n\n  <cds-tabs class=\"case-management-tabs\" type=\"inline\" [attr.data-test-id]=\"testIds.tabs\">\n    <cds-tab\n      class=\"no-padding-left-right main-content\"\n      [id]=\"TabEnum.GENERAL\"\n      [active]=\"obs.currentTab === TabEnum.GENERAL\"\n      [heading]=\"'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.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        <cds-tab\n          class=\"no-padding-left-right no-padding-top-bottom\"\n          [active]=\"obs.currentTab === (injectedTab.tabRoute ?? injectedTab.translationKey)\"\n          [heading]=\"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;cursor:pointer}\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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.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: 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: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementDetailComponent, deps: [{ token: i2$1.ActivatedRoute }, { token: CaseDetailService }, { token: CaseManagementService }, { token: i3$1.ConfigService }, { token: i3$1.ConfigurationIssueService }, { token: i7.PageTitleService }, { token: i2$1.Router }, { token: i7$1.SseService }, { token: TabService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", 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        (click)=\"navigateToTab('zgw')\"\n      ></cds-notification>\n    }\n  }\n\n  <cds-tabs class=\"case-management-tabs\" type=\"inline\" [attr.data-test-id]=\"testIds.tabs\">\n    <cds-tab\n      class=\"no-padding-left-right main-content\"\n      [id]=\"TabEnum.GENERAL\"\n      [active]=\"obs.currentTab === TabEnum.GENERAL\"\n      [heading]=\"'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        <cds-tab\n          class=\"no-padding-left-right no-padding-top-bottom\"\n          [active]=\"obs.currentTab === (injectedTab.tabRoute ?? injectedTab.translationKey)\"\n          [heading]=\"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;cursor:pointer}\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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.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: 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: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementDetailComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", 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        (click)=\"navigateToTab('zgw')\"\n      ></cds-notification>\n    }\n  }\n\n  <cds-tabs class=\"case-management-tabs\" type=\"inline\" [attr.data-test-id]=\"testIds.tabs\">\n    <cds-tab\n      class=\"no-padding-left-right main-content\"\n      [id]=\"TabEnum.GENERAL\"\n      [active]=\"obs.currentTab === TabEnum.GENERAL\"\n      [heading]=\"'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.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        <cds-tab\n          class=\"no-padding-left-right no-padding-top-bottom\"\n          [active]=\"obs.currentTab === (injectedTab.tabRoute ?? injectedTab.translationKey)\"\n          [heading]=\"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;cursor:pointer}\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"] }]
+            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        (click)=\"navigateToTab('zgw')\"\n      ></cds-notification>\n    }\n  }\n\n  <cds-tabs class=\"case-management-tabs\" type=\"inline\" [attr.data-test-id]=\"testIds.tabs\">\n    <cds-tab\n      class=\"no-padding-left-right main-content\"\n      [id]=\"TabEnum.GENERAL\"\n      [active]=\"obs.currentTab === TabEnum.GENERAL\"\n      [heading]=\"'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        <cds-tab\n          class=\"no-padding-left-right no-padding-top-bottom\"\n          [active]=\"obs.currentTab === (injectedTab.tabRoute ?? injectedTab.translationKey)\"\n          [heading]=\"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;cursor:pointer}\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$1.ActivatedRoute }, { type: CaseDetailService }, { type: CaseManagementService }, { type: i3$1.ConfigService }, { type: i3$1.ConfigurationIssueService }, { type: i7.PageTitleService }, { type: i2$1.Router }, { type: i7$1.SseService }, { type: TabService }], propDecorators: { _tabs: [{
                 type: ViewChildren,
                 args: [Tab]
@@ -4112,10 +4353,10 @@ class CaseManagementDocumentDefinitionComponent {
     onChangeEvent() {
         this._pendingChanges$.next(true);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementDocumentDefinitionComponent, deps: [{ token: i1$2.DocumentService }, { token: CaseDetailService }, { token: i2.IconService }, { token: i7.PageHeaderService }, { token: i2$1.ActivatedRoute }, { token: i3$1.EditPermissionsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: CaseManagementDocumentDefinitionComponent, isStandalone: false, selector: "ng-component", inputs: { caseDefinitionKey: "caseDefinitionKey" }, outputs: { cancelRedirect: "cancelRedirect", confirmRedirect: "confirmRedirect", pendingChangesUpdate: "pendingChangesUpdate" }, viewQueries: [{ propertyName: "cancelModal", first: true, predicate: ["cancelModal"], 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-json-editor\n  [model]=\"documentDefinitionModel$ | async\"\n  [fitPage]=\"true\"\n  [fitPageSpaceAdjustment]=\"128\"\n  [showEditButton]=\"hasEditPermissions$ | async\"\n  (changeEvent)=\"onChangeEvent()\"\n  (discardEvent)=\"onDiscardEvent()\"\n  (keepEditingEvent)=\"onKeepEditingEvent()\"\n  (saveEvent)=\"onSaveEvent($event)\"\n>\n  <button\n    cdsButton=\"ghost\"\n    [disabled]=\"\n      (loadingDocumentDefinition$ | async) || (selectedDocumentDefinition$ | async) === null\n    \"\n    (click)=\"downloadDefinition()\"\n  >\n    {{ 'interface.download' | translate }}\n\n    <svg cdsIcon=\"download\" size=\"16\" class=\"cds--btn__icon\"></svg>\n  </button>\n</valtimo-json-editor>\n\n<a id=\"downloadAnchorElement\" style=\"display: none\"></a>\n\n<ng-template #loading>\n  <div class=\"loading-container\">\n    <cds-loading></cds-loading>\n  </div>\n</ng-template>\n", styles: [".loading-container{display:flex;width:100%;justify-content:center;padding-top:16px;padding-bottom:16px}:host ::ng-deep .cds--toolbar-content{width:100%;background:var(--cds-layer-01)}\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: "directive", type: i2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i2.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "component", type: i7.JsonEditorComponent, selector: "valtimo-json-editor", inputs: ["disabled", "model", "editorOptions", "fitPage", "fitPageSpaceAdjustment", "formatOnLoad", "heightPx", "heightStyle", "jsonSchema", "showEditButton", "widthPx"], outputs: ["changeEvent", "discardEvent", "keepEditingEvent", "saveEvent"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementDocumentDefinitionComponent, deps: [{ token: i1$2.DocumentService }, { token: CaseDetailService }, { token: i2.IconService }, { token: i7.PageHeaderService }, { token: i2$1.ActivatedRoute }, { token: i3$1.EditPermissionsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseManagementDocumentDefinitionComponent, isStandalone: false, selector: "ng-component", inputs: { caseDefinitionKey: "caseDefinitionKey" }, outputs: { cancelRedirect: "cancelRedirect", confirmRedirect: "confirmRedirect", pendingChangesUpdate: "pendingChangesUpdate" }, viewQueries: [{ propertyName: "cancelModal", first: true, predicate: ["cancelModal"], 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-json-editor\n  [model]=\"documentDefinitionModel$ | async\"\n  [fitPage]=\"true\"\n  [fitPageSpaceAdjustment]=\"128\"\n  [showEditButton]=\"hasEditPermissions$ | async\"\n  (changeEvent)=\"onChangeEvent()\"\n  (discardEvent)=\"onDiscardEvent()\"\n  (keepEditingEvent)=\"onKeepEditingEvent()\"\n  (saveEvent)=\"onSaveEvent($event)\"\n>\n  <button\n    cdsButton=\"ghost\"\n    [disabled]=\"\n      (loadingDocumentDefinition$ | async) || (selectedDocumentDefinition$ | async) === null\n    \"\n    (click)=\"downloadDefinition()\"\n  >\n    {{ 'interface.download' | translate }}\n\n    <svg cdsIcon=\"download\" size=\"16\" class=\"cds--btn__icon\"></svg>\n  </button>\n</valtimo-json-editor>\n\n<a id=\"downloadAnchorElement\" style=\"display: none\"></a>\n\n<ng-template #loading>\n  <div class=\"loading-container\">\n    <cds-loading></cds-loading>\n  </div>\n</ng-template>\n", styles: [".loading-container{display:flex;width:100%;justify-content:center;padding-top:16px;padding-bottom:16px}:host ::ng-deep .cds--toolbar-content{width:100%;background:var(--cds-layer-01)}\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: "directive", type: i2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i2.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "component", type: i7.JsonEditorComponent, selector: "valtimo-json-editor", inputs: ["disabled", "model", "editorOptions", "fitPage", "fitPageSpaceAdjustment", "formatOnLoad", "heightPx", "heightStyle", "jsonSchema", "showEditButton", "widthPx"], outputs: ["changeEvent", "discardEvent", "keepEditingEvent", "saveEvent"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementDocumentDefinitionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementDocumentDefinitionComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, 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-json-editor\n  [model]=\"documentDefinitionModel$ | async\"\n  [fitPage]=\"true\"\n  [fitPageSpaceAdjustment]=\"128\"\n  [showEditButton]=\"hasEditPermissions$ | async\"\n  (changeEvent)=\"onChangeEvent()\"\n  (discardEvent)=\"onDiscardEvent()\"\n  (keepEditingEvent)=\"onKeepEditingEvent()\"\n  (saveEvent)=\"onSaveEvent($event)\"\n>\n  <button\n    cdsButton=\"ghost\"\n    [disabled]=\"\n      (loadingDocumentDefinition$ | async) || (selectedDocumentDefinition$ | async) === null\n    \"\n    (click)=\"downloadDefinition()\"\n  >\n    {{ 'interface.download' | translate }}\n\n    <svg cdsIcon=\"download\" size=\"16\" class=\"cds--btn__icon\"></svg>\n  </button>\n</valtimo-json-editor>\n\n<a id=\"downloadAnchorElement\" style=\"display: none\"></a>\n\n<ng-template #loading>\n  <div class=\"loading-container\">\n    <cds-loading></cds-loading>\n  </div>\n</ng-template>\n", styles: [".loading-container{display:flex;width:100%;justify-content:center;padding-top:16px;padding-bottom:16px}:host ::ng-deep .cds--toolbar-content{width:100%;background:var(--cds-layer-01)}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
         }], ctorParameters: () => [{ type: i1$2.DocumentService }, { type: CaseDetailService }, { type: i2.IconService }, { type: i7.PageHeaderService }, { type: i2$1.ActivatedRoute }, { type: i3$1.EditPermissionsService }], propDecorators: { cancelModal: [{
@@ -4193,10 +4434,10 @@ class CaseManagementCaseHandlerComponent {
             autoAssignTasks: !currentSettings.autoAssignTasks,
         }, caseDefinitionKey, caseDefinitionVersionTag);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementCaseHandlerComponent, deps: [{ token: i1$2.DocumentService }, { token: i2.IconService }, { token: i2$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: CaseManagementCaseHandlerComponent, isStandalone: false, selector: "valtimo-case-management-case-handler", inputs: { isReadOnly: "isReadOnly" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  *ngIf=\"{\n    currentValue: currentValue$ | async,\n    caseDefinitionKey: caseDefinitionKey$ | async,\n    caseDefinitionVersionTag: caseDefinitionVersionTag$ | async,\n    loading: loading$ | async,\n    disabled: disabled$ | async,\n  } as obs\"\n  class=\"case-handler-process\"\n  [cdsLayer]=\"0\"\n>\n  <p class=\"case-handler-process__title\">\n    {{ 'caseManagement.tabs.generalTab.caseHandler.title' | translate }}\n  </p>\n\n  <div class=\"case-handler-process__toggles\">\n    <cds-toggle\n      valtimoReadOnly\n      [isReadOnly]=\"isReadOnly\"\n      [checked]=\"obs?.currentValue?.canHaveAssignee\"\n      [disabled]=\"obs.disabled || isReadOnly\"\n      (checkedChange)=\"\n        toggleAssignee(obs?.currentValue, obs.caseDefinitionKey, obs.caseDefinitionVersionTag)\n      \"\n      [label]=\"'caseManagement.tabs.generalTab.caseHandler.canHaveHandler' | translate\"\n      [onText]=\"'caseManagement.tabs.generalTab.caseHandler.toggle.onText' | translate\"\n      [offText]=\"'caseManagement.tabs.generalTab.caseHandler.toggle.offText' | translate\"\n      [attr.data-test-id]=\"testIds.canHaveHandler\"\n    ></cds-toggle>\n\n    <cds-tooltip\n      [isOpen]=\"false\"\n      [description]=\"\n        'caseManagement.tabs.generalTab.caseHandler.disabledAutoAssignTooltip' | translate\n      \"\n      [align]=\"'top'\"\n    >\n      <cds-toggle\n        valtimoReadOnly\n        [isReadOnly]=\"isReadOnly\"\n        [checked]=\"obs?.currentValue?.autoAssignTasks\"\n        [disabled]=\"!obs?.currentValue?.canHaveAssignee || isReadOnly\"\n        (checkedChange)=\"\n          toggleTaskAssignment(\n            obs?.currentValue,\n            obs?.caseDefinitionKey,\n            obs.caseDefinitionVersionTag\n          )\n        \"\n        [label]=\"'caseManagement.toggleAutoAssignTasks.checkboxDescription' | translate\"\n        [onText]=\"'caseManagement.tabs.generalTab.caseHandler.toggle.onText' | translate\"\n        [offText]=\"'caseManagement.tabs.generalTab.caseHandler.toggle.offText' | translate\"\n        [attr.data-test-id]=\"testIds.automaticallyAssign\"\n      ></cds-toggle>\n    </cds-tooltip>\n  </div>\n</div>\n", styles: [".case-handler-process{background-color:var(--cds-layer);padding:24px}.case-handler-process__title{font-size:16px;line-height:24px;font-weight:600;margin-bottom:16px}.case-handler-process__toggles{display:flex;flex-direction:column;gap:8px}.case-handler-process__helper-text{font-size:12px;color:var(--cds-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px 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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "directive", type: i2.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "directive", type: i7.ReadOnlyDirective, selector: "[valtimoReadOnly]", inputs: ["isReadOnly"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementCaseHandlerComponent, deps: [{ token: i1$2.DocumentService }, { token: i2.IconService }, { token: i2$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseManagementCaseHandlerComponent, isStandalone: false, selector: "valtimo-case-management-case-handler", inputs: { isReadOnly: "isReadOnly" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  *ngIf=\"{\n    currentValue: currentValue$ | async,\n    caseDefinitionKey: caseDefinitionKey$ | async,\n    caseDefinitionVersionTag: caseDefinitionVersionTag$ | async,\n    loading: loading$ | async,\n    disabled: disabled$ | async,\n  } as obs\"\n  class=\"case-handler-process\"\n  [cdsLayer]=\"0\"\n>\n  <p class=\"case-handler-process__title\">\n    {{ 'caseManagement.tabs.generalTab.caseHandler.title' | translate }}\n  </p>\n\n  <div class=\"case-handler-process__toggles\">\n    <cds-toggle\n      valtimoReadOnly\n      [isReadOnly]=\"isReadOnly\"\n      [checked]=\"obs?.currentValue?.canHaveAssignee\"\n      [disabled]=\"obs.disabled || isReadOnly\"\n      (checkedChange)=\"\n        toggleAssignee(obs?.currentValue, obs.caseDefinitionKey, obs.caseDefinitionVersionTag)\n      \"\n      [label]=\"'caseManagement.tabs.generalTab.caseHandler.canHaveHandler' | translate\"\n      [onText]=\"'caseManagement.tabs.generalTab.caseHandler.toggle.onText' | translate\"\n      [offText]=\"'caseManagement.tabs.generalTab.caseHandler.toggle.offText' | translate\"\n      [attr.data-test-id]=\"testIds.canHaveHandler\"\n    ></cds-toggle>\n\n    <cds-tooltip\n      [isOpen]=\"false\"\n      [description]=\"\n        'caseManagement.tabs.generalTab.caseHandler.disabledAutoAssignTooltip' | translate\n      \"\n      [align]=\"'top'\"\n    >\n      <cds-toggle\n        valtimoReadOnly\n        [isReadOnly]=\"isReadOnly\"\n        [checked]=\"obs?.currentValue?.autoAssignTasks\"\n        [disabled]=\"!obs?.currentValue?.canHaveAssignee || isReadOnly\"\n        (checkedChange)=\"\n          toggleTaskAssignment(\n            obs?.currentValue,\n            obs?.caseDefinitionKey,\n            obs.caseDefinitionVersionTag\n          )\n        \"\n        [label]=\"'caseManagement.toggleAutoAssignTasks.checkboxDescription' | translate\"\n        [onText]=\"'caseManagement.tabs.generalTab.caseHandler.toggle.onText' | translate\"\n        [offText]=\"'caseManagement.tabs.generalTab.caseHandler.toggle.offText' | translate\"\n        [attr.data-test-id]=\"testIds.automaticallyAssign\"\n      ></cds-toggle>\n    </cds-tooltip>\n  </div>\n</div>\n", styles: [".case-handler-process{background-color:var(--cds-layer);padding:24px}.case-handler-process__title{font-size:16px;line-height:24px;font-weight:600;margin-bottom:16px}.case-handler-process__toggles{display:flex;flex-direction:column;gap:8px}.case-handler-process__helper-text{font-size:12px;color:var(--cds-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px 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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "directive", type: i2.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "directive", type: i7.ReadOnlyDirective, selector: "[valtimoReadOnly]", inputs: ["isReadOnly"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementCaseHandlerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementCaseHandlerComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-case-management-case-handler', template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  *ngIf=\"{\n    currentValue: currentValue$ | async,\n    caseDefinitionKey: caseDefinitionKey$ | async,\n    caseDefinitionVersionTag: caseDefinitionVersionTag$ | async,\n    loading: loading$ | async,\n    disabled: disabled$ | async,\n  } as obs\"\n  class=\"case-handler-process\"\n  [cdsLayer]=\"0\"\n>\n  <p class=\"case-handler-process__title\">\n    {{ 'caseManagement.tabs.generalTab.caseHandler.title' | translate }}\n  </p>\n\n  <div class=\"case-handler-process__toggles\">\n    <cds-toggle\n      valtimoReadOnly\n      [isReadOnly]=\"isReadOnly\"\n      [checked]=\"obs?.currentValue?.canHaveAssignee\"\n      [disabled]=\"obs.disabled || isReadOnly\"\n      (checkedChange)=\"\n        toggleAssignee(obs?.currentValue, obs.caseDefinitionKey, obs.caseDefinitionVersionTag)\n      \"\n      [label]=\"'caseManagement.tabs.generalTab.caseHandler.canHaveHandler' | translate\"\n      [onText]=\"'caseManagement.tabs.generalTab.caseHandler.toggle.onText' | translate\"\n      [offText]=\"'caseManagement.tabs.generalTab.caseHandler.toggle.offText' | translate\"\n      [attr.data-test-id]=\"testIds.canHaveHandler\"\n    ></cds-toggle>\n\n    <cds-tooltip\n      [isOpen]=\"false\"\n      [description]=\"\n        'caseManagement.tabs.generalTab.caseHandler.disabledAutoAssignTooltip' | translate\n      \"\n      [align]=\"'top'\"\n    >\n      <cds-toggle\n        valtimoReadOnly\n        [isReadOnly]=\"isReadOnly\"\n        [checked]=\"obs?.currentValue?.autoAssignTasks\"\n        [disabled]=\"!obs?.currentValue?.canHaveAssignee || isReadOnly\"\n        (checkedChange)=\"\n          toggleTaskAssignment(\n            obs?.currentValue,\n            obs?.caseDefinitionKey,\n            obs.caseDefinitionVersionTag\n          )\n        \"\n        [label]=\"'caseManagement.toggleAutoAssignTasks.checkboxDescription' | translate\"\n        [onText]=\"'caseManagement.tabs.generalTab.caseHandler.toggle.onText' | translate\"\n        [offText]=\"'caseManagement.tabs.generalTab.caseHandler.toggle.offText' | translate\"\n        [attr.data-test-id]=\"testIds.automaticallyAssign\"\n      ></cds-toggle>\n    </cds-tooltip>\n  </div>\n</div>\n", styles: [".case-handler-process{background-color:var(--cds-layer);padding:24px}.case-handler-process__title{font-size:16px;line-height:24px;font-weight:600;margin-bottom:16px}.case-handler-process__toggles{display:flex;flex-direction:column;gap:8px}.case-handler-process__helper-text{font-size:12px;color:var(--cds-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px 0}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
         }], ctorParameters: () => [{ type: i1$2.DocumentService }, { type: i2.IconService }, { type: i2$1.ActivatedRoute }], propDecorators: { isReadOnly: [{
@@ -4328,13 +4569,13 @@ class CaseManagementExternalStartFormComponent {
             },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementExternalStartFormComponent, deps: [{ token: i2$1.ActivatedRoute }, { token: i1$2.DocumentService }, { token: i1$4.FormBuilder }, { token: i3.TranslateService }, { token: i5.NGXLogger }, { token: i3$1.GlobalNotificationService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: CaseManagementExternalStartFormComponent, isStandalone: false, selector: "valtimo-case-management-external-start-form", inputs: { isReadOnly: "isReadOnly" }, 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-tile\n  class=\"external-case-form-container\"\n  *ngIf=\"{params: params$ | async, caseSettings: caseSettings$ | async} as obs\"\n>\n  <h4 class=\"external-case-form-container__title\">\n    {{ 'caseManagement.externalStartForm.title' | translate }}\n  </h4>\n\n  <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\" [cdsLayer]=\"1\">\n    <cds-toggle\n      valtimoReadOnly\n      [isReadOnly]=\"isReadOnly\"\n      [disabled]=\"isReadOnly\"\n      formControlName=\"hasExternalForm\"\n      label=\"{{ 'caseManagement.externalStartForm.enabledToggle' | translate }}\"\n      onText=\"{{ 'caseManagement.externalStartForm.enabledToggleOn' | translate }}\"\n      offText=\"{{ 'caseManagement.externalStartForm.enabledToggleOff' | translate }}\"\n      [attr.data-test-id]=\"testIds.hasExternalForm\"\n    ></cds-toggle>\n\n    <cds-label>\n      {{ 'caseManagement.externalStartForm.externalUrl' | translate }}\n\n      <input\n        cdsText\n        valtimoReadOnly\n        [isReadOnly]=\"isReadOnly\"\n        type=\"text\"\n        formControlName=\"externalFormUrl\"\n        [attr.data-test-id]=\"testIds.externalFormUrl\"\n        [placeholder]=\"\n          isReadOnly ? '-' : ('caseManagement.externalStartForm.externalUrlPlaceholder' | translate)\n        \"\n        maxlength=\"512\"\n      />\n    </cds-label>\n\n    <cds-label>\n      {{ 'caseManagement.externalStartForm.description' | translate }}\n\n      <input\n        cdsText\n        valtimoReadOnly\n        [isReadOnly]=\"isReadOnly\"\n        type=\"text\"\n        formControlName=\"description\"\n        [attr.data-test-id]=\"testIds.externalFormDescription\"\n        [placeholder]=\"\n          isReadOnly ? '-' : ('caseManagement.externalStartForm.descriptionPlaceholder' | translate)\n        \"\n        maxlength=\"512\"\n      />\n    </cds-label>\n\n    <button\n      *ngIf=\"!isReadOnly\"\n      cdsButton=\"primary\"\n      type=\"submit\"\n      [disabled]=\"!form.valid || isReadOnly\"\n      [attr.data-test-id]=\"testIds.externalFormSave\"\n    >\n      {{ 'caseManagement.externalStartForm.apply' | translate }}\n    </button>\n  </form>\n</cds-tile>\n", styles: [":host{display:flex;padding:24px;margin-bottom:16px;background:var(--cds-layer)}.external-case-form-container,.external-case-form-container form{display:flex;flex-direction:column;gap:16px;width:100%}.external-case-form-container__title,.external-case-form-container form__title{font-size:16px;line-height:24px;font-weight:600}\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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { 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.Toggle, selector: "cds-toggle, ibm-toggle", inputs: ["offText", "onText", "label", "size", "hideLabel", "ariaLabel", "skeleton"] }, { kind: "directive", type: i2.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "directive", type: i7.ReadOnlyDirective, selector: "[valtimoReadOnly]", inputs: ["isReadOnly"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementExternalStartFormComponent, deps: [{ token: i2$1.ActivatedRoute }, { token: i1$2.DocumentService }, { token: i1$4.FormBuilder }, { token: i3.TranslateService }, { token: i2$2.NGXLogger }, { token: i3$1.GlobalNotificationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseManagementExternalStartFormComponent, isStandalone: false, selector: "valtimo-case-management-external-start-form", inputs: { isReadOnly: "isReadOnly" }, 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-tile\n  class=\"external-case-form-container\"\n  *ngIf=\"{params: params$ | async, caseSettings: caseSettings$ | async} as obs\"\n>\n  <h4 class=\"external-case-form-container__title\">\n    {{ 'caseManagement.externalStartForm.title' | translate }}\n  </h4>\n\n  <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\" [cdsLayer]=\"1\">\n    <cds-toggle\n      valtimoReadOnly\n      [isReadOnly]=\"isReadOnly\"\n      [disabled]=\"isReadOnly\"\n      formControlName=\"hasExternalForm\"\n      label=\"{{ 'caseManagement.externalStartForm.enabledToggle' | translate }}\"\n      onText=\"{{ 'caseManagement.externalStartForm.enabledToggleOn' | translate }}\"\n      offText=\"{{ 'caseManagement.externalStartForm.enabledToggleOff' | translate }}\"\n      [attr.data-test-id]=\"testIds.hasExternalForm\"\n    ></cds-toggle>\n\n    <cds-label>\n      {{ 'caseManagement.externalStartForm.externalUrl' | translate }}\n\n      <input\n        cdsText\n        valtimoReadOnly\n        [isReadOnly]=\"isReadOnly\"\n        type=\"text\"\n        formControlName=\"externalFormUrl\"\n        [attr.data-test-id]=\"testIds.externalFormUrl\"\n        [placeholder]=\"\n          isReadOnly ? '-' : ('caseManagement.externalStartForm.externalUrlPlaceholder' | translate)\n        \"\n        maxlength=\"512\"\n      />\n    </cds-label>\n\n    <cds-label>\n      {{ 'caseManagement.externalStartForm.description' | translate }}\n\n      <input\n        cdsText\n        valtimoReadOnly\n        [isReadOnly]=\"isReadOnly\"\n        type=\"text\"\n        formControlName=\"description\"\n        [attr.data-test-id]=\"testIds.externalFormDescription\"\n        [placeholder]=\"\n          isReadOnly ? '-' : ('caseManagement.externalStartForm.descriptionPlaceholder' | translate)\n        \"\n        maxlength=\"512\"\n      />\n    </cds-label>\n\n    <button\n      *ngIf=\"!isReadOnly\"\n      cdsButton=\"primary\"\n      type=\"submit\"\n      [disabled]=\"!form.valid || isReadOnly\"\n      [attr.data-test-id]=\"testIds.externalFormSave\"\n    >\n      {{ 'caseManagement.externalStartForm.apply' | translate }}\n    </button>\n  </form>\n</cds-tile>\n", styles: [":host{display:flex;padding:24px;margin-bottom:16px;background:var(--cds-layer)}.external-case-form-container,.external-case-form-container form{display:flex;flex-direction:column;gap:16px;width:100%}.external-case-form-container__title,.external-case-form-container form__title{font-size:16px;line-height:24px;font-weight:600}\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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { 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.Toggle, selector: "cds-toggle, ibm-toggle", inputs: ["offText", "onText", "label", "size", "hideLabel", "ariaLabel", "skeleton"] }, { kind: "directive", type: i2.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "directive", type: i7.ReadOnlyDirective, selector: "[valtimoReadOnly]", inputs: ["isReadOnly"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementExternalStartFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementExternalStartFormComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-case-management-external-start-form', 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-tile\n  class=\"external-case-form-container\"\n  *ngIf=\"{params: params$ | async, caseSettings: caseSettings$ | async} as obs\"\n>\n  <h4 class=\"external-case-form-container__title\">\n    {{ 'caseManagement.externalStartForm.title' | translate }}\n  </h4>\n\n  <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\" [cdsLayer]=\"1\">\n    <cds-toggle\n      valtimoReadOnly\n      [isReadOnly]=\"isReadOnly\"\n      [disabled]=\"isReadOnly\"\n      formControlName=\"hasExternalForm\"\n      label=\"{{ 'caseManagement.externalStartForm.enabledToggle' | translate }}\"\n      onText=\"{{ 'caseManagement.externalStartForm.enabledToggleOn' | translate }}\"\n      offText=\"{{ 'caseManagement.externalStartForm.enabledToggleOff' | translate }}\"\n      [attr.data-test-id]=\"testIds.hasExternalForm\"\n    ></cds-toggle>\n\n    <cds-label>\n      {{ 'caseManagement.externalStartForm.externalUrl' | translate }}\n\n      <input\n        cdsText\n        valtimoReadOnly\n        [isReadOnly]=\"isReadOnly\"\n        type=\"text\"\n        formControlName=\"externalFormUrl\"\n        [attr.data-test-id]=\"testIds.externalFormUrl\"\n        [placeholder]=\"\n          isReadOnly ? '-' : ('caseManagement.externalStartForm.externalUrlPlaceholder' | translate)\n        \"\n        maxlength=\"512\"\n      />\n    </cds-label>\n\n    <cds-label>\n      {{ 'caseManagement.externalStartForm.description' | translate }}\n\n      <input\n        cdsText\n        valtimoReadOnly\n        [isReadOnly]=\"isReadOnly\"\n        type=\"text\"\n        formControlName=\"description\"\n        [attr.data-test-id]=\"testIds.externalFormDescription\"\n        [placeholder]=\"\n          isReadOnly ? '-' : ('caseManagement.externalStartForm.descriptionPlaceholder' | translate)\n        \"\n        maxlength=\"512\"\n      />\n    </cds-label>\n\n    <button\n      *ngIf=\"!isReadOnly\"\n      cdsButton=\"primary\"\n      type=\"submit\"\n      [disabled]=\"!form.valid || isReadOnly\"\n      [attr.data-test-id]=\"testIds.externalFormSave\"\n    >\n      {{ 'caseManagement.externalStartForm.apply' | translate }}\n    </button>\n  </form>\n</cds-tile>\n", styles: [":host{display:flex;padding:24px;margin-bottom:16px;background:var(--cds-layer)}.external-case-form-container,.external-case-form-container form{display:flex;flex-direction:column;gap:16px;width:100%}.external-case-form-container__title,.external-case-form-container form__title{font-size:16px;line-height:24px;font-weight:600}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
-        }], ctorParameters: () => [{ type: i2$1.ActivatedRoute }, { type: i1$2.DocumentService }, { type: i1$4.FormBuilder }, { type: i3.TranslateService }, { type: i5.NGXLogger }, { type: i3$1.GlobalNotificationService }], propDecorators: { isReadOnly: [{
+        }], ctorParameters: () => [{ type: i2$1.ActivatedRoute }, { type: i1$2.DocumentService }, { type: i1$4.FormBuilder }, { type: i3.TranslateService }, { type: i2$2.NGXLogger }, { type: i3$1.GlobalNotificationService }], propDecorators: { isReadOnly: [{
                 type: Input
             }] } });
 
@@ -4387,10 +4628,10 @@ class CaseManagementGeneralComponent {
         });
         this.cdr.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementGeneralComponent, deps: [{ token: i1$2.DocumentService }, { token: i2$1.ActivatedRoute }, { token: i0.ChangeDetectorRef }, { token: CaseManagementService }, { token: CASE_CONFIGURATION_EXTENSIONS_TOKEN, optional: true }, { token: i3$1.EditPermissionsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: CaseManagementGeneralComponent, isStandalone: false, selector: "valtimo-case-management-general", viewQueries: [{ propertyName: "_extensions", first: true, predicate: ["extensions"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    isReadOnly: isReadOnly$ | async,\n  } as obs\"\n>\n  @if (obs.isReadOnly) {\n    <cds-notification\n      class=\"read-only-notification\"\n      [notificationObj]=\"{\n        type: 'info',\n        title: 'caseManagement.tabs.generalTab.readOnlyNotification.title' | translate,\n        message: 'caseManagement.tabs.generalTab.readOnlyNotification.message' | translate,\n        showClose: false,\n        lowContrast: true,\n      }\"\n    >\n    </cds-notification>\n  }\n\n  <div class=\"case-management-general-tab\" muuri [columnMinWidth]=\"350\">\n    <ng-template #extensions></ng-template>\n\n    <valtimo-muuri-item>\n      <valtimo-case-management-case-handler\n        muuriItem\n        [isReadOnly]=\"obs.isReadOnly\"\n        *ngIf=\"documentDefinition$ | async\"\n      ></valtimo-case-management-case-handler>\n    </valtimo-muuri-item>\n\n    <valtimo-muuri-item>\n      <valtimo-case-management-external-start-form [isReadOnly]=\"obs.isReadOnly\">\n      </valtimo-case-management-external-start-form>\n    </valtimo-muuri-item>\n  </div>\n</ng-container>\n", styles: [".read-only-notification{margin-bottom:16px;max-inline-size:100%;min-inline-size:100%}\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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }, { kind: "directive", type: i7.MuuriDirective, selector: "[muuri]", inputs: ["columnMinWidth"] }, { kind: "component", type: i7.MuuriItemComponent, selector: "valtimo-muuri-item" }, { kind: "component", type: CaseManagementCaseHandlerComponent, selector: "valtimo-case-management-case-handler", inputs: ["isReadOnly"] }, { kind: "component", type: CaseManagementExternalStartFormComponent, selector: "valtimo-case-management-external-start-form", inputs: ["isReadOnly"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementGeneralComponent, deps: [{ token: i1$2.DocumentService }, { token: i2$1.ActivatedRoute }, { token: i0.ChangeDetectorRef }, { token: CaseManagementService }, { token: CASE_CONFIGURATION_EXTENSIONS_TOKEN, optional: true }, { token: i3$1.EditPermissionsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CaseManagementGeneralComponent, isStandalone: false, selector: "valtimo-case-management-general", viewQueries: [{ propertyName: "_extensions", first: true, predicate: ["extensions"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    isReadOnly: isReadOnly$ | async,\n  } as obs\"\n>\n  @if (obs.isReadOnly) {\n    <cds-notification\n      class=\"read-only-notification\"\n      [notificationObj]=\"{\n        type: 'info',\n        title: 'caseManagement.tabs.generalTab.readOnlyNotification.title' | translate,\n        message: 'caseManagement.tabs.generalTab.readOnlyNotification.message' | translate,\n        showClose: false,\n        lowContrast: true,\n      }\"\n    >\n    </cds-notification>\n  }\n\n  <div class=\"case-management-general-tab\" muuri [columnMinWidth]=\"350\">\n    <ng-template #extensions></ng-template>\n\n    <valtimo-muuri-item>\n      <valtimo-case-management-case-handler\n        muuriItem\n        [isReadOnly]=\"obs.isReadOnly\"\n        *ngIf=\"documentDefinition$ | async\"\n      ></valtimo-case-management-case-handler>\n    </valtimo-muuri-item>\n\n    <valtimo-muuri-item>\n      <valtimo-case-management-external-start-form [isReadOnly]=\"obs.isReadOnly\">\n      </valtimo-case-management-external-start-form>\n    </valtimo-muuri-item>\n  </div>\n</ng-container>\n", styles: [".read-only-notification{margin-bottom:16px;max-inline-size:100%;min-inline-size:100%}\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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }, { kind: "directive", type: i7.MuuriDirective, selector: "[muuri]", inputs: ["columnMinWidth"] }, { kind: "component", type: i7.MuuriItemComponent, selector: "valtimo-muuri-item" }, { kind: "component", type: CaseManagementCaseHandlerComponent, selector: "valtimo-case-management-case-handler", inputs: ["isReadOnly"] }, { kind: "component", type: CaseManagementExternalStartFormComponent, selector: "valtimo-case-management-external-start-form", inputs: ["isReadOnly"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementGeneralComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementGeneralComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-case-management-general', 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    isReadOnly: isReadOnly$ | async,\n  } as obs\"\n>\n  @if (obs.isReadOnly) {\n    <cds-notification\n      class=\"read-only-notification\"\n      [notificationObj]=\"{\n        type: 'info',\n        title: 'caseManagement.tabs.generalTab.readOnlyNotification.title' | translate,\n        message: 'caseManagement.tabs.generalTab.readOnlyNotification.message' | translate,\n        showClose: false,\n        lowContrast: true,\n      }\"\n    >\n    </cds-notification>\n  }\n\n  <div class=\"case-management-general-tab\" muuri [columnMinWidth]=\"350\">\n    <ng-template #extensions></ng-template>\n\n    <valtimo-muuri-item>\n      <valtimo-case-management-case-handler\n        muuriItem\n        [isReadOnly]=\"obs.isReadOnly\"\n        *ngIf=\"documentDefinition$ | async\"\n      ></valtimo-case-management-case-handler>\n    </valtimo-muuri-item>\n\n    <valtimo-muuri-item>\n      <valtimo-case-management-external-start-form [isReadOnly]=\"obs.isReadOnly\">\n      </valtimo-case-management-external-start-form>\n    </valtimo-muuri-item>\n  </div>\n</ng-container>\n", styles: [".read-only-notification{margin-bottom:16px;max-inline-size:100%;min-inline-size:100%}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
         }], ctorParameters: () => [{ type: i1$2.DocumentService }, { type: i2$1.ActivatedRoute }, { type: i0.ChangeDetectorRef }, { type: CaseManagementService }, { type: undefined, decorators: [{
@@ -4476,10 +4717,10 @@ class CaseManagementWidgetTabEditModalComponent {
     enable() {
         this.disabled$.next(false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementWidgetTabEditModalComponent, deps: [{ token: i1$4.FormBuilder }, { token: TabManagementService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: CaseManagementWidgetTabEditModalComponent, isStandalone: true, selector: "valtimo-case-management-widget-tab-edit-modal", inputs: { showModal$: "showModal$", tabItem: "tabItem" }, outputs: { saveEvent: "saveEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  *ngIf=\"{disabled: disabled$ | async} as obs\"\n  valtimoCdsModal\n  [open]=\"open$ | async\"\n  showFooter=\"true\"\n  title=\"{{ 'widgetTabManagement.tab.editWidgetTab' | translate }}\"\n  class=\"edit-widget-tab-modal\"\n  (close)=\"closeModal()\"\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n    <h3 cdsModalHeaderHeading>{{ 'widgetTabManagement.tab.editWidgetTab' | translate }}</h3>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\">\n    <ng-container *ngTemplateOutlet=\"editWidgetTabFormTemplate;context:{obs: obs}\"></ng-container>\n  </section>\n\n  <cds-modal-footer>\n    <ng-container *ngTemplateOutlet=\"editWidgetTabButtons;context:{obs: obs}\"></ng-container>\n  </cds-modal-footer>\n</cds-modal>\n\n<ng-template #editWidgetTabFormTemplate let-obs=\"obs\">\n  <form *ngIf=\"editWidgetTabForm\" [formGroup]=\"editWidgetTabForm\" class=\"widget-tab-modal__form\">\n    <cds-label [disabled]=\"obs.disabled\" [invalid]=\"widgetTabName.dirty && widgetTabName.invalid\">\n      {{ 'widgetTabManagement.tab.form.tabName' | translate }}\n\n      <input\n        cdsText\n        [disabled]=\"obs.disabled\"\n        [invalid]=\"widgetTabName.dirty && widgetTabName.invalid\"\n        formControlName=\"name\"\n        [attr.modal-primary-focus]=\"true\"\n      />\n    </cds-label>\n  </form>\n</ng-template>\n\n<ng-template #editWidgetTabButtons let-obs=\"obs\">\n  <button cdsButton=\"secondary\" [disabled]=\"obs.disabled\" (click)=\"closeModal()\">\n    {{ 'widgetTabManagement.tab.cancel' | translate }}\n  </button>\n\n  <button\n    cdsButton=\"primary\"\n    [disabled]=\"editWidgetTabForm.invalid || obs.disabled\"\n    (click)=\"saveWidgetTab()\"\n  >\n    {{ 'widgetTabManagement.tab.save' | translate }}\n  </button>\n</ng-template>\n", styles: [".edit-widget-tab-modal .form__row{display:flex;flex-direction:row;justify-content:space-between;align-items: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: "ngmodule", type: CommonModule }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ModalModule }, { 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: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: InputModule }, { 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: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementWidgetTabEditModalComponent, deps: [{ token: i1$4.FormBuilder }, { token: TabManagementService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseManagementWidgetTabEditModalComponent, isStandalone: true, selector: "valtimo-case-management-widget-tab-edit-modal", inputs: { showModal$: "showModal$", tabItem: "tabItem" }, outputs: { saveEvent: "saveEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  *ngIf=\"{disabled: disabled$ | async} as obs\"\n  valtimoCdsModal\n  [open]=\"open$ | async\"\n  showFooter=\"true\"\n  title=\"{{ 'widgetTabManagement.tab.editWidgetTab' | translate }}\"\n  class=\"edit-widget-tab-modal\"\n  (close)=\"closeModal()\"\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n    <h3 cdsModalHeaderHeading>{{ 'widgetTabManagement.tab.editWidgetTab' | translate }}</h3>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\">\n    <ng-container *ngTemplateOutlet=\"editWidgetTabFormTemplate;context:{obs: obs}\"></ng-container>\n  </section>\n\n  <cds-modal-footer>\n    <ng-container *ngTemplateOutlet=\"editWidgetTabButtons;context:{obs: obs}\"></ng-container>\n  </cds-modal-footer>\n</cds-modal>\n\n<ng-template #editWidgetTabFormTemplate let-obs=\"obs\">\n  <form *ngIf=\"editWidgetTabForm\" [formGroup]=\"editWidgetTabForm\" class=\"widget-tab-modal__form\">\n    <cds-label [disabled]=\"obs.disabled\" [invalid]=\"widgetTabName.dirty && widgetTabName.invalid\">\n      {{ 'widgetTabManagement.tab.form.tabName' | translate }}\n\n      <input\n        cdsText\n        [disabled]=\"obs.disabled\"\n        [invalid]=\"widgetTabName.dirty && widgetTabName.invalid\"\n        formControlName=\"name\"\n        [attr.modal-primary-focus]=\"true\"\n      />\n    </cds-label>\n  </form>\n</ng-template>\n\n<ng-template #editWidgetTabButtons let-obs=\"obs\">\n  <button cdsButton=\"secondary\" [disabled]=\"obs.disabled\" (click)=\"closeModal()\">\n    {{ 'widgetTabManagement.tab.cancel' | translate }}\n  </button>\n\n  <button\n    cdsButton=\"primary\"\n    [disabled]=\"editWidgetTabForm.invalid || obs.disabled\"\n    (click)=\"saveWidgetTab()\"\n  >\n    {{ 'widgetTabManagement.tab.save' | translate }}\n  </button>\n</ng-template>\n", styles: [".edit-widget-tab-modal .form__row{display:flex;flex-direction:row;justify-content:space-between;align-items: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: "ngmodule", type: CommonModule }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ModalModule }, { 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: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: InputModule }, { 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: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementWidgetTabEditModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementWidgetTabEditModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'valtimo-case-management-widget-tab-edit-modal', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         CommonModule,
@@ -4606,15 +4847,15 @@ class CaseManagementWidgetTabComponent extends ManagementWidgetDetailsComponent
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementWidgetTabComponent, deps: [{ token: i1$1.WidgetWizardService }, { token: i7.BreadcrumbService }, { token: i2.IconService }, { token: i7.PageTitleService }, { token: i2$1.ActivatedRoute }, { token: TabManagementService }, { token: WIDGET_MANAGEMENT_SERVICE }, { token: i3.TranslateService }, { token: i7.PageHeaderService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: CaseManagementWidgetTabComponent, isStandalone: true, selector: "ng-component", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementWidgetTabComponent, deps: [{ token: i1$1.WidgetWizardService }, { token: i7.BreadcrumbService }, { token: i2.IconService }, { token: i7.PageTitleService }, { token: i2$1.ActivatedRoute }, { token: TabManagementService }, { token: WIDGET_MANAGEMENT_SERVICE }, { token: i3.TranslateService }, { token: i7.PageHeaderService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseManagementWidgetTabComponent, isStandalone: true, selector: "ng-component", providers: [
             {
                 provide: WIDGET_MANAGEMENT_SERVICE,
                 useClass: CaseWidgetManagementApiService,
             },
         ], usesInheritance: 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-widget-management\n  [availableWidgetTypes]=\"AVAILABLE_WIDGET_TYPES\"\n  [params]=\"params$ | async\"\n></valtimo-widget-management>\n\n<valtimo-case-management-widget-tab-edit-modal\n  [tabItem]=\"currentWidgetTabItem$ | async\"\n  [showModal$]=\"showEditWidgetTabModal$\"\n  (saveEvent)=\"refreshWidgetTab()\"\n>\n</valtimo-case-management-widget-tab-edit-modal>\n\n<ng-container renderInPageHeader>\n  <ng-template>\n    <button\n      cdsButton=\"tertiary\"\n      [size]=\"(compactMode$ | async) ? 'sm' : 'md'\"\n      (click)=\"editWidgetTab()\"\n    >\n      {{ 'widgetTabManagement.tab.editButton' | translate }}\n\n      <svg class=\"cds--btn__icon\" cdsIcon=\"edit\" size=\"16\"></svg>\n    </button>\n  </ng-template>\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "component", type: CaseManagementWidgetTabEditModalComponent, selector: "valtimo-case-management-widget-tab-edit-modal", inputs: ["showModal$", "tabItem"], outputs: ["saveEvent"] }, { kind: "directive", type: RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { 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: TabsModule }, { kind: "component", type: WidgetManagementComponent, selector: "valtimo-widget-management", inputs: ["params", "availableWidgetTypes", "disableDuplicate", "enableWidgetDivider", "singleWidget", "disableJsonEditor", "defaultWidth", "widgetWizardSteps"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementWidgetTabComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementWidgetTabComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         CommonModule,
@@ -4637,7 +4878,525 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 }] }, { type: i3.TranslateService }, { type: i7.PageHeaderService }] });
 
 /*
- * Copyright 2015-2025 Ritense BV, the Netherlands.
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * 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 CaseManagementActionsModalComponent {
+    get selectedItemControl() {
+        return this.formGroup.get('selectedItem');
+    }
+    constructor(stateService, buildingBlockApiService, fb, translateService, iconService) {
+        this.stateService = stateService;
+        this.buildingBlockApiService = buildingBlockApiService;
+        this.fb = fb;
+        this.translateService = translateService;
+        this.iconService = iconService;
+        this.configureBuildingBlockEvent = new EventEmitter();
+        this.showModal$ = this.stateService.showModal$;
+        this.editingItem$ = this.stateService.editingItem$;
+        this.$step = signal('selectType');
+        this.$selectedType = signal(null);
+        this.$saving = signal(false);
+        this.$loading = signal(false);
+        this.$processItemsEmpty = signal(false);
+        this.$buildingBlockItemsEmpty = signal(false);
+        this.StartableItemType = StartableItemType;
+        this.formGroup = this.fb.group({
+            selectedItem: this.fb.control(null, Validators.required),
+        });
+        this.availableProcessItems$ = combineLatest([
+            this.stateService.linkedProcessDefinitions$.pipe(catchError(() => of([]))),
+            this.stateService.usedProcessDefinitionIds$,
+            this.stateService.editingItem$,
+        ]).pipe(map(([definitions, usedIds, editingItem]) => definitions
+            .filter((def) => !usedIds.includes(def.processDefinition.id) ||
+            (editingItem?.type === StartableItemType.PROCESS &&
+                editingItem?.processDefinitionId === def.processDefinition.id))
+            .map((def) => ({
+            content: def.processDefinition.name || def.processDefinition.key,
+            key: def.processDefinition.key,
+            id: def.processDefinition.id,
+            selected: editingItem?.processDefinitionId === def.processDefinition.id,
+        }))
+            .sort((a, b) => a.content.localeCompare(b.content))));
+        this.availableBuildingBlockItems$ = combineLatest([
+            this.buildingBlockApiService
+                .getBuildingBlockDefinitions({ includeArtwork: false })
+                .pipe(catchError(() => of([]))),
+            this.stateService.usedBuildingBlockKeys$,
+            this.stateService.editingItem$,
+        ]).pipe(map(([definitions, usedKeys, editingItem]) => definitions
+            .filter((def) => !usedKeys.includes(def.key) ||
+            (editingItem?.type === StartableItemType.BUILDING_BLOCK &&
+                editingItem?.key === def.key))
+            .map((def) => ({
+            content: def.name || def.key,
+            key: def.key,
+            id: def.key,
+            selected: editingItem?.key === def.key,
+            versionTag: def.versionTag,
+        }))
+            .sort((a, b) => a.content.localeCompare(b.content))));
+        this._buildingBlockItems = [];
+        this._editingItem = null;
+        this._subscriptions = new Subscription();
+        this.iconService.registerAll([FlowModeler20, BlockStorageAlt20]);
+        this._subscriptions.add(this.availableProcessItems$.subscribe(items => {
+            this.$processItemsEmpty.set(items.length === 0);
+        }));
+        this._subscriptions.add(this.availableBuildingBlockItems$.subscribe(items => {
+            this._buildingBlockItems = items;
+            this.$buildingBlockItemsEmpty.set(items.length === 0);
+        }));
+        this._subscriptions.add(this.stateService.editingItem$.subscribe(item => {
+            this._editingItem = item;
+            if (item) {
+                this.$selectedType.set(item.type);
+                this.$step.set('selectItem');
+                if (item.type === StartableItemType.PROCESS) {
+                    this.formGroup.patchValue({ selectedItem: item.processDefinitionId });
+                }
+                else {
+                    this.formGroup.patchValue({ selectedItem: item.key });
+                }
+            }
+        }));
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+    }
+    get isEditMode() {
+        return this._editingItem !== null;
+    }
+    get isBuildingBlockEdit() {
+        return (this.isEditMode && this._editingItem?.type === StartableItemType.BUILDING_BLOCK);
+    }
+    get modalTitle() {
+        if (this.isEditMode) {
+            return this._editingItem?.type === StartableItemType.PROCESS
+                ? this.translateService.instant('caseManagement.actions.modal.editProcessTitle')
+                : this.translateService.instant('caseManagement.actions.modal.editBuildingBlockTitle');
+        }
+        if (this.$step() === 'selectType') {
+            return this.translateService.instant('caseManagement.actions.modal.addTitle');
+        }
+        return this.$selectedType() === StartableItemType.PROCESS
+            ? this.translateService.instant('caseManagement.actions.modal.addProcessTitle')
+            : this.translateService.instant('caseManagement.actions.modal.addBuildingBlockTitle');
+    }
+    get modalDescription() {
+        if (this.$step() === 'selectType') {
+            return this.translateService.instant('caseManagement.actions.modal.addDescription');
+        }
+        return this.$selectedType() === StartableItemType.PROCESS
+            ? this.translateService.instant('caseManagement.actions.modal.selectProcessDescription')
+            : this.translateService.instant('caseManagement.actions.modal.selectBuildingBlockDescription');
+    }
+    get primaryButtonLabel() {
+        if (this.$step() === 'selectType')
+            return '';
+        if (this.$selectedType() === StartableItemType.BUILDING_BLOCK) {
+            return this.translateService.instant('caseManagement.actions.modal.next');
+        }
+        if (this.isEditMode) {
+            return this.translateService.instant('caseManagement.actions.modal.save');
+        }
+        return this.translateService.instant('caseManagement.actions.modal.add');
+    }
+    onSelectType(type) {
+        this.$selectedType.set(type);
+        this.$step.set('selectItem');
+        this.formGroup.reset();
+    }
+    onComboBoxSelected(event) {
+        if (event?.id) {
+            this.formGroup.patchValue({ selectedItem: event.id });
+        }
+        else {
+            this.formGroup.patchValue({ selectedItem: null });
+        }
+    }
+    onSubmit() {
+        if (this.formGroup.invalid || this.$saving())
+            return;
+        const selectedId = this.selectedItemControl.value;
+        if (!selectedId)
+            return;
+        if (this.$selectedType() === StartableItemType.BUILDING_BLOCK) {
+            this.configureBuildingBlockEvent.emit({
+                buildingBlockDefinitionKey: selectedId,
+                buildingBlockDefinitionVersionTag: this.getSelectedBuildingBlockVersionTag(selectedId),
+            });
+            this.onCloseModal();
+            return;
+        }
+        this.$saving.set(true);
+        if (this.isEditMode) {
+            this.handleEdit();
+        }
+        else {
+            this.handleCreate();
+        }
+    }
+    onCloseModal() {
+        this.stateService.hideModal();
+        this.resetState();
+    }
+    onBack() {
+        if (this.$step() === 'selectItem' && !this.isEditMode) {
+            this.$step.set('selectType');
+            this.$selectedType.set(null);
+            this.formGroup.reset();
+        }
+    }
+    handleCreate() {
+        const selectedId = this.selectedItemControl.value;
+        if (!selectedId)
+            return;
+        const request = this.$selectedType() === StartableItemType.PROCESS
+            ? { type: StartableItemType.PROCESS, properties: { processDefinitionId: selectedId } }
+            : {
+                type: StartableItemType.BUILDING_BLOCK,
+                properties: {
+                    buildingBlockDefinitionKey: selectedId,
+                    buildingBlockDefinitionVersionTag: this.getSelectedBuildingBlockVersionTag(selectedId),
+                },
+            };
+        this.stateService
+            .createItem(request)
+            .pipe(catchError(() => of(null)))
+            .subscribe(result => {
+            this.$saving.set(false);
+            if (result) {
+                this.stateService.hideModal();
+                this.resetState();
+                this.stateService.loadItems();
+            }
+        });
+    }
+    handleEdit() {
+        if (!this._editingItem)
+            return;
+        const selectedId = this.selectedItemControl.value;
+        if (!selectedId)
+            return;
+        const request = this._editingItem.type === StartableItemType.PROCESS
+            ? {
+                type: StartableItemType.PROCESS,
+                properties: { processDefinitionId: selectedId },
+            }
+            : {
+                type: StartableItemType.BUILDING_BLOCK,
+                properties: {
+                    buildingBlockDefinitionKey: selectedId,
+                    buildingBlockDefinitionVersionTag: this.getSelectedBuildingBlockVersionTag(selectedId),
+                },
+            };
+        this.stateService
+            .updateItem(this._editingItem.key, this._editingItem.versionTag, request)
+            .pipe(catchError(() => {
+            this.$saving.set(false);
+            this.stateService.loadItems();
+            return EMPTY;
+        }))
+            .subscribe(() => {
+            this.$saving.set(false);
+            this.stateService.hideModal();
+            this.resetState();
+            this.stateService.loadItems();
+        });
+    }
+    getSelectedBuildingBlockVersionTag(key) {
+        return this._buildingBlockItems.find(item => item.key === key)?.versionTag ?? '';
+    }
+    resetState() {
+        runAfterCarbonModalClosed(() => {
+            this.$step.set('selectType');
+            this.$selectedType.set(null);
+            this.$saving.set(false);
+            this.formGroup.reset();
+            this._editingItem = null;
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementActionsModalComponent, deps: [{ token: StartableItemManagementService }, { token: i4.ProcessLinkBuildingBlockApiService }, { token: i1$4.FormBuilder }, { token: i3.TranslateService }, { token: i2.IconService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseManagementActionsModalComponent, isStandalone: true, selector: "valtimo-case-management-actions-modal", outputs: { configureBuildingBlockEvent: "configureBuildingBlockEvent" }, 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<cds-modal\n  *ngIf=\"{showModal: showModal$ | async, editingItem: editingItem$ | async} as obs\"\n  [open]=\"obs.showModal\"\n  showFooter=\"true\"\n  valtimoCdsModal\n  (close)=\"onCloseModal()\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onCloseModal()\">\n    <h3 cdsModalHeaderHeading>{{ modalTitle }}</h3>\n\n    <p cdsModalHeaderDescription>{{ modalDescription }}</p>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\">\n    <ng-container *ngIf=\"$step() === 'selectType'\">\n      <div class=\"action-type-tiles\">\n        <button\n          class=\"action-type-tile\"\n          [disabled]=\"$processItemsEmpty()\"\n          [vTooltip]=\"'caseManagement.actions.modal.noProcessesAvailable' | translate\"\n          [tooltipDisabled]=\"!$processItemsEmpty()\"\n          (click)=\"onSelectType(StartableItemType.PROCESS)\"\n        >\n          <span class=\"action-type-tile__label\">\n            {{ 'caseManagement.actions.type.PROCESS' | translate }}\n          </span>\n          <svg cdsIcon=\"flow--modeler\" size=\"20\" class=\"action-type-tile__icon\"></svg>\n        </button>\n\n        <button\n          class=\"action-type-tile\"\n          [disabled]=\"$buildingBlockItemsEmpty()\"\n          [vTooltip]=\"'caseManagement.actions.modal.noBuildingBlocksAvailable' | translate\"\n          [tooltipDisabled]=\"!$buildingBlockItemsEmpty()\"\n          (click)=\"onSelectType(StartableItemType.BUILDING_BLOCK)\"\n        >\n          <span class=\"action-type-tile__label\">\n            {{ 'caseManagement.actions.type.BUILDING_BLOCK' | translate }}\n          </span>\n          <svg cdsIcon=\"block-storage--alt\" size=\"20\" class=\"action-type-tile__icon\"></svg>\n        </button>\n      </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"$step() === 'selectItem'\">\n      <form [formGroup]=\"formGroup\">\n        <ng-container *ngIf=\"$selectedType() === StartableItemType.PROCESS\">\n          <cds-combo-box\n            [items]=\"(availableProcessItems$ | async) || []\"\n            [label]=\"'caseManagement.actions.modal.selectProcess' | translate\"\n            [placeholder]=\"'caseManagement.actions.modal.filterPlaceholder' | translate\"\n            [appendInline]=\"false\"\n            [dropUp]=\"false\"\n            (selected)=\"onComboBoxSelected($event)\"\n          >\n            <cds-dropdown-list></cds-dropdown-list>\n          </cds-combo-box>\n        </ng-container>\n\n        <ng-container *ngIf=\"$selectedType() === StartableItemType.BUILDING_BLOCK\">\n          <cds-combo-box\n            [items]=\"(availableBuildingBlockItems$ | async) || []\"\n            [label]=\"'caseManagement.actions.modal.selectBuildingBlock' | translate\"\n            [placeholder]=\"'caseManagement.actions.modal.filterPlaceholder' | translate\"\n            [appendInline]=\"false\"\n            [dropUp]=\"false\"\n            (selected)=\"onComboBoxSelected($event)\"\n          >\n            <cds-dropdown-list></cds-dropdown-list>\n          </cds-combo-box>\n        </ng-container>\n      </form>\n    </ng-container>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"onCloseModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <div class=\"footer-spacer\"></div>\n\n    <button\n      *ngIf=\"$step() === 'selectItem' && !isEditMode\"\n      cdsButton=\"secondary\"\n      (click)=\"onBack()\"\n    >\n      {{ 'caseManagement.actions.modal.back' | translate }}\n    </button>\n\n    <button\n      *ngIf=\"$step() === 'selectItem'\"\n      cdsButton=\"primary\"\n      [disabled]=\"formGroup.invalid || $saving()\"\n      (click)=\"onSubmit()\"\n    >\n      {{ primaryButtonLabel }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".action-type-tiles{display:flex;gap:1px}.action-type-tile{display:flex;flex:1 1 0;min-width:0;flex-direction:row;justify-content:space-between;align-items:center;padding:var(--cds-spacing-05, 1rem);background-color:var(--cds-background-inverse, #393939);color:var(--cds-text-inverse, #fff);border:none;cursor:pointer;transition:background-color .15s ease}.action-type-tile:hover:not(:disabled){background-color:var(--cds-background-inverse-hover, #474747)}.action-type-tile:disabled{opacity:.5;cursor:not-allowed}.action-type-tile__icon{fill:currentColor}.action-type-tile__label{font-size:var(--cds-body-compact-01-font-size, .875rem);font-weight:400}.footer-spacer{flex:1}:host ::ng-deep cds-modal-footer .cds--modal-footer{display:flex;align-items:center}\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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ModalModule }, { 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: "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: LayerModule }, { kind: "directive", type: i2.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: ComboBoxModule }, { kind: "component", type: i2.ComboBox, selector: "cds-combo-box, ibm-combo-box", inputs: ["placeholder", "openMenuAria", "closeMenuAria", "clearSelectionsTitle", "clearSelectionsAria", "clearSelectionTitle", "clearSelectionAria", "id", "labelId", "items", "type", "size", "itemValueKey", "label", "hideLabel", "helperText", "appendInline", "invalid", "invalidText", "warn", "warnText", "maxLength", "theme", "selectionFeedback", "autocomplete", "dropUp", "disabled", "readonly", "fluid"], outputs: ["selected", "submit", "close", "search", "clear"] }, { kind: "component", type: i2.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i7.TooltipDirective, selector: "[vTooltip]", inputs: ["vTooltip", "onBottom", "tooltipDisabled"] }, { kind: "ngmodule", type: ProgressIndicatorModule }, { kind: "ngmodule", type: LoadingModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementActionsModalComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-case-management-actions-modal', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        TranslateModule,
+                        ModalModule,
+                        ButtonModule,
+                        IconModule,
+                        LayerModule,
+                        ReactiveFormsModule,
+                        ComboBoxModule,
+                        ValtimoCdsModalDirective,
+                        TooltipModule,
+                        ProgressIndicatorModule,
+                        LoadingModule,
+                    ], 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<cds-modal\n  *ngIf=\"{showModal: showModal$ | async, editingItem: editingItem$ | async} as obs\"\n  [open]=\"obs.showModal\"\n  showFooter=\"true\"\n  valtimoCdsModal\n  (close)=\"onCloseModal()\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onCloseModal()\">\n    <h3 cdsModalHeaderHeading>{{ modalTitle }}</h3>\n\n    <p cdsModalHeaderDescription>{{ modalDescription }}</p>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\">\n    <ng-container *ngIf=\"$step() === 'selectType'\">\n      <div class=\"action-type-tiles\">\n        <button\n          class=\"action-type-tile\"\n          [disabled]=\"$processItemsEmpty()\"\n          [vTooltip]=\"'caseManagement.actions.modal.noProcessesAvailable' | translate\"\n          [tooltipDisabled]=\"!$processItemsEmpty()\"\n          (click)=\"onSelectType(StartableItemType.PROCESS)\"\n        >\n          <span class=\"action-type-tile__label\">\n            {{ 'caseManagement.actions.type.PROCESS' | translate }}\n          </span>\n          <svg cdsIcon=\"flow--modeler\" size=\"20\" class=\"action-type-tile__icon\"></svg>\n        </button>\n\n        <button\n          class=\"action-type-tile\"\n          [disabled]=\"$buildingBlockItemsEmpty()\"\n          [vTooltip]=\"'caseManagement.actions.modal.noBuildingBlocksAvailable' | translate\"\n          [tooltipDisabled]=\"!$buildingBlockItemsEmpty()\"\n          (click)=\"onSelectType(StartableItemType.BUILDING_BLOCK)\"\n        >\n          <span class=\"action-type-tile__label\">\n            {{ 'caseManagement.actions.type.BUILDING_BLOCK' | translate }}\n          </span>\n          <svg cdsIcon=\"block-storage--alt\" size=\"20\" class=\"action-type-tile__icon\"></svg>\n        </button>\n      </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"$step() === 'selectItem'\">\n      <form [formGroup]=\"formGroup\">\n        <ng-container *ngIf=\"$selectedType() === StartableItemType.PROCESS\">\n          <cds-combo-box\n            [items]=\"(availableProcessItems$ | async) || []\"\n            [label]=\"'caseManagement.actions.modal.selectProcess' | translate\"\n            [placeholder]=\"'caseManagement.actions.modal.filterPlaceholder' | translate\"\n            [appendInline]=\"false\"\n            [dropUp]=\"false\"\n            (selected)=\"onComboBoxSelected($event)\"\n          >\n            <cds-dropdown-list></cds-dropdown-list>\n          </cds-combo-box>\n        </ng-container>\n\n        <ng-container *ngIf=\"$selectedType() === StartableItemType.BUILDING_BLOCK\">\n          <cds-combo-box\n            [items]=\"(availableBuildingBlockItems$ | async) || []\"\n            [label]=\"'caseManagement.actions.modal.selectBuildingBlock' | translate\"\n            [placeholder]=\"'caseManagement.actions.modal.filterPlaceholder' | translate\"\n            [appendInline]=\"false\"\n            [dropUp]=\"false\"\n            (selected)=\"onComboBoxSelected($event)\"\n          >\n            <cds-dropdown-list></cds-dropdown-list>\n          </cds-combo-box>\n        </ng-container>\n      </form>\n    </ng-container>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"onCloseModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <div class=\"footer-spacer\"></div>\n\n    <button\n      *ngIf=\"$step() === 'selectItem' && !isEditMode\"\n      cdsButton=\"secondary\"\n      (click)=\"onBack()\"\n    >\n      {{ 'caseManagement.actions.modal.back' | translate }}\n    </button>\n\n    <button\n      *ngIf=\"$step() === 'selectItem'\"\n      cdsButton=\"primary\"\n      [disabled]=\"formGroup.invalid || $saving()\"\n      (click)=\"onSubmit()\"\n    >\n      {{ primaryButtonLabel }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".action-type-tiles{display:flex;gap:1px}.action-type-tile{display:flex;flex:1 1 0;min-width:0;flex-direction:row;justify-content:space-between;align-items:center;padding:var(--cds-spacing-05, 1rem);background-color:var(--cds-background-inverse, #393939);color:var(--cds-text-inverse, #fff);border:none;cursor:pointer;transition:background-color .15s ease}.action-type-tile:hover:not(:disabled){background-color:var(--cds-background-inverse-hover, #474747)}.action-type-tile:disabled{opacity:.5;cursor:not-allowed}.action-type-tile__icon{fill:currentColor}.action-type-tile__label{font-size:var(--cds-body-compact-01-font-size, .875rem);font-weight:400}.footer-spacer{flex:1}:host ::ng-deep cds-modal-footer .cds--modal-footer{display:flex;align-items:center}\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: StartableItemManagementService }, { type: i4.ProcessLinkBuildingBlockApiService }, { type: i1$4.FormBuilder }, { type: i3.TranslateService }, { type: i2.IconService }], propDecorators: { configureBuildingBlockEvent: [{
+                type: Output
+            }] } });
+
+/*
+ * 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 CaseManagementActionsComponent {
+    constructor(cd, route, startableItemManagementService, editPermissionsService, processLinkStateService, processLinkStepService, buildingBlockStateService) {
+        this.cd = cd;
+        this.route = route;
+        this.startableItemManagementService = startableItemManagementService;
+        this.editPermissionsService = editPermissionsService;
+        this.processLinkStateService = processLinkStateService;
+        this.processLinkStepService = processLinkStepService;
+        this.buildingBlockStateService = buildingBlockStateService;
+        this.StartableItemType = StartableItemType;
+        this.caseManagementRouteParams$ = getCaseManagementRouteParams(this.route).pipe(tap(params => {
+            this.startableItemManagementService.setParams(params);
+            this.startableItemManagementService.loadItems();
+        }), shareReplay(1));
+        this.fields$ = new BehaviorSubject([]);
+        this.loading$ = this.startableItemManagementService.loading$;
+        this.dragAndDropDisabled = signal(false);
+        this.items$ = this.startableItemManagementService.items$;
+        this.hasEditPermissions$ = this.caseManagementRouteParams$.pipe(switchMap(params => this.editPermissionsService.hasEditPermissions(params?.caseDefinitionKey, params?.caseDefinitionVersionTag)));
+        this.showDeleteModal$ = this.startableItemManagementService.showDeleteModal$;
+        this.itemToDelete$ = this.startableItemManagementService.itemToDelete$;
+        this.ACTION_ITEMS = [
+            {
+                label: 'interface.edit',
+                callback: this.onEditItem.bind(this),
+            },
+            {
+                label: 'interface.delete',
+                callback: this.onDeleteItem.bind(this),
+                type: 'danger',
+            },
+        ];
+        this._subscriptions = new Subscription();
+        this.subscribeToProcessLinkEvents();
+        this._subscriptions.add(this.startableItemManagementService.reorderComplete$.subscribe(() => {
+            this.dragAndDropDisabled.set(false);
+        }));
+    }
+    ngAfterViewInit() {
+        this.cd.detectChanges();
+        this.setFields();
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+    }
+    onRowClicked(item) {
+        this.hasEditPermissions$
+            .pipe(filter$1(hasPermission => hasPermission), take(1))
+            .subscribe(() => {
+            this.onEditItem(item);
+        });
+    }
+    onAddItemClick() {
+        this.startableItemManagementService.showCreateModal();
+    }
+    onItemsReorderedEvent(reorderedItems) {
+        if (!reorderedItems)
+            return;
+        this.dragAndDropDisabled.set(true);
+        this.startableItemManagementService.updateOrder(reorderedItems);
+    }
+    onDeleteConfirm(item) {
+        this.startableItemManagementService
+            .deleteItem(item)
+            .pipe(take(1), catchError$1(() => of(null)))
+            .subscribe(() => {
+            this.startableItemManagementService.hideDeleteModal();
+            this.startableItemManagementService.loadItems();
+        });
+    }
+    onConfigureBuildingBlock(request) {
+        this.openProcessLinkModalForBuildingBlock(request.buildingBlockDefinitionKey, request.buildingBlockDefinitionVersionTag);
+    }
+    onEditItem(item) {
+        if (item.type === StartableItemType.BUILDING_BLOCK) {
+            this.openProcessLinkModalForBuildingBlockEdit(item);
+        }
+        else {
+            this.startableItemManagementService.showEditModal(item);
+        }
+    }
+    onDeleteItem(item) {
+        this.startableItemManagementService.showDeleteConfirmation(item);
+    }
+    openProcessLinkModalForBuildingBlock(key, versionTag) {
+        this.processLinkStepService.setSkipBuildingBlockSelectionStep(true);
+        this.processLinkStateService.setModalParams({
+            element: { id: 'ad-hoc', type: 'bpmn:CallActivity', name: key, activityListenerType: 'callActivity' },
+            processDefinitionKey: '',
+            processDefinitionId: '',
+        });
+        this.processLinkStateService.setElementName(key);
+        this.buildingBlockStateService.setDefinitionKey(key, versionTag);
+        // Set the process link type without triggering default step navigation
+        this.processLinkStepService.setHasOneProcessLinkType(true);
+        this.processLinkStateService.selectProcessLinkType('building-block', true);
+        // Override: skip directly to the configureBuildingBlockPlugins step
+        // since the building block is already selected in the actions modal
+        this.processLinkStepService.setConfigureBuildingBlockPluginsStep(key);
+        this.processLinkStateService.showModal();
+    }
+    openProcessLinkModalForBuildingBlockEdit(item) {
+        this.processLinkStepService.setSkipBuildingBlockSelectionStep(true);
+        this.startableItemManagementService
+            .getItemProperties(item.key, item.versionTag, StartableItemType.BUILDING_BLOCK)
+            .pipe(take(1))
+            .subscribe(properties => {
+            this.processLinkStateService.setModalParams({
+                element: { id: 'ad-hoc', type: 'bpmn:CallActivity', name: item.name || item.key, activityListenerType: 'callActivity' },
+                processDefinitionKey: '',
+                processDefinitionId: '',
+            });
+            this.processLinkStateService.setElementName(item.name || item.key);
+            this.processLinkStateService.selectProcessLink({
+                id: `${item.key}:${item.versionTag}`,
+                processDefinitionId: '',
+                activityId: 'ad-hoc',
+                activityType: 'callActivity',
+                processLinkType: 'building-block',
+                buildingBlockDefinitionKey: item.key,
+                buildingBlockDefinitionVersionTag: item.versionTag ?? '',
+                inputMappings: properties?.inputMappings ?? [],
+                outputMappings: properties?.outputMappings ?? [],
+                pluginConfigurationMappings: properties?.pluginConfigurationMappings ?? {},
+            });
+            this.processLinkStateService.showModal();
+        });
+    }
+    subscribeToProcessLinkEvents() {
+        this._subscriptions.add(this.processLinkStateService.processLinkCreateEvents$.subscribe(event => {
+            this.processLinkStateService.stopSaving();
+            this.processLinkStateService.closeModal();
+            this.saveBuildingBlockStartableItem(event);
+        }));
+        this._subscriptions.add(this.processLinkStateService.processLinkUpdateEvents$.subscribe(event => {
+            this.processLinkStateService.stopSaving();
+            this.processLinkStateService.closeModal();
+            this.updateBuildingBlockStartableItem(event);
+        }));
+    }
+    saveBuildingBlockStartableItem(event) {
+        const request = {
+            type: StartableItemType.BUILDING_BLOCK,
+            properties: {
+                buildingBlockDefinitionKey: event.buildingBlockDefinitionKey,
+                buildingBlockDefinitionVersionTag: event.buildingBlockDefinitionVersionTag,
+                inputMappings: this.normalizeMappingsForSave(event.inputMappings || [], 'input'),
+                outputMappings: this.normalizeMappingsForSave(event.outputMappings || [], 'output'),
+                pluginConfigurationMappings: event.pluginConfigurationMappings || {},
+            },
+        };
+        this.startableItemManagementService
+            .createItem(request)
+            .pipe(catchError$1(() => of(null)))
+            .subscribe(() => {
+            this.startableItemManagementService.loadItems();
+        });
+    }
+    updateBuildingBlockStartableItem(event) {
+        const key = event.buildingBlockDefinitionKey;
+        const versionTag = event.buildingBlockDefinitionVersionTag;
+        const request = {
+            type: StartableItemType.BUILDING_BLOCK,
+            properties: {
+                buildingBlockDefinitionKey: key,
+                buildingBlockDefinitionVersionTag: versionTag,
+                inputMappings: this.normalizeMappingsForSave(event.inputMappings || [], 'input'),
+                outputMappings: this.normalizeMappingsForSave(event.outputMappings || [], 'output'),
+                pluginConfigurationMappings: event.pluginConfigurationMappings || {},
+            },
+        };
+        this.startableItemManagementService
+            .updateItem(key, versionTag, request)
+            .pipe(catchError$1(() => of(null)))
+            .subscribe(() => {
+            this.startableItemManagementService.loadItems();
+        });
+    }
+    /**
+     * Ensures building block field references have the `doc:/` prefix for the backend value resolver.
+     * For input mappings, the target is a building block field (needs prefix).
+     * For output mappings, the source is a building block field (needs prefix).
+     */
+    normalizeMappingsForSave(mappings, direction) {
+        return mappings.map(mapping => {
+            if (direction === 'input') {
+                return { ...mapping, target: ensureDocPrefix(mapping.target) };
+            }
+            return { ...mapping, source: ensureDocPrefix(mapping.source) };
+        });
+    }
+    setFields() {
+        this.fields$.next([
+            {
+                key: 'name',
+                label: 'caseManagement.actions.columns.name',
+                viewType: ViewType.TEXT,
+            },
+            {
+                viewType: ViewType.TEMPLATE,
+                template: this.typeColumnTemplate,
+                key: '',
+                label: 'caseManagement.actions.columns.type',
+            },
+        ]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementActionsComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i2$1.ActivatedRoute }, { token: StartableItemManagementService }, { token: i3$1.EditPermissionsService }, { token: i4.ProcessLinkStateService }, { token: i4.ProcessLinkStepService }, { token: i4.BuildingBlockStateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", 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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i6.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", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], 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.ProcessLinkModalComponent, selector: "valtimo-process-link-modal" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementActionsComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-case-management-actions', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        TranslateModule,
+                        CarbonListModule,
+                        ButtonModule,
+                        IconModule,
+                        NotificationModule,
+                        TagModule,
+                        CaseManagementActionsModalComponent,
+                        ConfirmationModalModule,
+                        ProcessLinkModule,
+                    ], providers: [StartableItemManagementService, ProcessLinkStateService, ProcessLinkStepService, ProcessLinkButtonService], 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"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i2$1.ActivatedRoute }, { type: StartableItemManagementService }, { type: i3$1.EditPermissionsService }, { type: i4.ProcessLinkStateService }, { type: i4.ProcessLinkStepService }, { type: i4.BuildingBlockStateService }], propDecorators: { typeColumnTemplate: [{
+                type: ViewChild,
+                args: ['typeColumn']
+            }] } });
+
+/*
+ * 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.
@@ -4660,14 +5419,23 @@ var UPLOAD_STATUS;
 var UPLOAD_STEP;
 (function (UPLOAD_STEP) {
     UPLOAD_STEP["ACCESS_CONTROL"] = "accessControl";
+    UPLOAD_STEP["CONFIGURE"] = "configure";
     UPLOAD_STEP["DASHBOARD"] = "dashboard";
     UPLOAD_STEP["FILE_SELECT"] = "fileSelect";
     UPLOAD_STEP["FILE_UPLOAD"] = "fileUpload";
     UPLOAD_STEP["PLUGINS"] = "plugins";
 })(UPLOAD_STEP || (UPLOAD_STEP = {}));
+var IMPORT_WARNING;
+(function (IMPORT_WARNING) {
+    IMPORT_WARNING["NONE"] = "none";
+    IMPORT_WARNING["NEW_VERSION"] = "newVersion";
+    IMPORT_WARNING["EXISTING_DRAFT"] = "existingDraft";
+    IMPORT_WARNING["EXISTING_FINAL"] = "existingFinal";
+})(IMPORT_WARNING || (IMPORT_WARNING = {}));
 const STEPS = [
     UPLOAD_STEP.PLUGINS,
     UPLOAD_STEP.FILE_SELECT,
+    UPLOAD_STEP.CONFIGURE,
     UPLOAD_STEP.FILE_UPLOAD,
     UPLOAD_STEP.ACCESS_CONTROL,
     UPLOAD_STEP.DASHBOARD,
@@ -4689,10 +5457,10 @@ const STEPS = [
  * limitations under the License.
  */
 class CaseManagementUploadStepComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementUploadStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: CaseManagementUploadStepComponent, isStandalone: false, selector: "valtimo-case-management-upload-step", inputs: { illustration: "illustration", message: "message", title: "title" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"valtimo-upload-step__content\">\n  <div class=\"valtimo-upload-step__title\">{{ title }}</div>\n\n  <div class=\"valtimo-upload-step__message\">{{ message }}</div>\n</div>\n\n<img [src]=\"illustration\" alt=\"{{ illustration }}\" class=\"valtimo-upload-step__illustration\" />\n", styles: [":host{display:flex;justify-content:space-around;align-items:center;gap:32px;height:100%}:host label{color:unset}.valtimo-upload-step__content{display:flex;flex-direction:column;gap:16px}.valtimo-upload-step__title{font-weight:600;font-size:16px}.valtimo-upload-step__message{font-size:16px;line-height:28px}.valtimo-upload-step__illustration{max-width:200px}\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"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementUploadStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseManagementUploadStepComponent, isStandalone: false, selector: "valtimo-case-management-upload-step", inputs: { illustration: "illustration", message: "message", title: "title" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"valtimo-upload-step__content\">\n  <div class=\"valtimo-upload-step__title\">{{ title }}</div>\n\n  <div class=\"valtimo-upload-step__message\">{{ message }}</div>\n</div>\n\n<img [src]=\"illustration\" alt=\"{{ illustration }}\" class=\"valtimo-upload-step__illustration\" />\n", styles: [":host{display:flex;justify-content:space-around;align-items:center;gap:32px;height:100%}:host label{color:unset}.valtimo-upload-step__content{display:flex;flex-direction:column;gap:16px}.valtimo-upload-step__title{font-weight:600;font-size:16px}.valtimo-upload-step__message{font-size:16px;line-height:28px}.valtimo-upload-step__illustration{max-width:200px}\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"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementUploadStepComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementUploadStepComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-case-management-upload-step', template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"valtimo-upload-step__content\">\n  <div class=\"valtimo-upload-step__title\">{{ title }}</div>\n\n  <div class=\"valtimo-upload-step__message\">{{ message }}</div>\n</div>\n\n<img [src]=\"illustration\" alt=\"{{ illustration }}\" class=\"valtimo-upload-step__illustration\" />\n", styles: [":host{display:flex;justify-content:space-around;align-items:center;gap:32px;height:100%}:host label{color:unset}.valtimo-upload-step__content{display:flex;flex-direction:column;gap:16px}.valtimo-upload-step__title{font-weight:600;font-size:16px}.valtimo-upload-step__message{font-size:16px;line-height:28px}.valtimo-upload-step__illustration{max-width:200px}\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"] }]
         }], propDecorators: { illustration: [{
@@ -4704,7 +5472,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }] } });
 
 /*
- * Copyright 2015-2025 Ritense BV, the Netherlands.
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -4719,50 +5487,63 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * limitations under the License.
  */
 class CaseManagementUploadComponent {
-    constructor(documentService, caseManagementService, fb, iconService, translateService) {
-        this.documentService = documentService;
+    get nameControl() {
+        return this.configureForm.get('name');
+    }
+    constructor(caseManagementService, fb, translateService) {
         this.caseManagementService = caseManagementService;
         this.fb = fb;
-        this.iconService = iconService;
         this.translateService = translateService;
         this.open = false;
         this.closeModal = new EventEmitter();
         this.testIds = CASE_MANAGEMENT_UPLOAD_TEST_IDS;
-        this.acceptedFiles = ['.json', '.zip'];
-        this._disabled$ = new BehaviorSubject(true);
+        this.acceptedFiles = ['.zip'];
         this.UPLOAD_STEP = UPLOAD_STEP;
         this.UPLOAD_STATUS = UPLOAD_STATUS;
+        this.IMPORT_WARNING = IMPORT_WARNING;
+        this._disabled$ = new BehaviorSubject(true);
         this.activeStep$ = new BehaviorSubject(UPLOAD_STEP.PLUGINS);
-        this.backButtonEnabled$ = this.activeStep$.pipe(map((activeStep) => [UPLOAD_STEP.FILE_SELECT, UPLOAD_STEP.ACCESS_CONTROL, UPLOAD_STEP.DASHBOARD].includes(activeStep)));
-        this.isStepAfterUpload$ = this.activeStep$.pipe(map((activeStep) => ![UPLOAD_STEP.PLUGINS, UPLOAD_STEP.FILE_SELECT].includes(activeStep)));
-        this.showCloseButton$ = this.activeStep$.pipe(map((activeStep) => [UPLOAD_STEP.PLUGINS, UPLOAD_STEP.FILE_SELECT, UPLOAD_STEP.FILE_UPLOAD].includes(activeStep)));
-        this.$warningChecked = signal(false);
+        this.uploadStatus$ = new BehaviorSubject(UPLOAD_STATUS.ACTIVE);
+        this.preview$ = new BehaviorSubject(null);
+        this.importWarning$ = new BehaviorSubject(IMPORT_WARNING.NONE);
+        this.overrideConfirmed$ = new BehaviorSubject(false);
+        this.backButtonEnabled$ = this.activeStep$.pipe(map((activeStep) => [
+            UPLOAD_STEP.FILE_SELECT,
+            UPLOAD_STEP.CONFIGURE,
+            UPLOAD_STEP.ACCESS_CONTROL,
+            UPLOAD_STEP.DASHBOARD,
+        ].includes(activeStep)));
+        this.isStepAfterUpload$ = this.activeStep$.pipe(map((activeStep) => ![UPLOAD_STEP.PLUGINS, UPLOAD_STEP.FILE_SELECT, UPLOAD_STEP.CONFIGURE].includes(activeStep)));
+        this.showCloseButton$ = this.activeStep$.pipe(map((activeStep) => [
+            UPLOAD_STEP.PLUGINS,
+            UPLOAD_STEP.FILE_SELECT,
+            UPLOAD_STEP.CONFIGURE,
+            UPLOAD_STEP.FILE_UPLOAD,
+        ].includes(activeStep)));
         this.nextButtonDisabled$ = combineLatest([
             this.activeStep$,
             this._disabled$,
-            toObservable(this.$warningChecked),
-        ]).pipe(map(([activeStep, disabled, warningChecked]) => {
-            const warningNotChecked = activeStep === UPLOAD_STEP.FILE_SELECT && !warningChecked;
-            return warningNotChecked || (activeStep !== UPLOAD_STEP.PLUGINS && disabled);
+            this.importWarning$,
+            this.overrideConfirmed$,
+        ]).pipe(map(([activeStep, disabled, warning, overrideConfirmed]) => {
+            if (activeStep === UPLOAD_STEP.CONFIGURE) {
+                if (warning === IMPORT_WARNING.EXISTING_FINAL)
+                    return true;
+                if (warning === IMPORT_WARNING.EXISTING_DRAFT && !overrideConfirmed)
+                    return true;
+                return this.configureForm.invalid;
+            }
+            return activeStep !== UPLOAD_STEP.PLUGINS && disabled;
         }));
-        this.notificationObj$ = combineLatest([
-            this.translateService.stream('interface.warning'),
-            this.translateService.stream('caseManagement.importDefinition.overwriteWarning'),
-        ]).pipe(map(([title, message]) => ({
-            type: 'warning',
-            title,
-            message,
-            showClose: false,
-            lowContrast: true,
-        })));
-        this.showCheckboxError$ = new BehaviorSubject(false);
-        this.uploadStatus$ = new BehaviorSubject(UPLOAD_STATUS.ACTIVE);
         this.form = this.fb.group({
             file: this.fb.control(new Set(), [Validators.required]),
         });
-        this._importFile$ = new BehaviorSubject('');
+        this.configureForm = this.fb.group({
+            name: this.fb.control('', Validators.required),
+            caseDefinitionKey: this.fb.control('', Validators.required),
+        });
+        this._importFile$ = new BehaviorSubject(null);
         this._subscriptions = new Subscription();
-        this.iconService.register(WarningFilled16);
     }
     ngOnInit() {
         const control = this.form.get('file');
@@ -4773,16 +5554,19 @@ class CaseManagementUploadComponent {
             const [fileItem] = fileSet;
             if (!fileItem) {
                 this._disabled$.next(true);
-                this.showCheckboxError$.next(false);
-                this.$warningChecked.set(false);
-                return;
-            }
-            if (fileItem.file.type === 'application/json') {
-                this.setJsonFile(fileItem);
+                if (this.activeStep$.value === UPLOAD_STEP.FILE_SELECT) {
+                    this.preview$.next(null);
+                }
                 return;
             }
             this.setZipFile(fileItem);
         }));
+        this._subscriptions.add(this.configureForm
+            .get('caseDefinitionKey')
+            .valueChanges.pipe(debounceTime(400), distinctUntilChanged())
+            .subscribe((key) => {
+            this.checkExistingVersions(key);
+        }));
     }
     ngOnDestroy() {
         this._subscriptions.unsubscribe();
@@ -4804,60 +5588,88 @@ class CaseManagementUploadComponent {
         if (nextIndex === STEPS.length) {
             return;
         }
-        if (activeStep === UPLOAD_STEP.FILE_SELECT && !this.$warningChecked()) {
-            this.showCheckboxError$.next(true);
-            return;
-        }
         this.activeStep$.next(STEPS[nextIndex]);
         if (STEPS[nextIndex] !== UPLOAD_STEP.FILE_UPLOAD) {
             return;
         }
         this.uploadDefinition();
     }
-    onCheckedChange(checked) {
-        this.$warningChecked.set(checked);
-        if (!checked) {
-            return;
-        }
-        this.showCheckboxError$.next(false);
-    }
-    setJsonFile(fileItem) {
+    setZipFile(fileItem) {
         const file = fileItem?.file;
         if (!file) {
-            this.clearJsonString();
+            this._importFile$.next(null);
+            this.preview$.next(null);
             return;
         }
-        const reader = new FileReader();
-        reader.onloadend = () => {
-            const result = (reader.result ?? '').toString();
-            if (this.stringIsValidJson(result)) {
+        const blob = new Blob([file], { type: file.type });
+        const fd = new FormData();
+        fd.append('file', blob, file.name);
+        this._importFile$.next(fd);
+        this.caseManagementService
+            .previewImport(fd)
+            .pipe(take$1(1))
+            .subscribe({
+            next: preview => {
+                this.preview$.next(preview);
+                this.configureForm.patchValue({
+                    name: preview.name,
+                    caseDefinitionKey: preview.key,
+                });
                 this._disabled$.next(false);
-                this._importFile$.next(result);
-                return;
-            }
-            this.clearJsonString();
-            this.setErrorState(fileItem);
-        };
-        reader.readAsText(file);
+                this.checkExistingVersions(preview.key);
+            },
+            error: () => {
+                this._disabled$.next(true);
+                fileItem.invalid = true;
+                fileItem.invalidTitle = this.translateService.instant('caseManagement.importDefinition.invalidZipError.title');
+                fileItem.invalidText = this.translateService.instant('caseManagement.importDefinition.invalidZipError.text');
+            },
+        });
     }
-    setZipFile(fileItem) {
-        const file = fileItem?.file;
-        if (!file) {
-            this._importFile$.next('');
+    checkExistingVersions(key) {
+        if (!key) {
+            this.importWarning$.next(IMPORT_WARNING.NONE);
             return;
         }
-        const blob = new Blob([fileItem.file], { type: fileItem.file.type });
-        const fd = new FormData();
-        fd.append('file', blob, fileItem.file.name);
-        this._importFile$.next(fd);
-        this._disabled$.next(false);
+        this.caseManagementService
+            .getCaseDefinitionVersions(key)
+            .pipe(take$1(1))
+            .subscribe({
+            next: versions => this.determineWarning(versions),
+            error: () => this.importWarning$.next(IMPORT_WARNING.NONE),
+        });
+    }
+    determineWarning(versions) {
+        const preview = this.preview$.value;
+        if (!preview || versions.length === 0) {
+            this.importWarning$.next(IMPORT_WARNING.NONE);
+            return;
+        }
+        const matchingVersion = versions.find(v => v.versionTag === preview.versionTag);
+        if (!matchingVersion) {
+            this.importWarning$.next(IMPORT_WARNING.NEW_VERSION);
+            return;
+        }
+        if (matchingVersion.final) {
+            this.importWarning$.next(IMPORT_WARNING.EXISTING_FINAL);
+            return;
+        }
+        this.importWarning$.next(IMPORT_WARNING.EXISTING_DRAFT);
+        this.overrideConfirmed$.next(false);
     }
     uploadDefinition() {
         this._disabled$.next(true);
-        this._importFile$
-            .pipe(switchMap((file) => file instanceof FormData
-            ? this.caseManagementService.importDocumentDefinitionZip(file)
-            : this.documentService.createDocumentDefinitionForManagement(new DocumentDefinitionCreateRequest(file))), take$1(1))
+        const file = this._importFile$.value;
+        if (!file)
+            return;
+        const { name, caseDefinitionKey } = this.configureForm.getRawValue();
+        const preview = this.preview$.value;
+        const keyChanged = caseDefinitionKey !== preview?.key;
+        const nameChanged = name !== preview?.name;
+        const hasOverrides = keyChanged || nameChanged;
+        this.caseManagementService
+            .importDocumentDefinitionZip(file, hasOverrides ? caseDefinitionKey : undefined, hasOverrides ? name : undefined)
+            .pipe(take$1(1))
             .subscribe({
             next: () => {
                 this._disabled$.next(false);
@@ -4869,42 +5681,26 @@ class CaseManagementUploadComponent {
             },
         });
     }
-    clearJsonString() {
-        this._importFile$.next('');
-    }
-    stringIsValidJson(string) {
-        try {
-            JSON.parse(string);
-        }
-        catch (e) {
-            return false;
-        }
-        return true;
-    }
-    setErrorState(fileItem) {
-        this._disabled$.next(true);
-        fileItem.invalid = true;
-        fileItem.invalidTitle = this.translateService.instant('caseManagement.importDefinition.invalidJsonError.title');
-        fileItem.invalidText = this.translateService.instant('caseManagement.importDefinition.invalidJsonError.text');
-    }
     resetModal() {
         setTimeout(() => {
             this.activeStep$.next(UPLOAD_STEP.PLUGINS);
             this.uploadStatus$.next(UPLOAD_STATUS.ACTIVE);
-            this.showCheckboxError$.next(false);
             this.form.reset({ file: new Set() });
-            this._importFile$.next('');
+            this.configureForm.reset();
+            this._importFile$.next(null);
             this._disabled$.next(true);
-            this.$warningChecked.set(false);
+            this.preview$.next(null);
+            this.importWarning$.next(IMPORT_WARNING.NONE);
+            this.overrideConfirmed$.next(false);
         }, CARBON_CONSTANTS.modalAnimationMs);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementUploadComponent, deps: [{ token: i1$2.DocumentService }, { token: CaseManagementService }, { token: i1$4.FormBuilder }, { token: i2.IconService }, { token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: CaseManagementUploadComponent, isStandalone: false, selector: "valtimo-case-management-upload", inputs: { open: "open" }, outputs: { closeModal: "closeModal" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  *ngIf=\"{\n    activeStep: activeStep$ | async,\n    backButtonEnabled: backButtonEnabled$ | async,\n    isStepAfterUpload: isStepAfterUpload$ | async,\n    nextButtonDisabled: nextButtonDisabled$ | async,\n    notificationObj: notificationObj$ | async,\n    showCheckboxError: showCheckboxError$ | async,\n    showCloseButton: showCloseButton$ | async,\n    uploadStatus: uploadStatus$ | async,\n  } as obs\"\n  valtimoCdsModal\n  [open]=\"open\"\n  showFooter=\"true\"\n  class=\"valtimo-definition-uploader\"\n  (close)=\"onCloseModal()\"\n>\n  <cds-modal-header\n    [showCloseButton]=\"obs.showCloseButton\"\n    (closeSelect)=\"onCloseModal(obs.isStepAfterUpload && obs.uploadStatus !== UPLOAD_STATUS.ERROR)\"\n  >\n    <h3 cdsModalHeaderHeading>\n      {{ 'caseManagement.importDefinition.title' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <section\n    [ngSwitch]=\"obs.activeStep\"\n    [cdsLayer]=\"1\"\n    cdsModalContent\n    class=\"valtimo-definition-uploader__content\"\n  >\n    <ng-template ngSwitchDefault>\n      <valtimo-case-management-upload-step\n        [message]=\"\n          'caseManagement.importDefinition.steps.' + obs.activeStep + '.message' | translate\n        \"\n        [title]=\"'caseManagement.importDefinition.steps.' + obs.activeStep + '.title' | translate\"\n        [illustration]=\"'valtimo-layout/img/' + obs.activeStep + '.svg'\"\n      >\n      </valtimo-case-management-upload-step>\n    </ng-template>\n\n    <form *ngSwitchCase=\"UPLOAD_STEP.FILE_SELECT\" [formGroup]=\"form\">\n      <cds-file-uploader\n        [accept]=\"acceptedFiles\"\n        [buttonText]=\"'caseManagement.importDefinition.upload.buttonText' | translate\"\n        [description]=\"'caseManagement.importDefinition.upload.description' | translate\"\n        [multiple]=\"false\"\n        [title]=\"'caseManagement.importDefinition.upload.title' | translate\"\n        buttonType=\"primary\"\n        formControlName=\"file\"\n        [attr.data-test-id]=\"testIds.fileUploader\"\n        class=\"valtimo-definition-uploader__file-uploader\"\n      >\n      </cds-file-uploader>\n\n      <cds-inline-notification\n        data-test-id=\"uploadWarningNotification\"\n        [notificationObj]=\"obs.notificationObj\"\n      ></cds-inline-notification>\n\n      <div class=\"valtimo-uploader__checkbox\">\n        <cds-checkbox\n          data-test-id=\"uploadWarningCheckbox\"\n          [attr.data-test-id]=\"testIds.uploadWarningCheckbox\"\n          [class.valtimo-definition-uploader__checkbox--invalid]=\"obs.showCheckboxError\"\n          (checkedChange)=\"onCheckedChange($event)\"\n        >\n          {{ 'caseManagement.importDefinition.checkbox.message' | translate }}\n        </cds-checkbox>\n\n        <div *ngIf=\"obs.showCheckboxError\" class=\"valtimo-definition-uploader__error\">\n          <svg cdsIcon=\"warning--filled\" size=\"16\"></svg>\n\n          {{ 'caseManagement.importDefinition.checkbox.error' | translate }}\n        </div>\n      </div>\n    </form>\n\n    <cds-progress-bar\n      *ngSwitchCase=\"UPLOAD_STEP.FILE_UPLOAD\"\n      class=\"valtimo-definition-uploader__progress-bar\"\n      [label]=\"'caseManagement.importDefinition.progressBar.label' | translate\"\n      [status]=\"obs.uploadStatus\"\n      [helperText]=\"'caseManagement.importDefinition.progressBar.' + obs.uploadStatus | translate\"\n    ></cds-progress-bar>\n  </section>\n\n  <cds-modal-footer\n    class=\"valtimo-definition-uploader__footer\"\n    [class.valtimo-definition-uploader__footer--double]=\"obs.activeStep === UPLOAD_STEP.PLUGINS\"\n  >\n    <button\n      *ngIf=\"obs.uploadStatus !== UPLOAD_STATUS.ERROR && obs.activeStep !== UPLOAD_STEP.FILE_UPLOAD\"\n      class=\"valtimo-definition-uploader__cancel\"\n      cdsButton=\"ghost\"\n      (click)=\"onCloseModal(obs.isStepAfterUpload)\"\n    >\n      {{ (obs.isStepAfterUpload ? 'interface.skip' : 'interface.cancel') | translate }}\n    </button>\n\n    <div class=\"valtimo-definition-uploader__actions\">\n      <button\n        *ngIf=\"obs.backButtonEnabled\"\n        cdsButton=\"secondary\"\n        [attr.data-test-id]=\"testIds.cancelButton\"\n        (click)=\"onBackClick(obs.activeStep)\"\n      >\n        {{ 'interface.back' | translate }}\n      </button>\n\n      <button\n        *ngIf=\"obs.uploadStatus !== UPLOAD_STATUS.ERROR && obs.activeStep !== UPLOAD_STEP.DASHBOARD\"\n        cdsButton=\"primary\"\n        [attr.data-test-id]=\"testIds.nextButton\"\n        [disabled]=\"obs.nextButtonDisabled\"\n        (click)=\"onNextClick(obs.activeStep)\"\n      >\n        {{\n          (obs.activeStep === UPLOAD_STEP.FILE_SELECT\n            ? 'caseManagement.importDefinition.startUpload'\n            : 'interface.next'\n          ) | translate\n        }}\n      </button>\n\n      <button\n        *ngIf=\"obs.uploadStatus === UPLOAD_STATUS.ERROR || obs.activeStep === UPLOAD_STEP.DASHBOARD\"\n        class=\"valtimo-definition-uploader__cancel\"\n        [attr.data-test-id]=\"testIds.finishButton\"\n        cdsButton=\"primary\"\n        (click)=\"onCloseModal(true)\"\n      >\n        {{ 'interface.finish' | translate }}\n      </button>\n    </div>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-definition-uploader__content,.valtimo-definition-uploader__content form{display:flex;flex-direction:column;gap:16px}.valtimo-definition-uploader__footer ::ng-deep .cds--modal-footer{justify-content:unset!important;display:grid!important;grid-template-columns:1fr 1fr 2fr!important;grid-template-areas:\"cancel . actions\"!important}.valtimo-definition-uploader__footer--double ::ng-deep .cds--modal-footer{grid-template-columns:1fr 1fr!important;grid-template-areas:\"cancel actions\"!important}.valtimo-definition-uploader__progress-bar{height:100%;display:flex;flex-direction:column;justify-content:center}.valtimo-definition-uploader__error{display:flex;align-items:center;gap:10px;color:#da1e28;fill:#da1e28;font-size:12px}.valtimo-definition-uploader__cancel{grid-area:cancel;width:100%}.valtimo-definition-uploader__actions{grid-area:actions;display:flex}.valtimo-definition-uploader__actions button{flex:unset;width:100%}.valtimo-definition-uploader__file-uploader ::ng-deep cds-file{max-width:unset}.valtimo-definition-uploader__checkbox{display:flex;flex-direction:column;gap:8px}.valtimo-definition-uploader__checkbox--invalid ::ng-deep label:before{border-color:#da1e28;margin-inline:0}.valtimo-definition-uploader ::ng-deep .cds--modal-container{height:550px}.valtimo-definition-uploader ::ng-deep .cds--checkbox-label-text{color:#000}\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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i6.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i6.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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: "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: "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.Checkbox, selector: "cds-checkbox, ibm-checkbox", inputs: ["disabled", "skeleton", "hideLabel", "name", "id", "required", "value", "ariaLabel", "ariaLabelledby", "indeterminate", "checked"], outputs: ["click", "checkedChange", "indeterminateChange"] }, { kind: "directive", type: i7.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "component", type: i2.FileUploader, selector: "cds-file-uploader, ibm-file-uploader", inputs: ["buttonText", "buttonType", "title", "description", "accept", "multiple", "skeleton", "size", "fileItemSize", "drop", "dropText", "fileUploaderId", "files", "disabled"], outputs: ["filesChange"] }, { kind: "component", type: i2.ProgressBar, selector: "cds-progress-bar, ibm-progress-bar", inputs: ["value", "id", "label", "helperText", "max", "type", "status", "size"] }, { kind: "directive", type: i2.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "component", type: CaseManagementUploadStepComponent, selector: "valtimo-case-management-upload-step", inputs: ["illustration", "message", "title"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementUploadComponent, deps: [{ token: CaseManagementService }, { token: i1$4.FormBuilder }, { token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseManagementUploadComponent, isStandalone: false, selector: "valtimo-case-management-upload", inputs: { open: "open" }, outputs: { closeModal: "closeModal" }, 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<cds-modal\n  *ngIf=\"{\n    activeStep: activeStep$ | async,\n    backButtonEnabled: backButtonEnabled$ | async,\n    isStepAfterUpload: isStepAfterUpload$ | async,\n    nextButtonDisabled: nextButtonDisabled$ | async,\n    showCloseButton: showCloseButton$ | async,\n    uploadStatus: uploadStatus$ | async,\n    preview: preview$ | async,\n    importWarning: importWarning$ | async,\n  } as obs\"\n  valtimoCdsModal\n  [open]=\"open\"\n  showFooter=\"true\"\n  class=\"valtimo-definition-uploader\"\n  (close)=\"onCloseModal()\"\n>\n  <cds-modal-header\n    [showCloseButton]=\"obs.showCloseButton\"\n    (closeSelect)=\"onCloseModal(obs.isStepAfterUpload && obs.uploadStatus !== UPLOAD_STATUS.ERROR)\"\n  >\n    <h3 cdsModalHeaderHeading>\n      {{ 'caseManagement.importDefinition.title' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <section\n    [ngSwitch]=\"obs.activeStep\"\n    [cdsLayer]=\"1\"\n    cdsModalContent\n    class=\"valtimo-definition-uploader__content\"\n  >\n    <ng-template ngSwitchDefault>\n      <valtimo-case-management-upload-step\n        [message]=\"\n          'caseManagement.importDefinition.steps.' + obs.activeStep + '.message' | translate\n        \"\n        [title]=\"'caseManagement.importDefinition.steps.' + obs.activeStep + '.title' | translate\"\n        [illustration]=\"'valtimo-layout/img/' + obs.activeStep + '.svg'\"\n      >\n      </valtimo-case-management-upload-step>\n    </ng-template>\n\n    <form *ngSwitchCase=\"UPLOAD_STEP.FILE_SELECT\" [formGroup]=\"form\">\n      <cds-file-uploader\n        [accept]=\"acceptedFiles\"\n        [buttonText]=\"'caseManagement.importDefinition.upload.buttonText' | translate\"\n        [description]=\"'caseManagement.importDefinition.upload.description' | translate\"\n        [multiple]=\"false\"\n        [title]=\"'caseManagement.importDefinition.upload.title' | translate\"\n        buttonType=\"primary\"\n        formControlName=\"file\"\n        [attr.data-test-id]=\"testIds.fileUploader\"\n        class=\"valtimo-definition-uploader__file-uploader\"\n      >\n      </cds-file-uploader>\n    </form>\n\n    <form\n      *ngSwitchCase=\"UPLOAD_STEP.CONFIGURE\"\n      [formGroup]=\"configureForm\"\n      class=\"valtimo-definition-uploader__configure\"\n    >\n      <cds-label>\n        {{ 'caseManagement.createDefinition.name' | translate }}\n        <input\n          formControlName=\"name\"\n          cdsText\n          [attr.data-test-id]=\"testIds.nameInput\"\n        />\n      </cds-label>\n\n      <valtimo-auto-key-input\n        [mode]=\"'add'\"\n        [sourceText]=\"nameControl.value\"\n        formControlName=\"caseDefinitionKey\"\n        labelTranslationKey=\"caseManagement.createDefinition.key\"\n      >\n      </valtimo-auto-key-input>\n\n      <div class=\"valtimo-definition-uploader__version-label\">\n        <label class=\"cds--label\">\n          {{ 'caseManagement.createDefinition.version' | translate }}\n        </label>\n        <div\n          class=\"valtimo-definition-uploader__version-field\"\n          [attr.data-test-id]=\"testIds.versionTag\"\n        >\n          <cds-tag class=\"cds-tag--no-margin\" [type]=\"obs.preview?.isFinal ? 'green' : 'red'\">\n            {{\n              (obs.preview?.isFinal\n                ? 'caseManagement.importDefinition.configure.finalTag'\n                : 'caseManagement.importDefinition.configure.draftTag'\n              ) | translate\n            }}\n          </cds-tag>\n          <span>{{ obs.preview?.versionTag }}</span>\n        </div>\n      </div>\n\n      <ng-container [ngSwitch]=\"obs.importWarning\">\n        <cds-inline-notification\n          *ngSwitchCase=\"IMPORT_WARNING.NEW_VERSION\"\n          [notificationObj]=\"{\n            type: 'info',\n            title: ('caseManagement.importDefinition.configure.newVersionWarning.title' | translate),\n            message: ('caseManagement.importDefinition.configure.newVersionWarning.message' | translate),\n            showClose: false,\n            lowContrast: true\n          }\"\n        ></cds-inline-notification>\n\n        <ng-container *ngSwitchCase=\"IMPORT_WARNING.EXISTING_DRAFT\">\n          <cds-inline-notification\n            [notificationObj]=\"{\n              type: 'warning',\n              title: ('caseManagement.importDefinition.configure.existingDraftWarning.title' | translate),\n              message: ('caseManagement.importDefinition.configure.existingDraftWarning.message' | translate),\n              showClose: false,\n              lowContrast: true\n            }\"\n          ></cds-inline-notification>\n          <cds-checkbox\n            [attr.data-test-id]=\"testIds.overrideCheckbox\"\n            (checkedChange)=\"overrideConfirmed$.next($event)\"\n          >\n            {{\n              'caseManagement.importDefinition.configure.overrideConfirm' | translate\n            }}\n          </cds-checkbox>\n        </ng-container>\n\n        <cds-inline-notification\n          *ngSwitchCase=\"IMPORT_WARNING.EXISTING_FINAL\"\n          [notificationObj]=\"{\n            type: 'error',\n            title: ('caseManagement.importDefinition.configure.existingFinalWarning.title' | translate),\n            message: ('caseManagement.importDefinition.configure.existingFinalWarning.message' | translate),\n            showClose: false,\n            lowContrast: true\n          }\"\n        ></cds-inline-notification>\n      </ng-container>\n    </form>\n\n    <cds-progress-bar\n      *ngSwitchCase=\"UPLOAD_STEP.FILE_UPLOAD\"\n      class=\"valtimo-definition-uploader__progress-bar\"\n      [label]=\"'caseManagement.importDefinition.progressBar.label' | translate\"\n      [status]=\"obs.uploadStatus\"\n      [helperText]=\"'caseManagement.importDefinition.progressBar.' + obs.uploadStatus | translate\"\n    ></cds-progress-bar>\n  </section>\n\n  <cds-modal-footer\n    class=\"valtimo-definition-uploader__footer\"\n    [class.valtimo-definition-uploader__footer--double]=\"obs.activeStep === UPLOAD_STEP.PLUGINS\"\n  >\n    <button\n      *ngIf=\"obs.uploadStatus !== UPLOAD_STATUS.ERROR && obs.activeStep !== UPLOAD_STEP.FILE_UPLOAD\"\n      class=\"valtimo-definition-uploader__cancel\"\n      cdsButton=\"ghost\"\n      (click)=\"onCloseModal(obs.isStepAfterUpload)\"\n    >\n      {{ (obs.isStepAfterUpload ? 'interface.skip' : 'interface.cancel') | translate }}\n    </button>\n\n    <div class=\"valtimo-definition-uploader__actions\">\n      <button\n        *ngIf=\"obs.backButtonEnabled\"\n        cdsButton=\"secondary\"\n        [attr.data-test-id]=\"testIds.cancelButton\"\n        (click)=\"onBackClick(obs.activeStep)\"\n      >\n        {{ 'interface.back' | translate }}\n      </button>\n\n      <button\n        *ngIf=\"obs.uploadStatus !== UPLOAD_STATUS.ERROR && obs.activeStep !== UPLOAD_STEP.DASHBOARD\"\n        cdsButton=\"primary\"\n        [attr.data-test-id]=\"testIds.nextButton\"\n        [disabled]=\"obs.nextButtonDisabled\"\n        (click)=\"onNextClick(obs.activeStep)\"\n      >\n        {{\n          (obs.activeStep === UPLOAD_STEP.CONFIGURE\n            ? 'caseManagement.importDefinition.startUpload'\n            : 'interface.next'\n          ) | translate\n        }}\n      </button>\n\n      <button\n        *ngIf=\"obs.uploadStatus === UPLOAD_STATUS.ERROR || obs.activeStep === UPLOAD_STEP.DASHBOARD\"\n        class=\"valtimo-definition-uploader__cancel\"\n        [attr.data-test-id]=\"testIds.finishButton\"\n        cdsButton=\"primary\"\n        (click)=\"onCloseModal(true)\"\n      >\n        {{ 'interface.finish' | translate }}\n      </button>\n    </div>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-definition-uploader__content,.valtimo-definition-uploader__content form{display:flex;flex-direction:column;gap:16px}.valtimo-definition-uploader__footer ::ng-deep .cds--modal-footer{justify-content:unset!important;display:grid!important;grid-template-columns:1fr 1fr 2fr!important;grid-template-areas:\"cancel . actions\"!important}.valtimo-definition-uploader__footer--double ::ng-deep .cds--modal-footer{grid-template-columns:1fr 1fr!important;grid-template-areas:\"cancel actions\"!important}.valtimo-definition-uploader__progress-bar{height:100%;display:flex;flex-direction:column;justify-content:center}.valtimo-definition-uploader__error{display:flex;align-items:center;gap:10px;color:#da1e28;fill:#da1e28;font-size:12px}.valtimo-definition-uploader__cancel{grid-area:cancel;width:100%}.valtimo-definition-uploader__actions{grid-area:actions;display:flex}.valtimo-definition-uploader__actions button{flex:unset;width:100%}.valtimo-definition-uploader__file-uploader ::ng-deep cds-file{max-width:unset}.valtimo-definition-uploader__configure{display:flex;flex-direction:column;gap:16px}.valtimo-definition-uploader__version-field{width:100%;display:flex;gap:8px;align-items:center;height:2.5rem;padding:0 1rem;background-color:var(--cds-layer-01);border-bottom:1px solid var(--cds-border-strong)}.valtimo-definition-uploader__version-field span{color:var(--cds-text-primary);font-size:.875rem;line-height:1.125rem;font-weight:400;letter-spacing:.16px}.valtimo-definition-uploader ::ng-deep .cds--modal-container{height:550px}.valtimo-definition-uploader ::ng-deep .cds--checkbox-label-text{color:#000}\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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i6.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i6.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { 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: "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: "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.Checkbox, selector: "cds-checkbox, ibm-checkbox", inputs: ["disabled", "skeleton", "hideLabel", "name", "id", "required", "value", "ariaLabel", "ariaLabelledby", "indeterminate", "checked"], outputs: ["click", "checkedChange", "indeterminateChange"] }, { kind: "directive", type: i7.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "component", type: i2.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class", "skeleton"] }, { kind: "component", type: i2.FileUploader, selector: "cds-file-uploader, ibm-file-uploader", inputs: ["buttonText", "buttonType", "title", "description", "accept", "multiple", "skeleton", "size", "fileItemSize", "drop", "dropText", "fileUploaderId", "files", "disabled"], outputs: ["filesChange"] }, { kind: "component", type: i2.ProgressBar, selector: "cds-progress-bar, ibm-progress-bar", inputs: ["value", "id", "label", "helperText", "max", "type", "status", "size"] }, { kind: "directive", type: i2.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "component", type: i7.AutoKeyInputComponent, selector: "valtimo-auto-key-input", inputs: ["labelTranslationKey", "placeholderTranslationKey", "mode", "usedKeys", "sourceText"] }, { kind: "component", type: CaseManagementUploadStepComponent, selector: "valtimo-case-management-upload-step", inputs: ["illustration", "message", "title"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementUploadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementUploadComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'valtimo-case-management-upload', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  *ngIf=\"{\n    activeStep: activeStep$ | async,\n    backButtonEnabled: backButtonEnabled$ | async,\n    isStepAfterUpload: isStepAfterUpload$ | async,\n    nextButtonDisabled: nextButtonDisabled$ | async,\n    notificationObj: notificationObj$ | async,\n    showCheckboxError: showCheckboxError$ | async,\n    showCloseButton: showCloseButton$ | async,\n    uploadStatus: uploadStatus$ | async,\n  } as obs\"\n  valtimoCdsModal\n  [open]=\"open\"\n  showFooter=\"true\"\n  class=\"valtimo-definition-uploader\"\n  (close)=\"onCloseModal()\"\n>\n  <cds-modal-header\n    [showCloseButton]=\"obs.showCloseButton\"\n    (closeSelect)=\"onCloseModal(obs.isStepAfterUpload && obs.uploadStatus !== UPLOAD_STATUS.ERROR)\"\n  >\n    <h3 cdsModalHeaderHeading>\n      {{ 'caseManagement.importDefinition.title' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <section\n    [ngSwitch]=\"obs.activeStep\"\n    [cdsLayer]=\"1\"\n    cdsModalContent\n    class=\"valtimo-definition-uploader__content\"\n  >\n    <ng-template ngSwitchDefault>\n      <valtimo-case-management-upload-step\n        [message]=\"\n          'caseManagement.importDefinition.steps.' + obs.activeStep + '.message' | translate\n        \"\n        [title]=\"'caseManagement.importDefinition.steps.' + obs.activeStep + '.title' | translate\"\n        [illustration]=\"'valtimo-layout/img/' + obs.activeStep + '.svg'\"\n      >\n      </valtimo-case-management-upload-step>\n    </ng-template>\n\n    <form *ngSwitchCase=\"UPLOAD_STEP.FILE_SELECT\" [formGroup]=\"form\">\n      <cds-file-uploader\n        [accept]=\"acceptedFiles\"\n        [buttonText]=\"'caseManagement.importDefinition.upload.buttonText' | translate\"\n        [description]=\"'caseManagement.importDefinition.upload.description' | translate\"\n        [multiple]=\"false\"\n        [title]=\"'caseManagement.importDefinition.upload.title' | translate\"\n        buttonType=\"primary\"\n        formControlName=\"file\"\n        [attr.data-test-id]=\"testIds.fileUploader\"\n        class=\"valtimo-definition-uploader__file-uploader\"\n      >\n      </cds-file-uploader>\n\n      <cds-inline-notification\n        data-test-id=\"uploadWarningNotification\"\n        [notificationObj]=\"obs.notificationObj\"\n      ></cds-inline-notification>\n\n      <div class=\"valtimo-uploader__checkbox\">\n        <cds-checkbox\n          data-test-id=\"uploadWarningCheckbox\"\n          [attr.data-test-id]=\"testIds.uploadWarningCheckbox\"\n          [class.valtimo-definition-uploader__checkbox--invalid]=\"obs.showCheckboxError\"\n          (checkedChange)=\"onCheckedChange($event)\"\n        >\n          {{ 'caseManagement.importDefinition.checkbox.message' | translate }}\n        </cds-checkbox>\n\n        <div *ngIf=\"obs.showCheckboxError\" class=\"valtimo-definition-uploader__error\">\n          <svg cdsIcon=\"warning--filled\" size=\"16\"></svg>\n\n          {{ 'caseManagement.importDefinition.checkbox.error' | translate }}\n        </div>\n      </div>\n    </form>\n\n    <cds-progress-bar\n      *ngSwitchCase=\"UPLOAD_STEP.FILE_UPLOAD\"\n      class=\"valtimo-definition-uploader__progress-bar\"\n      [label]=\"'caseManagement.importDefinition.progressBar.label' | translate\"\n      [status]=\"obs.uploadStatus\"\n      [helperText]=\"'caseManagement.importDefinition.progressBar.' + obs.uploadStatus | translate\"\n    ></cds-progress-bar>\n  </section>\n\n  <cds-modal-footer\n    class=\"valtimo-definition-uploader__footer\"\n    [class.valtimo-definition-uploader__footer--double]=\"obs.activeStep === UPLOAD_STEP.PLUGINS\"\n  >\n    <button\n      *ngIf=\"obs.uploadStatus !== UPLOAD_STATUS.ERROR && obs.activeStep !== UPLOAD_STEP.FILE_UPLOAD\"\n      class=\"valtimo-definition-uploader__cancel\"\n      cdsButton=\"ghost\"\n      (click)=\"onCloseModal(obs.isStepAfterUpload)\"\n    >\n      {{ (obs.isStepAfterUpload ? 'interface.skip' : 'interface.cancel') | translate }}\n    </button>\n\n    <div class=\"valtimo-definition-uploader__actions\">\n      <button\n        *ngIf=\"obs.backButtonEnabled\"\n        cdsButton=\"secondary\"\n        [attr.data-test-id]=\"testIds.cancelButton\"\n        (click)=\"onBackClick(obs.activeStep)\"\n      >\n        {{ 'interface.back' | translate }}\n      </button>\n\n      <button\n        *ngIf=\"obs.uploadStatus !== UPLOAD_STATUS.ERROR && obs.activeStep !== UPLOAD_STEP.DASHBOARD\"\n        cdsButton=\"primary\"\n        [attr.data-test-id]=\"testIds.nextButton\"\n        [disabled]=\"obs.nextButtonDisabled\"\n        (click)=\"onNextClick(obs.activeStep)\"\n      >\n        {{\n          (obs.activeStep === UPLOAD_STEP.FILE_SELECT\n            ? 'caseManagement.importDefinition.startUpload'\n            : 'interface.next'\n          ) | translate\n        }}\n      </button>\n\n      <button\n        *ngIf=\"obs.uploadStatus === UPLOAD_STATUS.ERROR || obs.activeStep === UPLOAD_STEP.DASHBOARD\"\n        class=\"valtimo-definition-uploader__cancel\"\n        [attr.data-test-id]=\"testIds.finishButton\"\n        cdsButton=\"primary\"\n        (click)=\"onCloseModal(true)\"\n      >\n        {{ 'interface.finish' | translate }}\n      </button>\n    </div>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-definition-uploader__content,.valtimo-definition-uploader__content form{display:flex;flex-direction:column;gap:16px}.valtimo-definition-uploader__footer ::ng-deep .cds--modal-footer{justify-content:unset!important;display:grid!important;grid-template-columns:1fr 1fr 2fr!important;grid-template-areas:\"cancel . actions\"!important}.valtimo-definition-uploader__footer--double ::ng-deep .cds--modal-footer{grid-template-columns:1fr 1fr!important;grid-template-areas:\"cancel actions\"!important}.valtimo-definition-uploader__progress-bar{height:100%;display:flex;flex-direction:column;justify-content:center}.valtimo-definition-uploader__error{display:flex;align-items:center;gap:10px;color:#da1e28;fill:#da1e28;font-size:12px}.valtimo-definition-uploader__cancel{grid-area:cancel;width:100%}.valtimo-definition-uploader__actions{grid-area:actions;display:flex}.valtimo-definition-uploader__actions button{flex:unset;width:100%}.valtimo-definition-uploader__file-uploader ::ng-deep cds-file{max-width:unset}.valtimo-definition-uploader__checkbox{display:flex;flex-direction:column;gap:8px}.valtimo-definition-uploader__checkbox--invalid ::ng-deep label:before{border-color:#da1e28;margin-inline:0}.valtimo-definition-uploader ::ng-deep .cds--modal-container{height:550px}.valtimo-definition-uploader ::ng-deep .cds--checkbox-label-text{color:#000}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
-        }], ctorParameters: () => [{ type: i1$2.DocumentService }, { type: CaseManagementService }, { type: i1$4.FormBuilder }, { type: i2.IconService }, { type: i3.TranslateService }], propDecorators: { open: [{
+            args: [{ standalone: false, selector: 'valtimo-case-management-upload', 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<cds-modal\n  *ngIf=\"{\n    activeStep: activeStep$ | async,\n    backButtonEnabled: backButtonEnabled$ | async,\n    isStepAfterUpload: isStepAfterUpload$ | async,\n    nextButtonDisabled: nextButtonDisabled$ | async,\n    showCloseButton: showCloseButton$ | async,\n    uploadStatus: uploadStatus$ | async,\n    preview: preview$ | async,\n    importWarning: importWarning$ | async,\n  } as obs\"\n  valtimoCdsModal\n  [open]=\"open\"\n  showFooter=\"true\"\n  class=\"valtimo-definition-uploader\"\n  (close)=\"onCloseModal()\"\n>\n  <cds-modal-header\n    [showCloseButton]=\"obs.showCloseButton\"\n    (closeSelect)=\"onCloseModal(obs.isStepAfterUpload && obs.uploadStatus !== UPLOAD_STATUS.ERROR)\"\n  >\n    <h3 cdsModalHeaderHeading>\n      {{ 'caseManagement.importDefinition.title' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <section\n    [ngSwitch]=\"obs.activeStep\"\n    [cdsLayer]=\"1\"\n    cdsModalContent\n    class=\"valtimo-definition-uploader__content\"\n  >\n    <ng-template ngSwitchDefault>\n      <valtimo-case-management-upload-step\n        [message]=\"\n          'caseManagement.importDefinition.steps.' + obs.activeStep + '.message' | translate\n        \"\n        [title]=\"'caseManagement.importDefinition.steps.' + obs.activeStep + '.title' | translate\"\n        [illustration]=\"'valtimo-layout/img/' + obs.activeStep + '.svg'\"\n      >\n      </valtimo-case-management-upload-step>\n    </ng-template>\n\n    <form *ngSwitchCase=\"UPLOAD_STEP.FILE_SELECT\" [formGroup]=\"form\">\n      <cds-file-uploader\n        [accept]=\"acceptedFiles\"\n        [buttonText]=\"'caseManagement.importDefinition.upload.buttonText' | translate\"\n        [description]=\"'caseManagement.importDefinition.upload.description' | translate\"\n        [multiple]=\"false\"\n        [title]=\"'caseManagement.importDefinition.upload.title' | translate\"\n        buttonType=\"primary\"\n        formControlName=\"file\"\n        [attr.data-test-id]=\"testIds.fileUploader\"\n        class=\"valtimo-definition-uploader__file-uploader\"\n      >\n      </cds-file-uploader>\n    </form>\n\n    <form\n      *ngSwitchCase=\"UPLOAD_STEP.CONFIGURE\"\n      [formGroup]=\"configureForm\"\n      class=\"valtimo-definition-uploader__configure\"\n    >\n      <cds-label>\n        {{ 'caseManagement.createDefinition.name' | translate }}\n        <input\n          formControlName=\"name\"\n          cdsText\n          [attr.data-test-id]=\"testIds.nameInput\"\n        />\n      </cds-label>\n\n      <valtimo-auto-key-input\n        [mode]=\"'add'\"\n        [sourceText]=\"nameControl.value\"\n        formControlName=\"caseDefinitionKey\"\n        labelTranslationKey=\"caseManagement.createDefinition.key\"\n      >\n      </valtimo-auto-key-input>\n\n      <div class=\"valtimo-definition-uploader__version-label\">\n        <label class=\"cds--label\">\n          {{ 'caseManagement.createDefinition.version' | translate }}\n        </label>\n        <div\n          class=\"valtimo-definition-uploader__version-field\"\n          [attr.data-test-id]=\"testIds.versionTag\"\n        >\n          <cds-tag class=\"cds-tag--no-margin\" [type]=\"obs.preview?.isFinal ? 'green' : 'red'\">\n            {{\n              (obs.preview?.isFinal\n                ? 'caseManagement.importDefinition.configure.finalTag'\n                : 'caseManagement.importDefinition.configure.draftTag'\n              ) | translate\n            }}\n          </cds-tag>\n          <span>{{ obs.preview?.versionTag }}</span>\n        </div>\n      </div>\n\n      <ng-container [ngSwitch]=\"obs.importWarning\">\n        <cds-inline-notification\n          *ngSwitchCase=\"IMPORT_WARNING.NEW_VERSION\"\n          [notificationObj]=\"{\n            type: 'info',\n            title: ('caseManagement.importDefinition.configure.newVersionWarning.title' | translate),\n            message: ('caseManagement.importDefinition.configure.newVersionWarning.message' | translate),\n            showClose: false,\n            lowContrast: true\n          }\"\n        ></cds-inline-notification>\n\n        <ng-container *ngSwitchCase=\"IMPORT_WARNING.EXISTING_DRAFT\">\n          <cds-inline-notification\n            [notificationObj]=\"{\n              type: 'warning',\n              title: ('caseManagement.importDefinition.configure.existingDraftWarning.title' | translate),\n              message: ('caseManagement.importDefinition.configure.existingDraftWarning.message' | translate),\n              showClose: false,\n              lowContrast: true\n            }\"\n          ></cds-inline-notification>\n          <cds-checkbox\n            [attr.data-test-id]=\"testIds.overrideCheckbox\"\n            (checkedChange)=\"overrideConfirmed$.next($event)\"\n          >\n            {{\n              'caseManagement.importDefinition.configure.overrideConfirm' | translate\n            }}\n          </cds-checkbox>\n        </ng-container>\n\n        <cds-inline-notification\n          *ngSwitchCase=\"IMPORT_WARNING.EXISTING_FINAL\"\n          [notificationObj]=\"{\n            type: 'error',\n            title: ('caseManagement.importDefinition.configure.existingFinalWarning.title' | translate),\n            message: ('caseManagement.importDefinition.configure.existingFinalWarning.message' | translate),\n            showClose: false,\n            lowContrast: true\n          }\"\n        ></cds-inline-notification>\n      </ng-container>\n    </form>\n\n    <cds-progress-bar\n      *ngSwitchCase=\"UPLOAD_STEP.FILE_UPLOAD\"\n      class=\"valtimo-definition-uploader__progress-bar\"\n      [label]=\"'caseManagement.importDefinition.progressBar.label' | translate\"\n      [status]=\"obs.uploadStatus\"\n      [helperText]=\"'caseManagement.importDefinition.progressBar.' + obs.uploadStatus | translate\"\n    ></cds-progress-bar>\n  </section>\n\n  <cds-modal-footer\n    class=\"valtimo-definition-uploader__footer\"\n    [class.valtimo-definition-uploader__footer--double]=\"obs.activeStep === UPLOAD_STEP.PLUGINS\"\n  >\n    <button\n      *ngIf=\"obs.uploadStatus !== UPLOAD_STATUS.ERROR && obs.activeStep !== UPLOAD_STEP.FILE_UPLOAD\"\n      class=\"valtimo-definition-uploader__cancel\"\n      cdsButton=\"ghost\"\n      (click)=\"onCloseModal(obs.isStepAfterUpload)\"\n    >\n      {{ (obs.isStepAfterUpload ? 'interface.skip' : 'interface.cancel') | translate }}\n    </button>\n\n    <div class=\"valtimo-definition-uploader__actions\">\n      <button\n        *ngIf=\"obs.backButtonEnabled\"\n        cdsButton=\"secondary\"\n        [attr.data-test-id]=\"testIds.cancelButton\"\n        (click)=\"onBackClick(obs.activeStep)\"\n      >\n        {{ 'interface.back' | translate }}\n      </button>\n\n      <button\n        *ngIf=\"obs.uploadStatus !== UPLOAD_STATUS.ERROR && obs.activeStep !== UPLOAD_STEP.DASHBOARD\"\n        cdsButton=\"primary\"\n        [attr.data-test-id]=\"testIds.nextButton\"\n        [disabled]=\"obs.nextButtonDisabled\"\n        (click)=\"onNextClick(obs.activeStep)\"\n      >\n        {{\n          (obs.activeStep === UPLOAD_STEP.CONFIGURE\n            ? 'caseManagement.importDefinition.startUpload'\n            : 'interface.next'\n          ) | translate\n        }}\n      </button>\n\n      <button\n        *ngIf=\"obs.uploadStatus === UPLOAD_STATUS.ERROR || obs.activeStep === UPLOAD_STEP.DASHBOARD\"\n        class=\"valtimo-definition-uploader__cancel\"\n        [attr.data-test-id]=\"testIds.finishButton\"\n        cdsButton=\"primary\"\n        (click)=\"onCloseModal(true)\"\n      >\n        {{ 'interface.finish' | translate }}\n      </button>\n    </div>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-definition-uploader__content,.valtimo-definition-uploader__content form{display:flex;flex-direction:column;gap:16px}.valtimo-definition-uploader__footer ::ng-deep .cds--modal-footer{justify-content:unset!important;display:grid!important;grid-template-columns:1fr 1fr 2fr!important;grid-template-areas:\"cancel . actions\"!important}.valtimo-definition-uploader__footer--double ::ng-deep .cds--modal-footer{grid-template-columns:1fr 1fr!important;grid-template-areas:\"cancel actions\"!important}.valtimo-definition-uploader__progress-bar{height:100%;display:flex;flex-direction:column;justify-content:center}.valtimo-definition-uploader__error{display:flex;align-items:center;gap:10px;color:#da1e28;fill:#da1e28;font-size:12px}.valtimo-definition-uploader__cancel{grid-area:cancel;width:100%}.valtimo-definition-uploader__actions{grid-area:actions;display:flex}.valtimo-definition-uploader__actions button{flex:unset;width:100%}.valtimo-definition-uploader__file-uploader ::ng-deep cds-file{max-width:unset}.valtimo-definition-uploader__configure{display:flex;flex-direction:column;gap:16px}.valtimo-definition-uploader__version-field{width:100%;display:flex;gap:8px;align-items:center;height:2.5rem;padding:0 1rem;background-color:var(--cds-layer-01);border-bottom:1px solid var(--cds-border-strong)}.valtimo-definition-uploader__version-field span{color:var(--cds-text-primary);font-size:.875rem;line-height:1.125rem;font-weight:400;letter-spacing:.16px}.valtimo-definition-uploader ::ng-deep .cds--modal-container{height:550px}.valtimo-definition-uploader ::ng-deep .cds--checkbox-label-text{color:#000}\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: CaseManagementService }, { type: i1$4.FormBuilder }, { type: i3.TranslateService }], propDecorators: { open: [{
                 type: Input
             }], closeModal: [{
                 type: Output
@@ -5012,10 +5808,10 @@ class CaseManagementCreateComponent {
             this.editDisabled$.next(true);
         }, CARBON_CONSTANTS.modalAnimationMs);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementCreateComponent, deps: [{ token: i1$2.DocumentService }, { token: i1$4.FormBuilder }, { token: i2.IconService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: CaseManagementCreateComponent, isStandalone: false, selector: "valtimo-case-management-create", inputs: { open: "open" }, outputs: { closeModal: "closeModal" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  *ngIf=\"{\n    editDisabled: editDisabled$ | async,\n    idError: idError$ | async,\n    versionError: versionError$ | async,\n    editActive: editActive$ | async,\n  } as obs\"\n  [open]=\"open\"\n  showFooter=\"true\"\n  valtimoCdsModal\n  class=\"valtimo-definition-create\"\n  (close)=\"onCloseModal()\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onCloseModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'caseManagement.createDefinition.modalTitle' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form\n    [formGroup]=\"formGroup\"\n    cdsModalContent\n    [cdsLayer]=\"1\"\n    class=\"valtimo-definition-create__content\"\n  >\n    <cds-label>\n      {{ 'caseManagement.createDefinition.name' | translate }}\n\n      <cds-tooltip\n        [caret]=\"true\"\n        [description]=\"'caseManagement.createDefinition.nameTooltip' | translate\"\n      >\n        <svg class=\"tooltip-trigger\" cdsIcon=\"information\" size=\"16\"></svg>\n      </cds-tooltip>\n\n      <input\n        formControlName=\"name\"\n        cdsText\n        placeholder=\"{{ 'caseManagement.createDefinition.namePlaceholder' | translate }}\"\n        [attr.modal-primary-focus]=\"true\"\n        [attr.data-test-id]=\"testIds.nameInput\"\n        (focusout)=\"onFocusOut()\"\n      />\n    </cds-label>\n\n    <cds-label [invalid]=\"!!obs.idError\" [invalidText]=\"obs.idError | translate\">\n      {{ 'caseManagement.createDefinition.key' | translate }}\n\n      <cds-tooltip\n        [caret]=\"true\"\n        [description]=\"'caseManagement.createDefinition.keyTooltip' | translate\"\n      >\n        <svg class=\"tooltip-trigger\" cdsIcon=\"information\" size=\"16\"></svg>\n      </cds-tooltip>\n\n      <div class=\"valtimo-definition-create__name\">\n        <input\n          cdsText\n          [attr.data-test-id]=\"testIds.keyInput\"\n          formControlName=\"caseDefinitionKey\"\n          [invalid]=\"!!obs.idError\"\n          [placeholder]=\"'caseManagement.createDefinition.keyPlaceholder' | translate\"\n          [attr.modal-primary-focus]=\"true\"\n        />\n\n        <button\n          *ngIf=\"!obs.editActive\"\n          cdsButton=\"secondary\"\n          [attr.data-test-id]=\"testIds.keyEditButton\"\n          [disabled]=\"obs.editDisabled\"\n          [iconOnly]=\"true\"\n          size=\"md\"\n          (click)=\"enableEdit()\"\n        >\n          <svg cdsIcon=\"edit\" size=\"16\"></svg>\n        </button>\n      </div>\n    </cds-label>\n\n    <cds-label [invalid]=\"!!obs.versionError\" [invalidText]=\"obs.versionError | translate\">\n      {{ 'caseManagement.createDefinition.version' | translate }}\n\n      <cds-tooltip\n        [caret]=\"true\"\n        [description]=\"'caseManagement.createDefinition.versionTooltip' | translate\"\n      >\n        <svg class=\"tooltip-trigger\" cdsIcon=\"information\" size=\"16\"></svg>\n      </cds-tooltip>\n\n      <input\n        formControlName=\"caseDefinitionVersion\"\n        [attr.data-test-id]=\"testIds.versionInput\"\n        cdsText\n        placeholder=\"{{ 'caseManagement.createDefinition.versionPlaceholder' | translate }}\"\n        [invalid]=\"!!obs.versionError\"\n        [attr.modal-primary-focus]=\"true\"\n        (focusout)=\"onFocusOut()\"\n      />\n    </cds-label>\n\n    <cds-textarea-label>\n      {{ 'caseManagement.createDefinition.description' | translate }}\n\n      <cds-tooltip\n        [caret]=\"true\"\n        [description]=\"'caseManagement.createDefinition.descriptionTooltip' | translate\"\n      >\n        <svg class=\"tooltip-trigger\" cdsIcon=\"information\" size=\"16\"></svg>\n      </cds-tooltip>\n\n      <textarea\n        cdsTextArea\n        formControlName=\"description\"\n        [attr.data-test-id]=\"testIds.descriptionInput\"\n        placeholder=\"{{ 'caseManagement.createDefinition.descriptionPlaceholder' | translate }}\"\n        [rows]=\"3\"\n        [cols]=\"150\"\n        [attr.modal-primary-focus]=\"true\"\n        (focusout)=\"onFocusOut()\"\n      ></textarea>\n    </cds-textarea-label>\n  </form>\n\n  <cds-modal-footer>\n    <button [attr.data-test-id]=\"testIds.closeButton\" cdsButton=\"secondary\" (click)=\"onCloseModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      [attr.data-test-id]=\"testIds.saveButton\"\n      cdsButton=\"primary\"\n      [disabled]=\"formGroup.invalid\"\n      (click)=\"onCloseModal(true)\"\n    >\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-definition-create__content{display:flex;flex-direction:column;gap:16px}.valtimo-definition-create__name{width:100%;display:flex;gap:8px}:host ::ng-deep .cds--label{display:flex;align-items:center;gap: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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: 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: "component", type: i2.TextareaLabelComponent, selector: "cds-textarea-label, ibm-textarea-label", inputs: ["labelInputID", "disabled", "skeleton", "labelTemplate", "textAreaTemplate", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel", "fluid"] }, { kind: "directive", type: i2.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "directive", type: i2.TextArea, selector: "[cdsTextArea], [ibmTextArea]", inputs: ["theme", "invalid", "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: "directive", type: i7.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "component", type: i2.Tooltip, selector: "cds-tooltip, ibm-tooltip", inputs: ["id", "enterDelayMs", "leaveDelayMs", "disabled", "description", "templateContext"] }, { kind: "directive", type: i2.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementCreateComponent, deps: [{ token: i1$2.DocumentService }, { token: i1$4.FormBuilder }, { token: i2.IconService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseManagementCreateComponent, isStandalone: false, selector: "valtimo-case-management-create", inputs: { open: "open" }, outputs: { closeModal: "closeModal" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  *ngIf=\"{\n    editDisabled: editDisabled$ | async,\n    idError: idError$ | async,\n    versionError: versionError$ | async,\n    editActive: editActive$ | async,\n  } as obs\"\n  [open]=\"open\"\n  showFooter=\"true\"\n  valtimoCdsModal\n  class=\"valtimo-definition-create\"\n  (close)=\"onCloseModal()\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onCloseModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'caseManagement.createDefinition.modalTitle' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form\n    [formGroup]=\"formGroup\"\n    cdsModalContent\n    [cdsLayer]=\"1\"\n    class=\"valtimo-definition-create__content\"\n  >\n    <cds-label>\n      {{ 'caseManagement.createDefinition.name' | translate }}\n\n      <cds-tooltip\n        [caret]=\"true\"\n        [description]=\"'caseManagement.createDefinition.nameTooltip' | translate\"\n      >\n        <svg class=\"tooltip-trigger\" cdsIcon=\"information\" size=\"16\"></svg>\n      </cds-tooltip>\n\n      <input\n        formControlName=\"name\"\n        cdsText\n        placeholder=\"{{ 'caseManagement.createDefinition.namePlaceholder' | translate }}\"\n        [attr.modal-primary-focus]=\"true\"\n        [attr.data-test-id]=\"testIds.nameInput\"\n        (focusout)=\"onFocusOut()\"\n      />\n    </cds-label>\n\n    <cds-label [invalid]=\"!!obs.idError\" [invalidText]=\"obs.idError | translate\">\n      {{ 'caseManagement.createDefinition.key' | translate }}\n\n      <cds-tooltip\n        [caret]=\"true\"\n        [description]=\"'caseManagement.createDefinition.keyTooltip' | translate\"\n      >\n        <svg class=\"tooltip-trigger\" cdsIcon=\"information\" size=\"16\"></svg>\n      </cds-tooltip>\n\n      <div class=\"valtimo-definition-create__name\">\n        <input\n          cdsText\n          [attr.data-test-id]=\"testIds.keyInput\"\n          formControlName=\"caseDefinitionKey\"\n          [invalid]=\"!!obs.idError\"\n          [placeholder]=\"'caseManagement.createDefinition.keyPlaceholder' | translate\"\n          [attr.modal-primary-focus]=\"true\"\n        />\n\n        <button\n          *ngIf=\"!obs.editActive\"\n          cdsButton=\"secondary\"\n          [attr.data-test-id]=\"testIds.keyEditButton\"\n          [disabled]=\"obs.editDisabled\"\n          [iconOnly]=\"true\"\n          size=\"md\"\n          (click)=\"enableEdit()\"\n        >\n          <svg cdsIcon=\"edit\" size=\"16\"></svg>\n        </button>\n      </div>\n    </cds-label>\n\n    <cds-label [invalid]=\"!!obs.versionError\" [invalidText]=\"obs.versionError | translate\">\n      {{ 'caseManagement.createDefinition.version' | translate }}\n\n      <cds-tooltip\n        [caret]=\"true\"\n        [description]=\"'caseManagement.createDefinition.versionTooltip' | translate\"\n      >\n        <svg class=\"tooltip-trigger\" cdsIcon=\"information\" size=\"16\"></svg>\n      </cds-tooltip>\n\n      <input\n        formControlName=\"caseDefinitionVersion\"\n        [attr.data-test-id]=\"testIds.versionInput\"\n        cdsText\n        placeholder=\"{{ 'caseManagement.createDefinition.versionPlaceholder' | translate }}\"\n        [invalid]=\"!!obs.versionError\"\n        [attr.modal-primary-focus]=\"true\"\n        (focusout)=\"onFocusOut()\"\n      />\n    </cds-label>\n\n    <cds-textarea-label>\n      {{ 'caseManagement.createDefinition.description' | translate }}\n\n      <cds-tooltip\n        [caret]=\"true\"\n        [description]=\"'caseManagement.createDefinition.descriptionTooltip' | translate\"\n      >\n        <svg class=\"tooltip-trigger\" cdsIcon=\"information\" size=\"16\"></svg>\n      </cds-tooltip>\n\n      <textarea\n        cdsTextArea\n        formControlName=\"description\"\n        [attr.data-test-id]=\"testIds.descriptionInput\"\n        placeholder=\"{{ 'caseManagement.createDefinition.descriptionPlaceholder' | translate }}\"\n        [rows]=\"3\"\n        [cols]=\"150\"\n        [attr.modal-primary-focus]=\"true\"\n        (focusout)=\"onFocusOut()\"\n      ></textarea>\n    </cds-textarea-label>\n  </form>\n\n  <cds-modal-footer>\n    <button [attr.data-test-id]=\"testIds.closeButton\" cdsButton=\"secondary\" (click)=\"onCloseModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      [attr.data-test-id]=\"testIds.saveButton\"\n      cdsButton=\"primary\"\n      [disabled]=\"formGroup.invalid\"\n      (click)=\"onCloseModal(true)\"\n    >\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-definition-create__content{display:flex;flex-direction:column;gap:16px}.valtimo-definition-create__name{width:100%;display:flex;gap:8px}:host ::ng-deep .cds--label{display:flex;align-items:center;gap: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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: 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: "component", type: i2.TextareaLabelComponent, selector: "cds-textarea-label, ibm-textarea-label", inputs: ["labelInputID", "disabled", "skeleton", "labelTemplate", "textAreaTemplate", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel", "fluid"] }, { kind: "directive", type: i2.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "directive", type: i2.TextArea, selector: "[cdsTextArea], [ibmTextArea]", inputs: ["theme", "invalid", "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: "directive", type: i7.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "component", type: i2.Tooltip, selector: "cds-tooltip, ibm-tooltip", inputs: ["id", "enterDelayMs", "leaveDelayMs", "disabled", "description", "templateContext"] }, { kind: "directive", type: i2.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementCreateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementCreateComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-case-management-create', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  *ngIf=\"{\n    editDisabled: editDisabled$ | async,\n    idError: idError$ | async,\n    versionError: versionError$ | async,\n    editActive: editActive$ | async,\n  } as obs\"\n  [open]=\"open\"\n  showFooter=\"true\"\n  valtimoCdsModal\n  class=\"valtimo-definition-create\"\n  (close)=\"onCloseModal()\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onCloseModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'caseManagement.createDefinition.modalTitle' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form\n    [formGroup]=\"formGroup\"\n    cdsModalContent\n    [cdsLayer]=\"1\"\n    class=\"valtimo-definition-create__content\"\n  >\n    <cds-label>\n      {{ 'caseManagement.createDefinition.name' | translate }}\n\n      <cds-tooltip\n        [caret]=\"true\"\n        [description]=\"'caseManagement.createDefinition.nameTooltip' | translate\"\n      >\n        <svg class=\"tooltip-trigger\" cdsIcon=\"information\" size=\"16\"></svg>\n      </cds-tooltip>\n\n      <input\n        formControlName=\"name\"\n        cdsText\n        placeholder=\"{{ 'caseManagement.createDefinition.namePlaceholder' | translate }}\"\n        [attr.modal-primary-focus]=\"true\"\n        [attr.data-test-id]=\"testIds.nameInput\"\n        (focusout)=\"onFocusOut()\"\n      />\n    </cds-label>\n\n    <cds-label [invalid]=\"!!obs.idError\" [invalidText]=\"obs.idError | translate\">\n      {{ 'caseManagement.createDefinition.key' | translate }}\n\n      <cds-tooltip\n        [caret]=\"true\"\n        [description]=\"'caseManagement.createDefinition.keyTooltip' | translate\"\n      >\n        <svg class=\"tooltip-trigger\" cdsIcon=\"information\" size=\"16\"></svg>\n      </cds-tooltip>\n\n      <div class=\"valtimo-definition-create__name\">\n        <input\n          cdsText\n          [attr.data-test-id]=\"testIds.keyInput\"\n          formControlName=\"caseDefinitionKey\"\n          [invalid]=\"!!obs.idError\"\n          [placeholder]=\"'caseManagement.createDefinition.keyPlaceholder' | translate\"\n          [attr.modal-primary-focus]=\"true\"\n        />\n\n        <button\n          *ngIf=\"!obs.editActive\"\n          cdsButton=\"secondary\"\n          [attr.data-test-id]=\"testIds.keyEditButton\"\n          [disabled]=\"obs.editDisabled\"\n          [iconOnly]=\"true\"\n          size=\"md\"\n          (click)=\"enableEdit()\"\n        >\n          <svg cdsIcon=\"edit\" size=\"16\"></svg>\n        </button>\n      </div>\n    </cds-label>\n\n    <cds-label [invalid]=\"!!obs.versionError\" [invalidText]=\"obs.versionError | translate\">\n      {{ 'caseManagement.createDefinition.version' | translate }}\n\n      <cds-tooltip\n        [caret]=\"true\"\n        [description]=\"'caseManagement.createDefinition.versionTooltip' | translate\"\n      >\n        <svg class=\"tooltip-trigger\" cdsIcon=\"information\" size=\"16\"></svg>\n      </cds-tooltip>\n\n      <input\n        formControlName=\"caseDefinitionVersion\"\n        [attr.data-test-id]=\"testIds.versionInput\"\n        cdsText\n        placeholder=\"{{ 'caseManagement.createDefinition.versionPlaceholder' | translate }}\"\n        [invalid]=\"!!obs.versionError\"\n        [attr.modal-primary-focus]=\"true\"\n        (focusout)=\"onFocusOut()\"\n      />\n    </cds-label>\n\n    <cds-textarea-label>\n      {{ 'caseManagement.createDefinition.description' | translate }}\n\n      <cds-tooltip\n        [caret]=\"true\"\n        [description]=\"'caseManagement.createDefinition.descriptionTooltip' | translate\"\n      >\n        <svg class=\"tooltip-trigger\" cdsIcon=\"information\" size=\"16\"></svg>\n      </cds-tooltip>\n\n      <textarea\n        cdsTextArea\n        formControlName=\"description\"\n        [attr.data-test-id]=\"testIds.descriptionInput\"\n        placeholder=\"{{ 'caseManagement.createDefinition.descriptionPlaceholder' | translate }}\"\n        [rows]=\"3\"\n        [cols]=\"150\"\n        [attr.modal-primary-focus]=\"true\"\n        (focusout)=\"onFocusOut()\"\n      ></textarea>\n    </cds-textarea-label>\n  </form>\n\n  <cds-modal-footer>\n    <button [attr.data-test-id]=\"testIds.closeButton\" cdsButton=\"secondary\" (click)=\"onCloseModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      [attr.data-test-id]=\"testIds.saveButton\"\n      cdsButton=\"primary\"\n      [disabled]=\"formGroup.invalid\"\n      (click)=\"onCloseModal(true)\"\n    >\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-definition-create__content{display:flex;flex-direction:column;gap:16px}.valtimo-definition-create__name{width:100%;display:flex;gap:8px}:host ::ng-deep .cds--label{display:flex;align-items:center;gap: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"] }]
         }], ctorParameters: () => [{ type: i1$2.DocumentService }, { type: i1$4.FormBuilder }, { type: i2.IconService }], propDecorators: { open: [{
@@ -5150,10 +5946,10 @@ class CaseManagementListComponent {
     showCreateModal() {
         this.showCreateModal$.next(true);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementListComponent, deps: [{ token: CaseManagementService }, { token: i2.IconService }, { token: i7.MenuService }, { token: i2$1.ActivatedRoute }, { token: i2$1.Router }, { token: i3$1.EnvironmentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", 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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.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", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], 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: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementListComponent, deps: [{ token: CaseManagementService }, { token: i2.IconService }, { token: i7.MenuService }, { token: i2$1.ActivatedRoute }, { token: i2$1.Router }, { token: i3$1.EnvironmentService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", 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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.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", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], 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: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementListComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-case-management-list', 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"] }]
         }], ctorParameters: () => [{ type: CaseManagementService }, { type: i2.IconService }, { type: i7.MenuService }, { type: i2$1.ActivatedRoute }, { type: i2$1.Router }, { type: i3$1.EnvironmentService }], propDecorators: { statusColumnTemplate: [{
@@ -5201,6 +5997,7 @@ const routes = [
                 component: ProcessManagementComponent,
                 data: { context: 'case' },
             },
+            { path: TabEnum.ACTIONS, component: CaseManagementActionsComponent },
             {
                 path: TabEnum.DECISIONS,
                 component: DecisionListComponent,
@@ -5307,11 +6104,11 @@ class CaseManagementRoutingModule {
             component: tabConfig.component,
         })));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementRoutingModule, deps: [{ token: CASE_MANAGEMENT_TAB_TOKEN, optional: true }, { token: i2$1.Router }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementRoutingModule, imports: [i2$1.RouterModule], exports: [RouterModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementRoutingModule, imports: [RouterModule.forChild(routes), RouterModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementRoutingModule, deps: [{ token: CASE_MANAGEMENT_TAB_TOKEN, optional: true }, { token: i2$1.Router }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementRoutingModule, imports: [i2$1.RouterModule], exports: [RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementRoutingModule, imports: [RouterModule.forChild(routes), RouterModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementRoutingModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementRoutingModule, decorators: [{
             type: NgModule,
             args: [{ imports: [RouterModule.forChild(routes)], exports: [RouterModule], declarations: [] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
@@ -5382,10 +6179,10 @@ class CaseManagementAssigneeComponent {
             autoAssignTasks: !currentSettings.autoAssignTasks,
         }, caseDefinitionKey, caseDefinitionVersionTag);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementAssigneeComponent, deps: [{ token: i1$2.DocumentService }, { token: i2$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: CaseManagementAssigneeComponent, isStandalone: false, selector: "valtimo-case-management-assignee", 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<h2 class=\"mb-4\">{{ 'caseManagement.toggleAssignee.title' | translate }}</h2>\n\n<ng-container\n  *ngIf=\"{\n    currentValue: currentValue$ | async,\n    loading: loading$ | async,\n    disabled: disabled$ | async,\n    params: params$ | async,\n  } as obs\"\n>\n  <ng-container *ngIf=\"obs.loading === false; else loading\">\n    <label\n      class=\"custom-control custom-checkbox custom-control-inline pl-6 mr-5\"\n      placement=\"bottom\"\n    >\n      <input\n        [checked]=\"obs?.currentValue?.canHaveAssignee\"\n        class=\"custom-control-input\"\n        type=\"checkbox\"\n        [disabled]=\"obs.disabled\"\n        (click)=\"toggleAssignee(obs?.currentValue, obs.params?.caseDefinitionKey)\"\n      /><span class=\"custom-control-label custom-control-color\">{{\n        'caseManagement.toggleAssignee.checkboxDescription' | translate\n      }}</span>\n    </label>\n  </ng-container>\n  <ng-container *ngIf=\"obs?.currentValue?.canHaveAssignee\">\n    <label\n      class=\"custom-control custom-checkbox custom-control-inline pl-6 mr-5\"\n      placement=\"bottom\"\n    >\n      <input\n        [checked]=\"obs?.currentValue?.autoAssignTasks\"\n        class=\"custom-control-input\"\n        type=\"checkbox\"\n        [disabled]=\"obs.disabled\"\n        (click)=\"toggleTaskAssignment(obs?.currentValue, obs.params?.caseDefinitionKey)\"\n      /><span class=\"custom-control-label custom-control-color\">{{\n        'caseManagement.toggleAutoAssignTasks.checkboxDescription' | translate\n      }}</span>\n    </label>\n  </ng-container>\n</ng-container>\n\n<ng-template #loading>\n  <valtimo-spinner></valtimo-spinner>\n</ng-template>\n", styles: ["/*!\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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.SpinnerComponent, selector: "valtimo-spinner", inputs: ["useBootstrapSpinner", "name", "type", "size", "color", "bdColor", "fullScreen", "noMarginTop"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementAssigneeComponent, deps: [{ token: i1$2.DocumentService }, { token: i2$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseManagementAssigneeComponent, isStandalone: false, selector: "valtimo-case-management-assignee", 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<h2 class=\"mb-4\">{{ 'caseManagement.toggleAssignee.title' | translate }}</h2>\n\n<ng-container\n  *ngIf=\"{\n    currentValue: currentValue$ | async,\n    loading: loading$ | async,\n    disabled: disabled$ | async,\n    params: params$ | async,\n  } as obs\"\n>\n  <ng-container *ngIf=\"obs.loading === false; else loading\">\n    <label\n      class=\"custom-control custom-checkbox custom-control-inline pl-6 mr-5\"\n      placement=\"bottom\"\n    >\n      <input\n        [checked]=\"obs?.currentValue?.canHaveAssignee\"\n        class=\"custom-control-input\"\n        type=\"checkbox\"\n        [disabled]=\"obs.disabled\"\n        (click)=\"toggleAssignee(obs?.currentValue, obs.params?.caseDefinitionKey)\"\n      /><span class=\"custom-control-label custom-control-color\">{{\n        'caseManagement.toggleAssignee.checkboxDescription' | translate\n      }}</span>\n    </label>\n  </ng-container>\n  <ng-container *ngIf=\"obs?.currentValue?.canHaveAssignee\">\n    <label\n      class=\"custom-control custom-checkbox custom-control-inline pl-6 mr-5\"\n      placement=\"bottom\"\n    >\n      <input\n        [checked]=\"obs?.currentValue?.autoAssignTasks\"\n        class=\"custom-control-input\"\n        type=\"checkbox\"\n        [disabled]=\"obs.disabled\"\n        (click)=\"toggleTaskAssignment(obs?.currentValue, obs.params?.caseDefinitionKey)\"\n      /><span class=\"custom-control-label custom-control-color\">{{\n        'caseManagement.toggleAutoAssignTasks.checkboxDescription' | translate\n      }}</span>\n    </label>\n  </ng-container>\n</ng-container>\n\n<ng-template #loading>\n  <valtimo-spinner></valtimo-spinner>\n</ng-template>\n", styles: ["/*!\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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.SpinnerComponent, selector: "valtimo-spinner", inputs: ["useBootstrapSpinner", "name", "type", "size", "color", "bdColor", "fullScreen", "noMarginTop"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementAssigneeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementAssigneeComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-case-management-assignee', 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<h2 class=\"mb-4\">{{ 'caseManagement.toggleAssignee.title' | translate }}</h2>\n\n<ng-container\n  *ngIf=\"{\n    currentValue: currentValue$ | async,\n    loading: loading$ | async,\n    disabled: disabled$ | async,\n    params: params$ | async,\n  } as obs\"\n>\n  <ng-container *ngIf=\"obs.loading === false; else loading\">\n    <label\n      class=\"custom-control custom-checkbox custom-control-inline pl-6 mr-5\"\n      placement=\"bottom\"\n    >\n      <input\n        [checked]=\"obs?.currentValue?.canHaveAssignee\"\n        class=\"custom-control-input\"\n        type=\"checkbox\"\n        [disabled]=\"obs.disabled\"\n        (click)=\"toggleAssignee(obs?.currentValue, obs.params?.caseDefinitionKey)\"\n      /><span class=\"custom-control-label custom-control-color\">{{\n        'caseManagement.toggleAssignee.checkboxDescription' | translate\n      }}</span>\n    </label>\n  </ng-container>\n  <ng-container *ngIf=\"obs?.currentValue?.canHaveAssignee\">\n    <label\n      class=\"custom-control custom-checkbox custom-control-inline pl-6 mr-5\"\n      placement=\"bottom\"\n    >\n      <input\n        [checked]=\"obs?.currentValue?.autoAssignTasks\"\n        class=\"custom-control-input\"\n        type=\"checkbox\"\n        [disabled]=\"obs.disabled\"\n        (click)=\"toggleTaskAssignment(obs?.currentValue, obs.params?.caseDefinitionKey)\"\n      /><span class=\"custom-control-label custom-control-color\">{{\n        'caseManagement.toggleAutoAssignTasks.checkboxDescription' | translate\n      }}</span>\n    </label>\n  </ng-container>\n</ng-container>\n\n<ng-template #loading>\n  <valtimo-spinner></valtimo-spinner>\n</ng-template>\n", styles: ["/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
         }], ctorParameters: () => [{ type: i1$2.DocumentService }, { type: i2$1.ActivatedRoute }] });
@@ -5485,13 +6282,13 @@ class CaseManagementConnectModalComponent {
             },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementConnectModalComponent, deps: [{ token: i1$2.DocumentService }, { token: CaseDetailService }, { token: i3$1.GlobalNotificationService }, { token: i4.ProcessService }, { token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: CaseManagementConnectModalComponent, isStandalone: false, selector: "valtimo-case-management-connect-modal", outputs: { reloadProcessDocumentDefinitions: "reloadProcessDocumentDefinitions" }, viewQueries: [{ propertyName: "_modal", first: true, predicate: ["caseConnectModal"], 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-modal\n  #caseConnectModal\n  elementId=\"caseConnectModal\"\n  [title]=\"documentDefinition ? documentDefinition.schema.title : 'Document definition'\"\n  subtitle=\"Connect document definition to process definition\"\n  showFooter=\"true\"\n>\n  <div body *ngIf=\"documentDefinition\">\n    <p>\n      {{ 'Select process definition for document definition' | translate }}\n      <strong>{{ documentDefinition.id.name }} *</strong>\n    </p>\n    <div class=\"input-group mb-3 align-items-center\">\n      <select class=\"form-control\" [(ngModel)]=\"newDocumentProcessDefinition\">\n        <option [ngValue]=\"null\">{{ 'caseManagement.selectProcessDef' | translate }}</option>\n        <option\n          *ngFor=\"let processDefinition of processDefinitions\"\n          [disabled]=\"processDocumentDefinitionExists[processDefinition.key]\"\n          [ngValue]=\"processDefinition\"\n        >\n          {{ processDefinition.name }} ({{ processDefinition.key }})\n        </option>\n      </select>\n    </div>\n    <p>\n      {{ 'Select options for the selected process' | translate }}\n    </p>\n    <div class=\"input-group mb-3 align-items-center\">\n      <label\n        class=\"custom-control custom-checkbox custom-control-inline pl-6 mb-0\"\n        placement=\"bottom\"\n        ngbTooltip=\"{{ 'processCaseConnection.processCreatesCaseTooltip' | translate }}\"\n      >\n        <input\n          class=\"custom-control-input\"\n          type=\"checkbox\"\n          [(ngModel)]=\"newDocumentProcessDefinitionInit\"\n        /><span class=\"custom-control-label custom-control-color\">{{\n          'processCaseConnection.processCreatesCase' | translate\n        }}</span>\n      </label>\n      <label\n        class=\"custom-control custom-checkbox custom-control-inline ml-2 pl-6 mb-0\"\n        placement=\"bottom\"\n        ngbTooltip=\"{{ 'processCaseConnection.startableWithinCaseTooltip' | translate }}\"\n      >\n        <input\n          class=\"custom-control-input\"\n          type=\"checkbox\"\n          [(ngModel)]=\"newDocumentProcessDefinitionStartableByUser\"\n        /><span class=\"custom-control-label custom-control-color\">{{\n          'processCaseConnection.startableWithinCase' | translate\n        }}</span>\n      </label>\n    </div>\n  </div>\n  <div footer>\n    <button\n      (click)=\"submit()\"\n      class=\"btn btn-primary\"\n      data-dismiss=\"modal\"\n      [disabled]=\"!newDocumentProcessDefinition\"\n    >\n      {{ 'Save' | translate }}\n    </button>\n  </div>\n</valtimo-modal>\n", styles: ["/*!\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: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$4.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.ModalComponent, selector: "valtimo-modal", inputs: ["elementId", "title", "subtitle", "templateBelowSubtitle", "showFooter"] }, { kind: "directive", type: i9.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementConnectModalComponent, deps: [{ token: i1$2.DocumentService }, { token: CaseDetailService }, { token: i3$1.GlobalNotificationService }, { token: i4$1.ProcessService }, { token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseManagementConnectModalComponent, isStandalone: false, selector: "valtimo-case-management-connect-modal", outputs: { reloadProcessDocumentDefinitions: "reloadProcessDocumentDefinitions" }, viewQueries: [{ propertyName: "_modal", first: true, predicate: ["caseConnectModal"], 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-modal\n  #caseConnectModal\n  elementId=\"caseConnectModal\"\n  [title]=\"documentDefinition ? documentDefinition.schema.title : 'Document definition'\"\n  subtitle=\"Connect document definition to process definition\"\n  showFooter=\"true\"\n>\n  <div body *ngIf=\"documentDefinition\">\n    <p>\n      {{ 'Select process definition for document definition' | translate }}\n      <strong>{{ documentDefinition.id.name }} *</strong>\n    </p>\n    <div class=\"input-group mb-3 align-items-center\">\n      <select class=\"form-control\" [(ngModel)]=\"newDocumentProcessDefinition\">\n        <option [ngValue]=\"null\">{{ 'caseManagement.selectProcessDef' | translate }}</option>\n        <option\n          *ngFor=\"let processDefinition of processDefinitions\"\n          [disabled]=\"processDocumentDefinitionExists[processDefinition.key]\"\n          [ngValue]=\"processDefinition\"\n        >\n          {{ processDefinition.name }} ({{ processDefinition.key }})\n        </option>\n      </select>\n    </div>\n    <p>\n      {{ 'Select options for the selected process' | translate }}\n    </p>\n    <div class=\"input-group mb-3 align-items-center\">\n      <label\n        class=\"custom-control custom-checkbox custom-control-inline pl-6 mb-0\"\n        placement=\"bottom\"\n        ngbTooltip=\"{{ 'processCaseConnection.processCreatesCaseTooltip' | translate }}\"\n      >\n        <input\n          class=\"custom-control-input\"\n          type=\"checkbox\"\n          [(ngModel)]=\"newDocumentProcessDefinitionInit\"\n        /><span class=\"custom-control-label custom-control-color\">{{\n          'processCaseConnection.processCreatesCase' | translate\n        }}</span>\n      </label>\n      <label\n        class=\"custom-control custom-checkbox custom-control-inline ml-2 pl-6 mb-0\"\n        placement=\"bottom\"\n        ngbTooltip=\"{{ 'processCaseConnection.startableWithinCaseTooltip' | translate }}\"\n      >\n        <input\n          class=\"custom-control-input\"\n          type=\"checkbox\"\n          [(ngModel)]=\"newDocumentProcessDefinitionStartableByUser\"\n        /><span class=\"custom-control-label custom-control-color\">{{\n          'processCaseConnection.startableWithinCase' | translate\n        }}</span>\n      </label>\n    </div>\n  </div>\n  <div footer>\n    <button\n      (click)=\"submit()\"\n      class=\"btn btn-primary\"\n      data-dismiss=\"modal\"\n      [disabled]=\"!newDocumentProcessDefinition\"\n    >\n      {{ 'Save' | translate }}\n    </button>\n  </div>\n</valtimo-modal>\n", styles: ["/*!\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: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$4.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.ModalComponent, selector: "valtimo-modal", inputs: ["elementId", "title", "subtitle", "templateBelowSubtitle", "showFooter"] }, { kind: "directive", type: i9.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementConnectModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementConnectModalComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-case-management-connect-modal', 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-modal\n  #caseConnectModal\n  elementId=\"caseConnectModal\"\n  [title]=\"documentDefinition ? documentDefinition.schema.title : 'Document definition'\"\n  subtitle=\"Connect document definition to process definition\"\n  showFooter=\"true\"\n>\n  <div body *ngIf=\"documentDefinition\">\n    <p>\n      {{ 'Select process definition for document definition' | translate }}\n      <strong>{{ documentDefinition.id.name }} *</strong>\n    </p>\n    <div class=\"input-group mb-3 align-items-center\">\n      <select class=\"form-control\" [(ngModel)]=\"newDocumentProcessDefinition\">\n        <option [ngValue]=\"null\">{{ 'caseManagement.selectProcessDef' | translate }}</option>\n        <option\n          *ngFor=\"let processDefinition of processDefinitions\"\n          [disabled]=\"processDocumentDefinitionExists[processDefinition.key]\"\n          [ngValue]=\"processDefinition\"\n        >\n          {{ processDefinition.name }} ({{ processDefinition.key }})\n        </option>\n      </select>\n    </div>\n    <p>\n      {{ 'Select options for the selected process' | translate }}\n    </p>\n    <div class=\"input-group mb-3 align-items-center\">\n      <label\n        class=\"custom-control custom-checkbox custom-control-inline pl-6 mb-0\"\n        placement=\"bottom\"\n        ngbTooltip=\"{{ 'processCaseConnection.processCreatesCaseTooltip' | translate }}\"\n      >\n        <input\n          class=\"custom-control-input\"\n          type=\"checkbox\"\n          [(ngModel)]=\"newDocumentProcessDefinitionInit\"\n        /><span class=\"custom-control-label custom-control-color\">{{\n          'processCaseConnection.processCreatesCase' | translate\n        }}</span>\n      </label>\n      <label\n        class=\"custom-control custom-checkbox custom-control-inline ml-2 pl-6 mb-0\"\n        placement=\"bottom\"\n        ngbTooltip=\"{{ 'processCaseConnection.startableWithinCaseTooltip' | translate }}\"\n      >\n        <input\n          class=\"custom-control-input\"\n          type=\"checkbox\"\n          [(ngModel)]=\"newDocumentProcessDefinitionStartableByUser\"\n        /><span class=\"custom-control-label custom-control-color\">{{\n          'processCaseConnection.startableWithinCase' | translate\n        }}</span>\n      </label>\n    </div>\n  </div>\n  <div footer>\n    <button\n      (click)=\"submit()\"\n      class=\"btn btn-primary\"\n      data-dismiss=\"modal\"\n      [disabled]=\"!newDocumentProcessDefinition\"\n    >\n      {{ 'Save' | translate }}\n    </button>\n  </div>\n</valtimo-modal>\n", styles: ["/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
-        }], ctorParameters: () => [{ type: i1$2.DocumentService }, { type: CaseDetailService }, { type: i3$1.GlobalNotificationService }, { type: i4.ProcessService }, { type: i3.TranslateService }], propDecorators: { _modal: [{
+        }], ctorParameters: () => [{ type: i1$2.DocumentService }, { type: CaseDetailService }, { type: i3$1.GlobalNotificationService }, { type: i4$1.ProcessService }, { type: i3.TranslateService }], propDecorators: { _modal: [{
                 type: ViewChild,
                 args: ['caseConnectModal']
             }], reloadProcessDocumentDefinitions: [{
@@ -5499,7 +6296,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }] } });
 
 /*
- * Copyright 2015-2025 Ritense BV, the Netherlands.
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -5514,8 +6311,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * limitations under the License.
  */
 class CaseManagementModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementModule, declarations: [CaseManagementListComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementModule, declarations: [CaseManagementListComponent,
             CaseManagementConnectModalComponent,
             CaseManagementSelectVersionModalComponent,
             CaseManagementUploadComponent,
@@ -5576,7 +6373,8 @@ class CaseManagementModule {
             ComboBoxModule,
             RenderInPageHeaderDirective,
             DialogModule,
-            ValtimoCdsOverflowButtonDirective,
+            OverflowMenuComponent,
+            OverflowMenuOptionComponent,
             EditorModule,
             CarbonListModule,
             TabsModule,
@@ -5585,7 +6383,7 @@ class CaseManagementModule {
             ProgressBarModule,
             ConfirmationModalModule,
             ToggleModule,
-            TooltipModule,
+            TooltipModule$1,
             ValuePathSelectorComponent,
             LayerModule,
             FormManagementComponent,
@@ -5595,8 +6393,10 @@ class CaseManagementModule {
             ReadOnlyDirective,
             CaseManagementDraftWarningComponent,
             JsonEditorComponent,
-            CaseManagementHeaderComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementModule, providers: [TabManagementService], imports: [CommonModule,
+            CaseManagementActionsComponent,
+            CaseManagementHeaderComponent,
+            AutoKeyInputComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementModule, providers: [TabManagementService], imports: [CommonModule,
             WidgetModule,
             DropzoneModule,
             CaseManagementRoutingModule,
@@ -5629,6 +6429,8 @@ class CaseManagementModule {
             CarbonListModule,
             ComboBoxModule,
             DialogModule,
+            OverflowMenuComponent,
+            OverflowMenuOptionComponent,
             EditorModule,
             CarbonListModule,
             TabsModule,
@@ -5637,7 +6439,7 @@ class CaseManagementModule {
             ProgressBarModule,
             ConfirmationModalModule,
             ToggleModule,
-            TooltipModule,
+            TooltipModule$1,
             ValuePathSelectorComponent,
             LayerModule,
             FormManagementComponent,
@@ -5645,9 +6447,11 @@ class CaseManagementModule {
             NumberModule,
             CaseManagementDraftWarningComponent,
             JsonEditorComponent,
-            CaseManagementHeaderComponent] }); }
+            CaseManagementActionsComponent,
+            CaseManagementHeaderComponent,
+            AutoKeyInputComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -5715,7 +6519,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         ComboBoxModule,
                         RenderInPageHeaderDirective,
                         DialogModule,
-                        ValtimoCdsOverflowButtonDirective,
+                        OverflowMenuComponent,
+                        OverflowMenuOptionComponent,
                         EditorModule,
                         CarbonListModule,
                         TabsModule,
@@ -5724,7 +6529,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         ProgressBarModule,
                         ConfirmationModalModule,
                         ToggleModule,
-                        TooltipModule,
+                        TooltipModule$1,
                         ValuePathSelectorComponent,
                         LayerModule,
                         FormManagementComponent,
@@ -5734,7 +6539,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         ReadOnlyDirective,
                         CaseManagementDraftWarningComponent,
                         JsonEditorComponent,
+                        CaseManagementActionsComponent,
                         CaseManagementHeaderComponent,
+                        AutoKeyInputComponent,
                     ],
                     providers: [TabManagementService],
                 }]
@@ -5763,5 +6570,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { CASE_MANAGEMENT_CASE_HANDLER_TEST_IDS, CASE_MANAGEMENT_CREATE_TEST_IDS, CASE_MANAGEMENT_DETAIL_ACTIONS_TEST_IDS, CASE_MANAGEMENT_DETAIL_TEST_IDS, CASE_MANAGEMENT_EXTERNAL_START_FORM_TEST_IDS, CASE_MANAGEMENT_LIST_COLUMNS_TEST_IDS, CASE_MANAGEMENT_LIST_TEST_IDS, CASE_MANAGEMENT_STATUSES_TEST_IDS, CASE_MANAGEMENT_STATUS_MODAL_TEST_IDS, CASE_MANAGEMENT_TAGS_MODAL_TEST_IDS, CASE_MANAGEMENT_TAGS_TEST_IDS, CASE_MANAGEMENT_UPLOAD_TEST_IDS, CaseDefinition, CaseDetailService, CaseListItem, CaseManagementDraftWarningComponent, CaseManagementListComponent, CaseManagementModule, CaseManagementService, CaseWidgetManagementApiService, DraftVersion, ReleaseInformationData, ReleaseVersionData, TabEnum, TabManagementService, TabService };
+export { CASE_MANAGEMENT_CASE_HANDLER_TEST_IDS, CASE_MANAGEMENT_CREATE_TEST_IDS, CASE_MANAGEMENT_DETAIL_ACTIONS_TEST_IDS, CASE_MANAGEMENT_DETAIL_TEST_IDS, CASE_MANAGEMENT_EXTERNAL_START_FORM_TEST_IDS, CASE_MANAGEMENT_LIST_COLUMNS_TEST_IDS, CASE_MANAGEMENT_LIST_TEST_IDS, CASE_MANAGEMENT_STATUSES_TEST_IDS, CASE_MANAGEMENT_STATUS_MODAL_TEST_IDS, CASE_MANAGEMENT_TAGS_MODAL_TEST_IDS, CASE_MANAGEMENT_TAGS_TEST_IDS, CASE_MANAGEMENT_UPLOAD_TEST_IDS, CaseDefinition, CaseDetailService, CaseListItem, CaseManagementDraftWarningComponent, CaseManagementListComponent, CaseManagementModule, CaseManagementService, CaseWidgetManagementApiService, DraftVersion, ReleaseInformationData, ReleaseVersionData, StartableItemApiService, StartableItemManagementService, StartableItemType, TabEnum, TabManagementService, TabService };
 //# sourceMappingURL=valtimo-case-management.mjs.map