@valtimo/case 13.32.0 → 13.34.0

package/fesm2022/valtimo-case.mjs

@@ -1,10 +1,10 @@
 import * as i0 from '@angular/core';
-import { Injectable, ViewEncapsulation, Component, EventEmitter, Output, ViewContainerRef, ViewChild, HostBinding, Optional, Inject, Input, ChangeDetectionStrategy, InjectionToken, signal, Pipe, inject, NgModule } from '@angular/core';
-import { combineLatest, map, distinctUntilChanged, BehaviorSubject, take, Subject, switchMap, of, tap, filter, Subscription, startWith, forkJoin, catchError as catchError$1, shareReplay, first, fromEvent, from, debounceTime, defaultIfEmpty } from 'rxjs';
+import { Injectable, ViewEncapsulation, Component, EventEmitter, Output, ViewContainerRef, ViewChild, HostBinding, Optional, Inject, Input, ChangeDetectionStrategy, InjectionToken, signal, Pipe, inject, computed, NgModule } from '@angular/core';
+import { combineLatest, map, distinctUntilChanged, BehaviorSubject, take, Subject, switchMap, of, tap, filter, Subscription, startWith, forkJoin, catchError as catchError$1, shareReplay, first, fromEvent, from, debounceTime, defaultIfEmpty, Observable } from 'rxjs';
 import * as i1 from '@valtimo/shared';
 import { UploadProvider, ZGW_DOCUMENTEN_API_DOCUMENTS_COMPONENT_TOKEN, CaseListTab, TagColor, BaseApiService, ZGW_OBJECT_TYPE_COMPONENT_TOKEN, InterceptorSkip, FORM_VIEW_MODEL_TOKEN, ROLE_USER, ConfigModule, HttpLoaderFactory } from '@valtimo/shared';
 import * as i1$1 from '@angular/common/http';
-import { HttpHeaders, HttpClient } from '@angular/common/http';
+import { HttpHeaders, HttpParams, HttpClient } from '@angular/common/http';
 import * as i2 from '@valtimo/document';
 import { AdvancedDocumentSearchRequestImpl, InternalCaseStatusUtils, CaseTagsUtils, DocumentSearchRequestImpl } from '@valtimo/document';
 import * as i4 from '@ngx-translate/core';
@@ -13,7 +13,7 @@ import * as i1$2 from '@angular/router';
 import { NavigationStart, RouterModule } from '@angular/router';
 import * as i1$3 from 'ngx-logger';
 import * as i2$1 from '@valtimo/components';
-import { FormioOptionsImpl, TimelineItemImpl, CASES_WITHOUT_STATUS_KEY, CarbonListModule, FormIoModule, ViewType, QUICK_SEARCH_SERVICE, WidgetModule, AssignmentComponent, CurrentCarbonTheme, CARBON_THEME, ObserveSizeDirective, ValtimoCdsModalDirective, RenderInBodyComponent, CarbonListComponent, BpmnJsDiagramModule, TimelineModule, CamundaFormModule, FilterSidebarModule, DataListModule, ModalModule as ModalModule$1, SpinnerModule, UploaderModule, DropzoneModule, SelectModule, InputLabelModule, ParagraphModule, TableModule, VModalModule, SearchFieldsModule, InputModule as InputModule$1, FormModule as FormModule$1, ConfirmationModalModule, IsArrayPipe, StatusSelectorComponent, RenderInPageHeaderDirective, OverflowMenuComponent, OverflowMenuOptionComponent, OverflowMenuTriggerComponent, CaseTagsSelectorComponent, RemoveClassnamesDirective, ListColumnViewComponent, QuickSearchComponent } from '@valtimo/components';
+import { FormioOptionsImpl, TimelineItemImpl, CASES_WITHOUT_STATUS_KEY, CarbonListModule, FormIoModule, ViewType, QUICK_SEARCH_SERVICE, WidgetModule, AssignmentComponent, CurrentCarbonTheme, CARBON_THEME, ObserveSizeDirective, ValtimoCdsModalDirective, RenderInBodyComponent, CarbonListComponent, JsonEditorComponent, SelectModule, ConfirmationModalModule, BpmnJsDiagramModule, TimelineModule, CamundaFormModule, FilterSidebarModule, DataListModule, ModalModule as ModalModule$1, SpinnerModule, UploaderModule, DropzoneModule, InputLabelModule, ParagraphModule, TableModule, VModalModule, SearchFieldsModule, InputModule as InputModule$1, FormModule as FormModule$1, IsArrayPipe, StatusSelectorComponent, RenderInPageHeaderDirective, OverflowMenuComponent, OverflowMenuOptionComponent, OverflowMenuTriggerComponent, CaseTagsSelectorComponent, RemoveClassnamesDirective, ListColumnViewComponent, QuickSearchComponent } from '@valtimo/components';
 export { CASES_WITHOUT_STATUS_KEY } from '@valtimo/components';
 import moment from 'moment';
 import { catchError, switchMap as switchMap$1, map as map$1, tap as tap$1, take as take$1, filter as filter$1 } from 'rxjs/operators';
@@ -21,37 +21,37 @@ import * as i3 from '@valtimo/form';
 import { FormModule } from '@valtimo/form';
 import * as i5 from '@valtimo/sse';
 import * as i6 from '@angular/common';
-import { CommonModule, DOCUMENT } from '@angular/common';
-import * as i2$2 from 'carbon-components-angular';
-import { InputModule, ButtonModule, PaginationModule, TilesModule, LoadingModule, LayerModule, TagModule, IconModule, DialogModule, ModalModule, Tabs, SelectModule as SelectModule$1, DropdownModule, TabsModule, ComboBoxModule, SkeletonModule, NotificationModule, ToggletipModule, TooltipModule } from 'carbon-components-angular';
-import * as i2$3 from '@valtimo/process';
-import { ProcessModule } from '@valtimo/process';
+import { CommonModule, DOCUMENT, NgComponentOutlet } from '@angular/common';
+import * as i4$1 from 'carbon-components-angular';
+import { InputModule, ButtonModule, PaginationModule, TilesModule, LoadingModule, LayerModule, TagModule, IconModule, DialogModule, ModalModule, Tabs, StructuredListModule, DatePickerModule, DropdownModule, NumberModule, ToggleModule, LinkModule, TabsModule, SelectModule as SelectModule$1, ComboBoxModule, SkeletonModule, NotificationModule, ToggletipModule, TooltipModule } from 'carbon-components-angular';
+import * as i2$2 from '@valtimo/process';
+import { ProcessDiagramComponent, ProcessModule } from '@valtimo/process';
 import * as i3$1 from 'ngx-spinner';
 import * as i6$1 from '@ng-bootstrap/ng-bootstrap';
 import { NgbTooltipModule, NgbButtonsModule, NgbPaginationModule, NgbModule } from '@ng-bootstrap/ng-bootstrap';
 import * as i3$2 from '@valtimo/resource';
-import * as i2$4 from '@valtimo/access-control';
+import * as i2$3 from '@valtimo/access-control';
 import * as i1$4 from '@angular/forms';
-import { Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { Validators, ReactiveFormsModule, FormsModule } from '@angular/forms';
 import * as i5$1 from '@valtimo/layout';
 import { WidgetFieldComponent, WidgetCustomComponent, WidgetFormioComponent, WidgetTableComponent, WidgetCollectionComponent, WidgetMapComponent, WidgetPersonCardComponent, WidgetMetrolineComponent, WidgetHighlightComponent, WidgetType, WidgetContainerComponent } from '@valtimo/layout';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { isEqual } from 'lodash-es';
 import { isEqual as isEqual$1 } from 'lodash';
 import * as i5$2 from '@valtimo/teams';
-import { UserFilled20, Group20, ChevronDown16 } from '@carbon/icons';
+import { UserFilled20, Group20, ChevronDown16, Close16, Add16, Edit16, TrashCan16, WarningAltFilled16, CheckmarkFilled16, CheckmarkOutline16 } from '@carbon/icons';
 import * as i5$4 from 'keycloak-angular';
 import * as i12 from '@valtimo/security';
 import { AuthGuardService } from '@valtimo/security';
 import * as i5$3 from '@valtimo/task';
 import { CAN_VIEW_TASK_PERMISSION, TASK_DETAIL_PERMISSION_RESOURCE, TaskModule, CAN_ASSIGN_TASK_PERMISSION, CAN_MODIFY_TASK_PERMISSION, TaskDetailContentComponent, TaskDetailIntermediateSaveComponent, SetTaskDueDateComponent } from '@valtimo/task';
 import * as i3$3 from '@valtimo/process-link';
-import { FORM_CUSTOM_COMPONENT_TOKEN, ProcessLinkModule } from '@valtimo/process-link';
+import { formSizeToCarbonModalSizeMap, FORM_CUSTOM_COMPONENT_TOKEN, ProcessLinkModule } from '@valtimo/process-link';
 import * as i17 from 'angular-split';
 import { AngularSplitModule } from 'angular-split';
 
 /*
- * 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.
@@ -74,6 +74,8 @@ var PERMISSION_ACTION$1;
     PERMISSION_ACTION["edit"] = "modify";
     PERMISSION_ACTION["view"] = "view";
     PERMISSION_ACTION["export"] = "export";
+    PERMISSION_ACTION["inspect"] = "inspect";
+    PERMISSION_ACTION["inspectModify"] = "inspect_modify";
 })(PERMISSION_ACTION$1 || (PERMISSION_ACTION$1 = {}));
 var CASE_DETAIL_PERMISSION_RESOURCE;
 (function (CASE_DETAIL_PERMISSION_RESOURCE) {
@@ -117,6 +119,14 @@ const CAN_EXPORT_CASE_PERMISSION = {
     action: PERMISSION_ACTION$1.export,
     resource: CASE_DETAIL_PERMISSION_RESOURCE.jsonSchemaDocument,
 };
+const CAN_INSPECT_CASE_PERMISSION = {
+    action: PERMISSION_ACTION$1.inspect,
+    resource: CASE_DETAIL_PERMISSION_RESOURCE.jsonSchemaDocument,
+};
+const CAN_INSPECT_MODIFY_CASE_PERMISSION = {
+    action: PERMISSION_ACTION$1.inspectModify,
+    resource: CASE_DETAIL_PERMISSION_RESOURCE.jsonSchemaDocument,
+};
 
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
@@ -1111,7 +1121,52 @@ class TabImpl {
  */
 
 /*
- * 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.
+ */
+var CaseInspectionLogLevel;
+(function (CaseInspectionLogLevel) {
+    CaseInspectionLogLevel["TRACE"] = "TRACE";
+    CaseInspectionLogLevel["DEBUG"] = "DEBUG";
+    CaseInspectionLogLevel["INFO"] = "INFO";
+    CaseInspectionLogLevel["WARN"] = "WARN";
+    CaseInspectionLogLevel["ERROR"] = "ERROR";
+})(CaseInspectionLogLevel || (CaseInspectionLogLevel = {}));
+const CASE_INSPECTION_LOG_LEVEL_TAG = {
+    TRACE: 'gray',
+    DEBUG: 'teal',
+    INFO: 'blue',
+    WARN: 'purple',
+    ERROR: 'red',
+};
+var ProcessDetailTab;
+(function (ProcessDetailTab) {
+    ProcessDetailTab["DETAILS"] = "details";
+    ProcessDetailTab["DIAGRAM"] = "diagram";
+})(ProcessDetailTab || (ProcessDetailTab = {}));
+var CaseInspectionTab;
+(function (CaseInspectionTab) {
+    CaseInspectionTab["DOCUMENT"] = "document";
+    CaseInspectionTab["PROCESSES"] = "processes";
+    CaseInspectionTab["BUILDING_BLOCKS"] = "building-blocks";
+    CaseInspectionTab["LOGS"] = "logs";
+    CaseInspectionTab["ZGW"] = "zgw";
+    CaseInspectionTab["METADATA"] = "metadata";
+})(CaseInspectionTab || (CaseInspectionTab = {}));
+
+/*
+ * 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.
@@ -1200,7 +1255,7 @@ class CaseDetailTabSummaryComponent {
             .subscribe());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseDetailTabSummaryComponent, deps: [{ token: i2.DocumentService }, { token: i1$2.ActivatedRoute }, { token: i3.FormService }, { token: i4.TranslateService }, { token: i5.SseService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CaseDetailTabSummaryComponent, 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<ng-container\n  *ngIf=\"{\n    formDefinition: formDefinition$ | async,\n    document: document$ | async,\n    loading: loading$ | async,\n    notificationObj: notificationObj$ | async,\n  } as obs\"\n>\n  @if (!obs.loading && obs.document && obs.formDefinition) {\n    <valtimo-form-io\n      class=\"valtimo-summary-form\"\n      [form]=\"obs.formDefinition\"\n      [options]=\"options\"\n    ></valtimo-form-io>\n  } @else if (obs.notificationObj) {\n    <cds-inline-notification [notificationObj]=\"obs.notificationObj\"></cds-inline-notification>\n  }\n</ng-container>\n", styles: [".hoverable:hover{background-color:#eee}.valtimo-summary-form .formio-component{margin-bottom:0!important}.valtimo-summary-form .formio-component div[ref=element] .form-control{height:24px!important;background-color:#fff;border:0px;margin:0;padding:0!important;font-size:13px}.valtimo-summary-form .formio-field div[ref=element] .form-control{font-weight:400}.valtimo-summary-form .formio-value div[ref=element] .form-control{font-weight:700}\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$1.FormioComponent, selector: "valtimo-form-io", inputs: ["options", "submission", "form", "readOnly", "formRefresh$"], outputs: ["submit", "change", "event"] }, { kind: "component", type: i2$2.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CaseDetailTabSummaryComponent, 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<ng-container\n  *ngIf=\"{\n    formDefinition: formDefinition$ | async,\n    document: document$ | async,\n    loading: loading$ | async,\n    notificationObj: notificationObj$ | async,\n  } as obs\"\n>\n  @if (!obs.loading && obs.document && obs.formDefinition) {\n    <valtimo-form-io\n      class=\"valtimo-summary-form\"\n      [form]=\"obs.formDefinition\"\n      [options]=\"options\"\n    ></valtimo-form-io>\n  } @else if (obs.notificationObj) {\n    <cds-inline-notification [notificationObj]=\"obs.notificationObj\"></cds-inline-notification>\n  }\n</ng-container>\n", styles: [".hoverable:hover{background-color:#eee}.valtimo-summary-form .formio-component{margin-bottom:0!important}.valtimo-summary-form .formio-component div[ref=element] .form-control{height:24px!important;background-color:#fff;border:0px;margin:0;padding:0!important;font-size:13px}.valtimo-summary-form .formio-field div[ref=element] .form-control{font-weight:400}.valtimo-summary-form .formio-value div[ref=element] .form-control{font-weight:700}\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$1.FormioComponent, selector: "valtimo-form-io", inputs: ["options", "submission", "form", "readOnly", "errors", "formRefresh$"], outputs: ["submit", "change", "event"] }, { kind: "component", type: i4$1.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseDetailTabSummaryComponent, decorators: [{
             type: Component,
@@ -1254,7 +1309,7 @@ class CaseDetailTabProgressComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseDetailTabProgressComponent, deps: [{ token: i1$2.ActivatedRoute }, { token: i2.DocumentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseDetailTabProgressComponent, isStandalone: false, selector: "valtimo-case-detail-tab-progress", 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  class=\"full-height-tab-content\"\n  *ngIf=\"{\n    processInstanceItems: processInstanceItems$ | async,\n    selectedProcessInstance: selectedProcessInstance$ | async,\n  } as obs\"\n>\n  <span *ngIf=\"!obs.processInstanceItems.isLoading && !obs.processInstanceItems.value\">{{\n    'progress.noProcessDocumentInstances' | translate\n  }}</span>\n\n  <div class=\"process-info-row\">\n    <cds-dropdown\n      [dropUp]=\"false\"\n      [label]=\"'progress.process' | translate\"\n      [skeleton]=\"obs.processInstanceItems.isLoading\"\n      [style.width.px]=\"350\"\n      (selected)=\"loadProcessInstance($event.item.processInstanceId)\"\n    >\n      <cds-dropdown-list [items]=\"obs.processInstanceItems.value || []\"></cds-dropdown-list>\n    </cds-dropdown>\n\n    <div>\n      <v-input-label [title]=\"'progress.version' | translate\"></v-input-label>\n\n      <cds-skeleton-text\n        *ngIf=\"obs.selectedProcessInstance.isLoading\"\n        [lines]=\"1\"\n        [maxLineWidth]=\"30\"\n      ></cds-skeleton-text>\n\n      <span *ngIf=\"!obs.selectedProcessInstance.isLoading\" class=\"process-info-text\">\n        {{ obs.selectedProcessInstance.value.version }} ({{ 'progress.of' | translate }}\n        {{ obs.selectedProcessInstance.value.latestVersion }})\n      </span>\n    </div>\n\n    <div>\n      <v-input-label [title]=\"'progress.startedBy' | translate\"></v-input-label>\n\n      <cds-skeleton-text\n        *ngIf=\"obs.selectedProcessInstance.isLoading\"\n        [lines]=\"1\"\n        [maxLineWidth]=\"50\"\n      ></cds-skeleton-text>\n\n      <span *ngIf=\"!obs.selectedProcessInstance.isLoading\" class=\"process-info-text\">\n        {{ obs.selectedProcessInstance.value.startedBy || ('progress.system' | translate) }}\n      </span>\n    </div>\n\n    <div>\n      <v-input-label [title]=\"'progress.startedOn' | translate\"></v-input-label>\n\n      <cds-skeleton-text\n        *ngIf=\"obs.selectedProcessInstance.isLoading\"\n        [lines]=\"1\"\n        [maxLineWidth]=\"50\"\n      ></cds-skeleton-text>\n\n      <span *ngIf=\"!obs.selectedProcessInstance.isLoading\" class=\"process-info-text\">\n        {{ obs.selectedProcessInstance.value.startedOn.toLocaleDateString() }}\n      </span>\n    </div>\n  </div>\n\n  <div>\n    <valtimo-process-diagram\n      *ngIf=\"!obs.selectedProcessInstance.isLoading\"\n      [processInstanceId]=\"obs.selectedProcessInstance.value.id.processInstanceId\"\n    ></valtimo-process-diagram>\n  </div>\n</ng-container>\n", styles: [".full-height-tab-content{height:calc(100vh - 380px);width:100%}.process-info-row{display:flex;gap:24px}.process-info-text{color:var(--v-color-black);font-size:var(--v-font-size-default)}.process-info-text{display:flex;height:40px;align-items:center}\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$3.ProcessDiagramComponent, selector: "valtimo-process-diagram", inputs: ["processDefinitionKey", "processInstanceId"], outputs: ["importDone"] }, { kind: "component", type: i2$1.InputLabelComponent, selector: "v-input-label", inputs: ["name", "tooltip", "tooltipTranslationKey", "largeMargin", "small", "noMargin", "title", "titleTranslationKey", "required", "disabled", "carbonTheme"] }, { kind: "component", type: i2$2.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$2.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "component", type: i2$2.SkeletonText, selector: "cds-skeleton-text, ibm-skeleton-text", inputs: ["lines", "minLineWidth", "maxLineWidth"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseDetailTabProgressComponent, isStandalone: false, selector: "valtimo-case-detail-tab-progress", 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  class=\"full-height-tab-content\"\n  *ngIf=\"{\n    processInstanceItems: processInstanceItems$ | async,\n    selectedProcessInstance: selectedProcessInstance$ | async,\n  } as obs\"\n>\n  <span *ngIf=\"!obs.processInstanceItems.isLoading && !obs.processInstanceItems.value\">{{\n    'progress.noProcessDocumentInstances' | translate\n  }}</span>\n\n  <div class=\"process-info-row\">\n    <cds-dropdown\n      [dropUp]=\"false\"\n      [label]=\"'progress.process' | translate\"\n      [skeleton]=\"obs.processInstanceItems.isLoading\"\n      [style.width.px]=\"350\"\n      (selected)=\"loadProcessInstance($event.item.processInstanceId)\"\n    >\n      <cds-dropdown-list [items]=\"obs.processInstanceItems.value || []\"></cds-dropdown-list>\n    </cds-dropdown>\n\n    <div>\n      <v-input-label [title]=\"'progress.version' | translate\"></v-input-label>\n\n      <cds-skeleton-text\n        *ngIf=\"obs.selectedProcessInstance.isLoading\"\n        [lines]=\"1\"\n        [maxLineWidth]=\"30\"\n      ></cds-skeleton-text>\n\n      <span *ngIf=\"!obs.selectedProcessInstance.isLoading\" class=\"process-info-text\">\n        {{ obs.selectedProcessInstance.value.version }} ({{ 'progress.of' | translate }}\n        {{ obs.selectedProcessInstance.value.latestVersion }})\n      </span>\n    </div>\n\n    <div>\n      <v-input-label [title]=\"'progress.startedBy' | translate\"></v-input-label>\n\n      <cds-skeleton-text\n        *ngIf=\"obs.selectedProcessInstance.isLoading\"\n        [lines]=\"1\"\n        [maxLineWidth]=\"50\"\n      ></cds-skeleton-text>\n\n      <span *ngIf=\"!obs.selectedProcessInstance.isLoading\" class=\"process-info-text\">\n        {{ obs.selectedProcessInstance.value.startedBy || ('progress.system' | translate) }}\n      </span>\n    </div>\n\n    <div>\n      <v-input-label [title]=\"'progress.startedOn' | translate\"></v-input-label>\n\n      <cds-skeleton-text\n        *ngIf=\"obs.selectedProcessInstance.isLoading\"\n        [lines]=\"1\"\n        [maxLineWidth]=\"50\"\n      ></cds-skeleton-text>\n\n      <span *ngIf=\"!obs.selectedProcessInstance.isLoading\" class=\"process-info-text\">\n        {{ obs.selectedProcessInstance.value.startedOn.toLocaleDateString() }}\n      </span>\n    </div>\n  </div>\n\n  <div>\n    <valtimo-process-diagram\n      *ngIf=\"!obs.selectedProcessInstance.isLoading\"\n      [processInstanceId]=\"obs.selectedProcessInstance.value.id.processInstanceId\"\n    ></valtimo-process-diagram>\n  </div>\n</ng-container>\n", styles: [".full-height-tab-content{height:calc(100vh - 380px);width:100%}.process-info-row{display:flex;gap:24px}.process-info-text{color:var(--v-color-black);font-size:var(--v-font-size-default)}.process-info-text{display:flex;height:40px;align-items:center}\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$2.ProcessDiagramComponent, selector: "valtimo-process-diagram", inputs: ["processDefinitionKey", "processInstanceId"], outputs: ["importDone"] }, { kind: "component", type: i2$1.InputLabelComponent, selector: "v-input-label", inputs: ["name", "tooltip", "tooltipTranslationKey", "largeMargin", "small", "noMargin", "title", "titleTranslationKey", "required", "disabled", "carbonTheme"] }, { kind: "component", type: i4$1.Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: ["id", "label", "hideLabel", "helperText", "placeholder", "displayValue", "clearText", "size", "type", "theme", "disabled", "readonly", "skeleton", "inline", "disableArrowKeys", "invalid", "invalidText", "warn", "warnText", "appendInline", "scrollableContainer", "itemValueKey", "selectionFeedback", "menuButtonLabel", "selectedLabel", "dropUp", "fluid"], outputs: ["selected", "onClose", "close"] }, { kind: "component", type: i4$1.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "component", type: i4$1.SkeletonText, selector: "cds-skeleton-text, ibm-skeleton-text", inputs: ["lines", "minLineWidth", "maxLineWidth"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseDetailTabProgressComponent, decorators: [{
             type: Component,
@@ -1654,7 +1709,7 @@ class NoteModalComponent {
         this.formGroup.reset();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: NoteModalComponent, deps: [{ token: i1$4.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: NoteModalComponent, isStandalone: false, selector: "valtimo-note-modal", inputs: { modalType: "modalType", customData: "customData", open: "open" }, outputs: { modalClosed: "modalClosed" }, 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 [open]=\"open\" size=\"sm\" showFooter=\"true\" (close)=\"onCancel()\">\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCancel()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'case.notes.' + modalType + 'Note' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form [formGroup]=\"formGroup\" cdsModalContent>\n    <cds-textarea-label>\n      {{ 'case.notes.input.content' | translate }}\n\n      <textarea\n        cdsTextArea\n        cdsLayer=\"1\"\n        class=\"valtimo-note-modal__textarea\"\n        formControlName=\"content\"\n        [rows]=\"10\"\n      ></textarea>\n    </cds-textarea-label>\n  </form>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"onCancel()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button [disabled]=\"!formGroup.valid\" cdsButton=\"primary\" (click)=\"onConfirm()\">\n      {{ 'case.notes.' + modalType + 'Note' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [":host textarea{width: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: 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: "directive", type: i2$2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: i2$2.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i2$2.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i2$2.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i2$2.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i2$2.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "directive", type: i2$1.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "directive", type: i2$2.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "component", type: i2$2.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$2.TextArea, selector: "[cdsTextArea], [ibmTextArea]", inputs: ["theme", "invalid", "skeleton"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: NoteModalComponent, isStandalone: false, selector: "valtimo-note-modal", inputs: { modalType: "modalType", customData: "customData", open: "open" }, outputs: { modalClosed: "modalClosed" }, 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 [open]=\"open\" size=\"sm\" showFooter=\"true\" (close)=\"onCancel()\">\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCancel()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'case.notes.' + modalType + 'Note' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form [formGroup]=\"formGroup\" cdsModalContent>\n    <cds-textarea-label>\n      {{ 'case.notes.input.content' | translate }}\n\n      <textarea\n        cdsTextArea\n        cdsLayer=\"1\"\n        class=\"valtimo-note-modal__textarea\"\n        formControlName=\"content\"\n        [rows]=\"10\"\n      ></textarea>\n    </cds-textarea-label>\n  </form>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"onCancel()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button [disabled]=\"!formGroup.valid\" cdsButton=\"primary\" (click)=\"onConfirm()\">\n      {{ 'case.notes.' + modalType + 'Note' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [":host textarea{width: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: 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: "directive", type: i4$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: i4$1.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i4$1.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i4$1.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i4$1.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i4$1.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "directive", type: i2$1.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "directive", type: i4$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "component", type: i4$1.TextareaLabelComponent, selector: "cds-textarea-label, ibm-textarea-label", inputs: ["labelInputID", "disabled", "skeleton", "labelTemplate", "textAreaTemplate", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel", "fluid"] }, { kind: "directive", type: i4$1.TextArea, selector: "[cdsTextArea], [ibmTextArea]", inputs: ["theme", "invalid", "skeleton"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: NoteModalComponent, decorators: [{
             type: Component,
@@ -1818,13 +1873,13 @@ class CaseDetailTabNotesComponent {
         this.idToDelete$.next(data.customData?.['id'] ?? '');
         this.showDeleteModal$.next(true);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseDetailTabNotesComponent, deps: [{ token: i1.GlobalNotificationService }, { token: NotesService }, { token: i2$4.PermissionService }, { token: i1$2.ActivatedRoute }, { token: i4.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseDetailTabNotesComponent, isStandalone: false, selector: "ng-component", host: { properties: { "class.tab--no-margin": "this.noMargin" } }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n<ng-container\n  *ngIf=\"{\n    canAdd: canAdd$ | async,\n    notes: notes$ | async,\n    pagination: pagination$ | async,\n    loading: loading$ | async,\n  } as obs\"\n>\n  <div class=\"cds--toolbar-content\">\n    <button\n      cdsButton=\"primary\"\n      *ngIf=\"obs.canAdd\"\n      [disabled]=\"obs.loading\"\n      (click)=\"showAddModal()\"\n      aria-expanded=\"false\"\n      aria-haspopup=\"true\"\n    >\n      {{ 'case.notes.addNote' | translate }}\n\n      <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n    </button>\n  </div>\n\n  <div *ngIf=\"timelineItems\">\n    <valtimo-timeline\n      *ngIf=\"timelineItems.length > 0\"\n      [actions]=\"actions\"\n      [items]=\"timelineItems\"\n    ></valtimo-timeline>\n\n    <valtimo-no-results\n      *ngIf=\"timelineItems.length === 0\"\n      [description]=\"'case.notes.noResults.description' | translate\"\n      [title]=\"'case.notes.noResults.title' | translate\"\n      illustration=\"valtimo-layout/img/emptystate-no-result.svg\"\n    ></valtimo-no-results>\n  </div>\n\n  <valtimo-spinner\n    [useBootstrapSpinner]=\"false\"\n    name=\"auditSpinner\"\n    bdColor=\"rgba(125, 125, 125, 0.35)\"\n    color=\"#264251\"\n    type=\"square-jelly-box\"\n  >\n  </valtimo-spinner>\n\n  <div *ngIf=\"obs.pagination\" class=\"d-flex justify-content-end row mr-0 ml-0\">\n    <ngb-pagination\n      *ngIf=\"obs.pagination.collectionSize > obs.pagination.size\"\n      [collectionSize]=\"obs.pagination.collectionSize\"\n      [maxSize]=\"obs.pagination.size\"\n      [pageSize]=\"obs.pagination.size\"\n      [rotate]=\"true\"\n      [(page)]=\"obs.pagination.page\"\n      (pageChange)=\"paginationClicked($event)\"\n    ></ngb-pagination>\n  </div>\n</ng-container>\n\n<valtimo-note-modal\n  [customData]=\"customData$ | async\"\n  [modalType]=\"modalType$ | async\"\n  [open]=\"modalOpen$ | async\"\n  (modalClosed)=\"onModalClosed($event)\"\n></valtimo-note-modal>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"case.notes.deleteConfirmation.description\"\n  [outputOnConfirm]=\"idToDelete$ | async\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"case.notes.deleteConfirmation.title\"\n  (confirmEvent)=\"onDeleteConfirm($event)\"\n></valtimo-confirmation-modal>\n", styles: [":host{display:flex;flex-direction:column}.add-note{align-self: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: "component", type: i2$1.TimelineComponent, selector: "valtimo-timeline", inputs: ["items", "actions"] }, { kind: "component", type: i2$1.SpinnerComponent, selector: "valtimo-spinner", inputs: ["useBootstrapSpinner", "name", "type", "size", "color", "bdColor", "fullScreen", "noMarginTop"] }, { kind: "component", type: i6$1.NgbPagination, selector: "ngb-pagination", inputs: ["disabled", "boundaryLinks", "directionLinks", "ellipses", "rotate", "collectionSize", "maxSize", "page", "pageSize", "size"], outputs: ["pageChange"] }, { kind: "directive", type: i2$2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i2$2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i2$1.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$1.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "component", type: NoteModalComponent, selector: "valtimo-note-modal", inputs: ["modalType", "customData", "open"], outputs: ["modalClosed"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseDetailTabNotesComponent, deps: [{ token: i1.GlobalNotificationService }, { token: NotesService }, { token: i2$3.PermissionService }, { token: i1$2.ActivatedRoute }, { token: i4.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseDetailTabNotesComponent, isStandalone: false, selector: "ng-component", host: { properties: { "class.tab--no-margin": "this.noMargin" } }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n<ng-container\n  *ngIf=\"{\n    canAdd: canAdd$ | async,\n    notes: notes$ | async,\n    pagination: pagination$ | async,\n    loading: loading$ | async,\n  } as obs\"\n>\n  <div class=\"cds--toolbar-content\">\n    <button\n      cdsButton=\"primary\"\n      *ngIf=\"obs.canAdd\"\n      [disabled]=\"obs.loading\"\n      (click)=\"showAddModal()\"\n      aria-expanded=\"false\"\n      aria-haspopup=\"true\"\n    >\n      {{ 'case.notes.addNote' | translate }}\n\n      <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n    </button>\n  </div>\n\n  <div *ngIf=\"timelineItems\">\n    <valtimo-timeline\n      *ngIf=\"timelineItems.length > 0\"\n      [actions]=\"actions\"\n      [items]=\"timelineItems\"\n    ></valtimo-timeline>\n\n    <valtimo-no-results\n      *ngIf=\"timelineItems.length === 0\"\n      [description]=\"'case.notes.noResults.description' | translate\"\n      [title]=\"'case.notes.noResults.title' | translate\"\n      illustration=\"valtimo-layout/img/emptystate-no-result.svg\"\n    ></valtimo-no-results>\n  </div>\n\n  <valtimo-spinner\n    [useBootstrapSpinner]=\"false\"\n    name=\"auditSpinner\"\n    bdColor=\"rgba(125, 125, 125, 0.35)\"\n    color=\"#264251\"\n    type=\"square-jelly-box\"\n  >\n  </valtimo-spinner>\n\n  <div *ngIf=\"obs.pagination\" class=\"d-flex justify-content-end row mr-0 ml-0\">\n    <ngb-pagination\n      *ngIf=\"obs.pagination.collectionSize > obs.pagination.size\"\n      [collectionSize]=\"obs.pagination.collectionSize\"\n      [maxSize]=\"obs.pagination.size\"\n      [pageSize]=\"obs.pagination.size\"\n      [rotate]=\"true\"\n      [(page)]=\"obs.pagination.page\"\n      (pageChange)=\"paginationClicked($event)\"\n    ></ngb-pagination>\n  </div>\n</ng-container>\n\n<valtimo-note-modal\n  [customData]=\"customData$ | async\"\n  [modalType]=\"modalType$ | async\"\n  [open]=\"modalOpen$ | async\"\n  (modalClosed)=\"onModalClosed($event)\"\n></valtimo-note-modal>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"case.notes.deleteConfirmation.description\"\n  [outputOnConfirm]=\"idToDelete$ | async\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"case.notes.deleteConfirmation.title\"\n  (confirmEvent)=\"onDeleteConfirm($event)\"\n></valtimo-confirmation-modal>\n", styles: [":host{display:flex;flex-direction:column}.add-note{align-self: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: "component", type: i2$1.TimelineComponent, selector: "valtimo-timeline", inputs: ["items", "actions"] }, { kind: "component", type: i2$1.SpinnerComponent, selector: "valtimo-spinner", inputs: ["useBootstrapSpinner", "name", "type", "size", "color", "bdColor", "fullScreen", "noMarginTop"] }, { kind: "component", type: i6$1.NgbPagination, selector: "ngb-pagination", inputs: ["disabled", "boundaryLinks", "directionLinks", "ellipses", "rotate", "collectionSize", "maxSize", "page", "pageSize", "size"], outputs: ["pageChange"] }, { kind: "directive", type: i4$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i4$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i2$1.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$1.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "component", type: NoteModalComponent, selector: "valtimo-note-modal", inputs: ["modalType", "customData", "open"], outputs: ["modalClosed"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseDetailTabNotesComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n<ng-container\n  *ngIf=\"{\n    canAdd: canAdd$ | async,\n    notes: notes$ | async,\n    pagination: pagination$ | async,\n    loading: loading$ | async,\n  } as obs\"\n>\n  <div class=\"cds--toolbar-content\">\n    <button\n      cdsButton=\"primary\"\n      *ngIf=\"obs.canAdd\"\n      [disabled]=\"obs.loading\"\n      (click)=\"showAddModal()\"\n      aria-expanded=\"false\"\n      aria-haspopup=\"true\"\n    >\n      {{ 'case.notes.addNote' | translate }}\n\n      <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n    </button>\n  </div>\n\n  <div *ngIf=\"timelineItems\">\n    <valtimo-timeline\n      *ngIf=\"timelineItems.length > 0\"\n      [actions]=\"actions\"\n      [items]=\"timelineItems\"\n    ></valtimo-timeline>\n\n    <valtimo-no-results\n      *ngIf=\"timelineItems.length === 0\"\n      [description]=\"'case.notes.noResults.description' | translate\"\n      [title]=\"'case.notes.noResults.title' | translate\"\n      illustration=\"valtimo-layout/img/emptystate-no-result.svg\"\n    ></valtimo-no-results>\n  </div>\n\n  <valtimo-spinner\n    [useBootstrapSpinner]=\"false\"\n    name=\"auditSpinner\"\n    bdColor=\"rgba(125, 125, 125, 0.35)\"\n    color=\"#264251\"\n    type=\"square-jelly-box\"\n  >\n  </valtimo-spinner>\n\n  <div *ngIf=\"obs.pagination\" class=\"d-flex justify-content-end row mr-0 ml-0\">\n    <ngb-pagination\n      *ngIf=\"obs.pagination.collectionSize > obs.pagination.size\"\n      [collectionSize]=\"obs.pagination.collectionSize\"\n      [maxSize]=\"obs.pagination.size\"\n      [pageSize]=\"obs.pagination.size\"\n      [rotate]=\"true\"\n      [(page)]=\"obs.pagination.page\"\n      (pageChange)=\"paginationClicked($event)\"\n    ></ngb-pagination>\n  </div>\n</ng-container>\n\n<valtimo-note-modal\n  [customData]=\"customData$ | async\"\n  [modalType]=\"modalType$ | async\"\n  [open]=\"modalOpen$ | async\"\n  (modalClosed)=\"onModalClosed($event)\"\n></valtimo-note-modal>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"case.notes.deleteConfirmation.description\"\n  [outputOnConfirm]=\"idToDelete$ | async\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"case.notes.deleteConfirmation.title\"\n  (confirmEvent)=\"onDeleteConfirm($event)\"\n></valtimo-confirmation-modal>\n", styles: [":host{display:flex;flex-direction:column}.add-note{align-self: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.GlobalNotificationService }, { type: NotesService }, { type: i2$4.PermissionService }, { type: i1$2.ActivatedRoute }, { type: i4.TranslateService }], propDecorators: { noMargin: [{
+        }], ctorParameters: () => [{ type: i1.GlobalNotificationService }, { type: NotesService }, { type: i2$3.PermissionService }, { type: i1$2.ActivatedRoute }, { type: i4.TranslateService }], propDecorators: { noMargin: [{
                 type: HostBinding,
                 args: ['class.tab--no-margin']
             }] } });
@@ -1984,7 +2039,24 @@ const CASE_DETAIL_START_PROCESS_DROPDOWN_WIDTH = {
 };
 
 /*
- * 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.
+ */
+const ZGW_CASE_INSPECTION_TAB_TOKEN = new InjectionToken('Component contributed by @valtimo/zgw to render the ZGW tab on the case inspection screen.');
+
+/*
+ * 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.
@@ -2046,7 +2118,7 @@ class CaseDetailTabFormioComponent {
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseDetailTabFormioComponent, deps: [{ token: CaseTabService }, { token: i1$2.ActivatedRoute }, { token: i3.FormService }, { token: i5.SseService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseDetailTabFormioComponent, 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<ng-container\n  *ngIf=\"{\n    prefilledForm: prefilledForm$ | async,\n    loading: loading$ | async,\n    formNotFound: formNotFound$ | async,\n    noFormSpecified: noFormSpecified$ | async,\n  } as obs\"\n>\n  <div *ngIf=\"obs.loading\" class=\"loading-container\">\n    <cds-loading></cds-loading>\n  </div>\n\n  <p *ngIf=\"obs.formNotFound\" class=\"error-message\">\n    {{ 'case.formio.formNotFound' | translate: {formDefinitionName: obs.formNotFound} }}\n  </p>\n\n  <p *ngIf=\"obs.noFormSpecified\" class=\"error-message\">\n    {{ 'case.formio.noFormSpecified' | translate }}\n  </p>\n\n  <valtimo-form-io *ngIf=\"obs.prefilledForm\" [form]=\"obs.prefilledForm\"> </valtimo-form-io>\n</ng-container>\n", styles: [".loading-container{display:flex;width:100%;flex-direction:row;justify-content:center}.error-message{text-align:center}\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$1.FormioComponent, selector: "valtimo-form-io", inputs: ["options", "submission", "form", "readOnly", "formRefresh$"], outputs: ["submit", "change", "event"] }, { kind: "component", type: i2$2.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseDetailTabFormioComponent, 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<ng-container\n  *ngIf=\"{\n    prefilledForm: prefilledForm$ | async,\n    loading: loading$ | async,\n    formNotFound: formNotFound$ | async,\n    noFormSpecified: noFormSpecified$ | async,\n  } as obs\"\n>\n  <div *ngIf=\"obs.loading\" class=\"loading-container\">\n    <cds-loading></cds-loading>\n  </div>\n\n  <p *ngIf=\"obs.formNotFound\" class=\"error-message\">\n    {{ 'case.formio.formNotFound' | translate: {formDefinitionName: obs.formNotFound} }}\n  </p>\n\n  <p *ngIf=\"obs.noFormSpecified\" class=\"error-message\">\n    {{ 'case.formio.noFormSpecified' | translate }}\n  </p>\n\n  <valtimo-form-io *ngIf=\"obs.prefilledForm\" [form]=\"obs.prefilledForm\"> </valtimo-form-io>\n</ng-container>\n", styles: [".loading-container{display:flex;width:100%;flex-direction:row;justify-content:center}.error-message{text-align:center}\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$1.FormioComponent, selector: "valtimo-form-io", inputs: ["options", "submission", "form", "readOnly", "errors", "formRefresh$"], outputs: ["submit", "change", "event"] }, { kind: "component", type: i4$1.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseDetailTabFormioComponent, decorators: [{
             type: Component,
@@ -2249,8 +2321,8 @@ class CaseWidgetFieldComponent extends WidgetProcess {
             return;
         this.widgetsService.startProcess(process.processDefinitionKey);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseWidgetFieldComponent, deps: [{ token: i2.DocumentService }, { token: i2$4.PermissionService }, { token: WidgetsService }, { token: CaseTabService }, { token: CaseWidgetsApiService }, { token: i5$1.WidgetLayoutService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CaseWidgetFieldComponent, isStandalone: true, selector: "valtimo-case-widget-field", inputs: { documentId: "documentId", widgetConfiguration: "widgetConfiguration", widgetUuid: "widgetUuid" }, 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-field\n  *ngIf=\"{\n    widgetConfiguration: widgetConfiguration$ | async,\n    widgetData: widgetData$ | async,\n  } as obs\"\n  [widgetConfiguration]=\"obs.widgetConfiguration\"\n  [widgetData]=\"obs.widgetData\"\n>\n  @if (obs.widgetConfiguration?.actions?.length === 1) {\n    @if (obs.widgetConfiguration.actions[0].processDefinitionKey) {\n      <button\n        *ngIf=\"canCreateCamundaExecution$ | async\"\n        cdsButton=\"ghost\"\n        (click)=\"onProcessStartClick(obs.widgetConfiguration.actions[0])\"\n      >\n        {{ obs.widgetConfiguration.actions[0].name }}\n      </button>\n    }\n  }\n</valtimo-widget-field>\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: InputModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: CarbonListModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2$2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: WidgetFieldComponent, selector: "valtimo-widget-field", inputs: ["widgetConfiguration", "widgetData"], outputs: ["noVisibleFieldsEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseWidgetFieldComponent, deps: [{ token: i2.DocumentService }, { token: i2$3.PermissionService }, { token: WidgetsService }, { token: CaseTabService }, { token: CaseWidgetsApiService }, { token: i5$1.WidgetLayoutService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CaseWidgetFieldComponent, isStandalone: true, selector: "valtimo-case-widget-field", inputs: { documentId: "documentId", widgetConfiguration: "widgetConfiguration", widgetUuid: "widgetUuid" }, 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-field\n  *ngIf=\"{\n    widgetConfiguration: widgetConfiguration$ | async,\n    widgetData: widgetData$ | async,\n  } as obs\"\n  [widgetConfiguration]=\"obs.widgetConfiguration\"\n  [widgetData]=\"obs.widgetData\"\n>\n  @if (obs.widgetConfiguration?.actions?.length === 1) {\n    @if (obs.widgetConfiguration.actions[0].processDefinitionKey) {\n      <button\n        *ngIf=\"canCreateCamundaExecution$ | async\"\n        cdsButton=\"ghost\"\n        (click)=\"onProcessStartClick(obs.widgetConfiguration.actions[0])\"\n      >\n        {{ obs.widgetConfiguration.actions[0].name }}\n      </button>\n    }\n  }\n</valtimo-widget-field>\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: InputModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: CarbonListModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: WidgetFieldComponent, selector: "valtimo-widget-field", inputs: ["widgetConfiguration", "widgetData"], outputs: ["noVisibleFieldsEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseWidgetFieldComponent, decorators: [{
             type: Component,
@@ -2262,7 +2334,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         ButtonModule,
                         WidgetFieldComponent,
                     ], 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-field\n  *ngIf=\"{\n    widgetConfiguration: widgetConfiguration$ | async,\n    widgetData: widgetData$ | async,\n  } as obs\"\n  [widgetConfiguration]=\"obs.widgetConfiguration\"\n  [widgetData]=\"obs.widgetData\"\n>\n  @if (obs.widgetConfiguration?.actions?.length === 1) {\n    @if (obs.widgetConfiguration.actions[0].processDefinitionKey) {\n      <button\n        *ngIf=\"canCreateCamundaExecution$ | async\"\n        cdsButton=\"ghost\"\n        (click)=\"onProcessStartClick(obs.widgetConfiguration.actions[0])\"\n      >\n        {{ obs.widgetConfiguration.actions[0].name }}\n      </button>\n    }\n  }\n</valtimo-widget-field>\n" }]
-        }], ctorParameters: () => [{ type: i2.DocumentService }, { type: i2$4.PermissionService }, { type: WidgetsService }, { type: CaseTabService }, { type: CaseWidgetsApiService }, { type: i5$1.WidgetLayoutService }], propDecorators: { documentId: [{
+        }], ctorParameters: () => [{ type: i2.DocumentService }, { type: i2$3.PermissionService }, { type: WidgetsService }, { type: CaseTabService }, { type: CaseWidgetsApiService }, { type: i5$1.WidgetLayoutService }], propDecorators: { documentId: [{
                 type: Input,
                 args: [{ required: true }]
             }], widgetConfiguration: [{
@@ -2309,13 +2381,13 @@ class CaseWidgetCustomComponent extends WidgetProcess {
     onProcessStartClick(process) {
         this.widgetsService.startProcess(process.processDefinitionKey);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseWidgetCustomComponent, deps: [{ token: WidgetsService }, { token: i2.DocumentService }, { token: i2$4.PermissionService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CaseWidgetCustomComponent, isStandalone: true, selector: "valtimo-case-widget-custom", inputs: { documentId: "documentId", widgetConfiguration: "widgetConfiguration", widgetUuid: "widgetUuid" }, 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-custom\n  *ngIf=\"{\n    widgetConfiguration: widgetConfig$ | async\n  } as obs\"\n  [widgetConfiguration]=\"obs.widgetConfiguration\"\n  [widgetUuid]=\"widgetUuid\"\n>\n  @if (obs.widgetConfiguration?.actions?.length === 1) {\n    @if (obs.widgetConfiguration.actions[0].processDefinitionKey) {\n      <button\n        *ngIf=\"canCreateCamundaExecution$ | async\"\n        cdsButton=\"ghost\"\n        (click)=\"onProcessStartClick(obs.widgetConfiguration.actions[0])\"\n      >\n        {{ obs.widgetConfiguration.actions[0].name }}\n      </button>\n    }\n  }\n</valtimo-widget-custom>\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: CarbonListModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2$2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: WidgetCustomComponent, selector: "valtimo-widget-custom", inputs: ["widgetConfiguration", "widgetData", "widgetUuid"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseWidgetCustomComponent, deps: [{ token: WidgetsService }, { token: i2.DocumentService }, { token: i2$3.PermissionService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CaseWidgetCustomComponent, isStandalone: true, selector: "valtimo-case-widget-custom", inputs: { documentId: "documentId", widgetConfiguration: "widgetConfiguration", widgetUuid: "widgetUuid" }, 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-custom\n  *ngIf=\"{\n    widgetConfiguration: widgetConfig$ | async\n  } as obs\"\n  [widgetConfiguration]=\"obs.widgetConfiguration\"\n  [widgetUuid]=\"widgetUuid\"\n>\n  @if (obs.widgetConfiguration?.actions?.length === 1) {\n    @if (obs.widgetConfiguration.actions[0].processDefinitionKey) {\n      <button\n        *ngIf=\"canCreateCamundaExecution$ | async\"\n        cdsButton=\"ghost\"\n        (click)=\"onProcessStartClick(obs.widgetConfiguration.actions[0])\"\n      >\n        {{ obs.widgetConfiguration.actions[0].name }}\n      </button>\n    }\n  }\n</valtimo-widget-custom>\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: CarbonListModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: WidgetCustomComponent, selector: "valtimo-widget-custom", inputs: ["widgetConfiguration", "widgetData", "widgetUuid"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseWidgetCustomComponent, decorators: [{
             type: Component,
             args: [{ selector: 'valtimo-case-widget-custom', standalone: true, imports: [CommonModule, CarbonListModule, TranslateModule, ButtonModule, WidgetCustomComponent], 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-widget-custom\n  *ngIf=\"{\n    widgetConfiguration: widgetConfig$ | async\n  } as obs\"\n  [widgetConfiguration]=\"obs.widgetConfiguration\"\n  [widgetUuid]=\"widgetUuid\"\n>\n  @if (obs.widgetConfiguration?.actions?.length === 1) {\n    @if (obs.widgetConfiguration.actions[0].processDefinitionKey) {\n      <button\n        *ngIf=\"canCreateCamundaExecution$ | async\"\n        cdsButton=\"ghost\"\n        (click)=\"onProcessStartClick(obs.widgetConfiguration.actions[0])\"\n      >\n        {{ obs.widgetConfiguration.actions[0].name }}\n      </button>\n    }\n  }\n</valtimo-widget-custom>\n" }]
-        }], ctorParameters: () => [{ type: WidgetsService }, { type: i2.DocumentService }, { type: i2$4.PermissionService }], propDecorators: { documentId: [{
+        }], ctorParameters: () => [{ type: WidgetsService }, { type: i2.DocumentService }, { type: i2$3.PermissionService }], propDecorators: { documentId: [{
                 type: Input,
                 args: [{ required: true }]
             }], widgetConfiguration: [{
@@ -2392,13 +2464,13 @@ class CaseWidgetFormioComponent extends WidgetProcess {
     onProcessStartClick(process) {
         this.widgetsService.startProcess(process.processDefinitionKey);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseWidgetFormioComponent, deps: [{ token: i2.DocumentService }, { token: i2$4.PermissionService }, { token: WidgetsService }, { token: i0.DestroyRef }, { token: CaseTabService }, { token: CaseWidgetsApiService }, { token: i5$1.WidgetLayoutService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CaseWidgetFormioComponent, isStandalone: true, selector: "valtimo-case-widget-formio", inputs: { documentId: "documentId", widgetConfiguration: "widgetConfiguration", widgetUuid: "widgetUuid" }, 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-formio\n  *ngIf=\"{\n    widgetConfiguration: widgetConfiguration$ | async,\n    widgetData: widgetData$ | async,\n    documentId: documentId$ | async,\n  } as obs\"\n  [widgetConfiguration]=\"obs.widgetConfiguration\"\n  [widgetData]=\"obs.widgetData\"\n  [documentId]=\"obs.documentId\"\n  [widgetUuid]=\"widgetUuid\"\n  [refreshForm]=\"refreshForm\"\n>\n  @if (obs.widgetConfiguration?.actions?.length === 1) {\n    @if (obs.widgetConfiguration.actions[0].processDefinitionKey) {\n      <button\n        *ngIf=\"canCreateCamundaExecution$ | async\"\n        cdsButton=\"ghost\"\n        (click)=\"onProcessStartClick(obs.widgetConfiguration.actions[0])\"\n      >\n        {{ obs.widgetConfiguration.actions[0].name }}\n      </button>\n    }\n  }\n</valtimo-widget-formio>\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: "ngmodule", type: FormIoModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2$2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: WidgetFormioComponent, selector: "valtimo-widget-formio", inputs: ["documentId", "widgetConfiguration", "widgetData", "widgetUuid", "refreshForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseWidgetFormioComponent, deps: [{ token: i2.DocumentService }, { token: i2$3.PermissionService }, { token: WidgetsService }, { token: i0.DestroyRef }, { token: CaseTabService }, { token: CaseWidgetsApiService }, { token: i5$1.WidgetLayoutService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CaseWidgetFormioComponent, isStandalone: true, selector: "valtimo-case-widget-formio", inputs: { documentId: "documentId", widgetConfiguration: "widgetConfiguration", widgetUuid: "widgetUuid" }, 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-formio\n  *ngIf=\"{\n    widgetConfiguration: widgetConfiguration$ | async,\n    widgetData: widgetData$ | async,\n    documentId: documentId$ | async,\n  } as obs\"\n  [widgetConfiguration]=\"obs.widgetConfiguration\"\n  [widgetData]=\"obs.widgetData\"\n  [documentId]=\"obs.documentId\"\n  [widgetUuid]=\"widgetUuid\"\n  [refreshForm]=\"refreshForm\"\n>\n  @if (obs.widgetConfiguration?.actions?.length === 1) {\n    @if (obs.widgetConfiguration.actions[0].processDefinitionKey) {\n      <button\n        *ngIf=\"canCreateCamundaExecution$ | async\"\n        cdsButton=\"ghost\"\n        (click)=\"onProcessStartClick(obs.widgetConfiguration.actions[0])\"\n      >\n        {{ obs.widgetConfiguration.actions[0].name }}\n      </button>\n    }\n  }\n</valtimo-widget-formio>\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: "ngmodule", type: FormIoModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: WidgetFormioComponent, selector: "valtimo-widget-formio", inputs: ["documentId", "widgetConfiguration", "widgetData", "widgetUuid", "refreshForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseWidgetFormioComponent, decorators: [{
             type: Component,
             args: [{ selector: 'valtimo-case-widget-formio', standalone: true, imports: [CommonModule, TranslateModule, FormIoModule, ButtonModule, WidgetFormioComponent], 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-widget-formio\n  *ngIf=\"{\n    widgetConfiguration: widgetConfiguration$ | async,\n    widgetData: widgetData$ | async,\n    documentId: documentId$ | async,\n  } as obs\"\n  [widgetConfiguration]=\"obs.widgetConfiguration\"\n  [widgetData]=\"obs.widgetData\"\n  [documentId]=\"obs.documentId\"\n  [widgetUuid]=\"widgetUuid\"\n  [refreshForm]=\"refreshForm\"\n>\n  @if (obs.widgetConfiguration?.actions?.length === 1) {\n    @if (obs.widgetConfiguration.actions[0].processDefinitionKey) {\n      <button\n        *ngIf=\"canCreateCamundaExecution$ | async\"\n        cdsButton=\"ghost\"\n        (click)=\"onProcessStartClick(obs.widgetConfiguration.actions[0])\"\n      >\n        {{ obs.widgetConfiguration.actions[0].name }}\n      </button>\n    }\n  }\n</valtimo-widget-formio>\n" }]
-        }], ctorParameters: () => [{ type: i2.DocumentService }, { type: i2$4.PermissionService }, { type: WidgetsService }, { type: i0.DestroyRef }, { type: CaseTabService }, { type: CaseWidgetsApiService }, { type: i5$1.WidgetLayoutService }], propDecorators: { documentId: [{
+        }], ctorParameters: () => [{ type: i2.DocumentService }, { type: i2$3.PermissionService }, { type: WidgetsService }, { type: i0.DestroyRef }, { type: CaseTabService }, { type: CaseWidgetsApiService }, { type: i5$1.WidgetLayoutService }], propDecorators: { documentId: [{
                 type: Input
             }], widgetConfiguration: [{
                 type: Input
@@ -2476,8 +2548,8 @@ class CaseWidgetTableComponent extends WidgetProcess {
     getPageSizeParam(widgetConfiguration) {
         return `size=${widgetConfiguration.properties.defaultPageSize}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseWidgetTableComponent, deps: [{ token: i2.DocumentService }, { token: i2$4.PermissionService }, { token: CaseWidgetsApiService }, { token: WidgetsService }, { token: CaseTabService }, { token: i5$1.WidgetLayoutService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CaseWidgetTableComponent, isStandalone: true, selector: "valtimo-case-widget-table", inputs: { documentId: "documentId", widgetConfiguration: "widgetConfiguration", widgetUuid: "widgetUuid" }, 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-table\n  [widgetData]=\"widgetData$ | async\"\n  [widgetConfiguration]=\"widgetConfiguration\"\n  (paginationEvent)=\"onPaginationEvent($event)\"\n>\n  @if (widgetConfiguration?.actions?.length === 1) {\n    @if (widgetConfiguration.actions[0].processDefinitionKey) {\n      <button\n        *ngIf=\"canCreateCamundaExecution$ | async\"\n        cdsButton=\"ghost\"\n        (click)=\"onProcessStartClick(widgetConfiguration.actions[0])\"\n      >\n        {{ widgetConfiguration.actions[0].name }}\n      </button>\n    }\n  }\n</valtimo-widget-table>\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: CarbonListModule }, { kind: "ngmodule", type: PaginationModule }, { kind: "ngmodule", type: TilesModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2$2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: WidgetTableComponent, selector: "valtimo-widget-table", inputs: ["widgetConfiguration", "widgetData"], outputs: ["paginationEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseWidgetTableComponent, deps: [{ token: i2.DocumentService }, { token: i2$3.PermissionService }, { token: CaseWidgetsApiService }, { token: WidgetsService }, { token: CaseTabService }, { token: i5$1.WidgetLayoutService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CaseWidgetTableComponent, isStandalone: true, selector: "valtimo-case-widget-table", inputs: { documentId: "documentId", widgetConfiguration: "widgetConfiguration", widgetUuid: "widgetUuid" }, 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-table\n  [widgetData]=\"widgetData$ | async\"\n  [widgetConfiguration]=\"widgetConfiguration\"\n  (paginationEvent)=\"onPaginationEvent($event)\"\n>\n  @if (widgetConfiguration?.actions?.length === 1) {\n    @if (widgetConfiguration.actions[0].processDefinitionKey) {\n      <button\n        *ngIf=\"canCreateCamundaExecution$ | async\"\n        cdsButton=\"ghost\"\n        (click)=\"onProcessStartClick(widgetConfiguration.actions[0])\"\n      >\n        {{ widgetConfiguration.actions[0].name }}\n      </button>\n    }\n  }\n</valtimo-widget-table>\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: CarbonListModule }, { kind: "ngmodule", type: PaginationModule }, { kind: "ngmodule", type: TilesModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: WidgetTableComponent, selector: "valtimo-widget-table", inputs: ["widgetConfiguration", "widgetData"], outputs: ["paginationEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseWidgetTableComponent, decorators: [{
             type: Component,
@@ -2490,7 +2562,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         ButtonModule,
                         WidgetTableComponent,
                     ], 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-table\n  [widgetData]=\"widgetData$ | async\"\n  [widgetConfiguration]=\"widgetConfiguration\"\n  (paginationEvent)=\"onPaginationEvent($event)\"\n>\n  @if (widgetConfiguration?.actions?.length === 1) {\n    @if (widgetConfiguration.actions[0].processDefinitionKey) {\n      <button\n        *ngIf=\"canCreateCamundaExecution$ | async\"\n        cdsButton=\"ghost\"\n        (click)=\"onProcessStartClick(widgetConfiguration.actions[0])\"\n      >\n        {{ widgetConfiguration.actions[0].name }}\n      </button>\n    }\n  }\n</valtimo-widget-table>\n" }]
-        }], ctorParameters: () => [{ type: i2.DocumentService }, { type: i2$4.PermissionService }, { type: CaseWidgetsApiService }, { type: WidgetsService }, { type: CaseTabService }, { type: i5$1.WidgetLayoutService }], propDecorators: { documentId: [{
+        }], ctorParameters: () => [{ type: i2.DocumentService }, { type: i2$3.PermissionService }, { type: CaseWidgetsApiService }, { type: WidgetsService }, { type: CaseTabService }, { type: i5$1.WidgetLayoutService }], propDecorators: { documentId: [{
                 type: Input,
                 args: [{ required: true }]
             }], widgetConfiguration: [{
@@ -2572,8 +2644,8 @@ class CaseWidgetCollectionComponent extends WidgetProcess {
     getPageSizeParam(widgetConfiguration) {
         return `size=${widgetConfiguration.properties.defaultPageSize}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseWidgetCollectionComponent, deps: [{ token: i2.DocumentService }, { token: i2$4.PermissionService }, { token: CaseWidgetsApiService }, { token: WidgetsService }, { token: i5$1.WidgetLayoutService }, { token: CaseTabService }, { token: CaseWidgetsApiService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CaseWidgetCollectionComponent, isStandalone: true, selector: "valtimo-case-widget-collection", inputs: { documentId: "documentId", widgetConfiguration: "widgetConfiguration", widgetUuid: "widgetUuid" }, 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-collection\n  *ngIf=\"{\n    widgetConfiguration: widgetConfiguration$ | async,\n    widgetData: widgetData$ | async,\n  } as obs\"\n  [widgetConfiguration]=\"obs.widgetConfiguration\"\n  [widgetData]=\"obs.widgetData\"\n  (paginationEvent)=\"onPaginationEvent($event)\"\n>\n  @if (obs.widgetConfiguration?.actions?.length === 1) {\n    @if (obs.widgetConfiguration.actions[0].processDefinitionKey) {\n      <button\n        *ngIf=\"canCreateCamundaExecution$ | async\"\n        cdsButton=\"ghost\"\n        (click)=\"onProcessStartClick(obs.widgetConfiguration.actions[0])\"\n      >\n        {{ obs.widgetConfiguration.actions[0].name }}\n      </button>\n    }\n  }\n</valtimo-widget-collection>\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: InputModule }, { kind: "ngmodule", type: PaginationModule }, { kind: "ngmodule", type: TilesModule }, { kind: "ngmodule", type: CarbonListModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2$2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: WidgetCollectionComponent, selector: "valtimo-widget-collection", inputs: ["widgetConfiguration", "widgetData"], outputs: ["paginationEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseWidgetCollectionComponent, deps: [{ token: i2.DocumentService }, { token: i2$3.PermissionService }, { token: CaseWidgetsApiService }, { token: WidgetsService }, { token: i5$1.WidgetLayoutService }, { token: CaseTabService }, { token: CaseWidgetsApiService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CaseWidgetCollectionComponent, isStandalone: true, selector: "valtimo-case-widget-collection", inputs: { documentId: "documentId", widgetConfiguration: "widgetConfiguration", widgetUuid: "widgetUuid" }, 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-collection\n  *ngIf=\"{\n    widgetConfiguration: widgetConfiguration$ | async,\n    widgetData: widgetData$ | async,\n  } as obs\"\n  [widgetConfiguration]=\"obs.widgetConfiguration\"\n  [widgetData]=\"obs.widgetData\"\n  (paginationEvent)=\"onPaginationEvent($event)\"\n>\n  @if (obs.widgetConfiguration?.actions?.length === 1) {\n    @if (obs.widgetConfiguration.actions[0].processDefinitionKey) {\n      <button\n        *ngIf=\"canCreateCamundaExecution$ | async\"\n        cdsButton=\"ghost\"\n        (click)=\"onProcessStartClick(obs.widgetConfiguration.actions[0])\"\n      >\n        {{ obs.widgetConfiguration.actions[0].name }}\n      </button>\n    }\n  }\n</valtimo-widget-collection>\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: InputModule }, { kind: "ngmodule", type: PaginationModule }, { kind: "ngmodule", type: TilesModule }, { kind: "ngmodule", type: CarbonListModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: WidgetCollectionComponent, selector: "valtimo-widget-collection", inputs: ["widgetConfiguration", "widgetData"], outputs: ["paginationEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseWidgetCollectionComponent, decorators: [{
             type: Component,
@@ -2587,7 +2659,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         ButtonModule,
                         WidgetCollectionComponent,
                     ], 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-collection\n  *ngIf=\"{\n    widgetConfiguration: widgetConfiguration$ | async,\n    widgetData: widgetData$ | async,\n  } as obs\"\n  [widgetConfiguration]=\"obs.widgetConfiguration\"\n  [widgetData]=\"obs.widgetData\"\n  (paginationEvent)=\"onPaginationEvent($event)\"\n>\n  @if (obs.widgetConfiguration?.actions?.length === 1) {\n    @if (obs.widgetConfiguration.actions[0].processDefinitionKey) {\n      <button\n        *ngIf=\"canCreateCamundaExecution$ | async\"\n        cdsButton=\"ghost\"\n        (click)=\"onProcessStartClick(obs.widgetConfiguration.actions[0])\"\n      >\n        {{ obs.widgetConfiguration.actions[0].name }}\n      </button>\n    }\n  }\n</valtimo-widget-collection>\n" }]
-        }], ctorParameters: () => [{ type: i2.DocumentService }, { type: i2$4.PermissionService }, { type: CaseWidgetsApiService }, { type: WidgetsService }, { type: i5$1.WidgetLayoutService }, { type: CaseTabService }, { type: CaseWidgetsApiService }], propDecorators: { documentId: [{
+        }], ctorParameters: () => [{ type: i2.DocumentService }, { type: i2$3.PermissionService }, { type: CaseWidgetsApiService }, { type: WidgetsService }, { type: i5$1.WidgetLayoutService }, { type: CaseTabService }, { type: CaseWidgetsApiService }], propDecorators: { documentId: [{
                 type: Input,
                 args: [{ required: true }]
             }], widgetConfiguration: [{
@@ -2652,8 +2724,8 @@ class CaseWidgetMapComponent extends WidgetProcess {
             return;
         this.widgetsService.startProcess(process.processDefinitionKey);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseWidgetMapComponent, deps: [{ token: i2.DocumentService }, { token: i2$4.PermissionService }, { token: WidgetsService }, { token: CaseTabService }, { token: CaseWidgetsApiService }, { token: i5$1.WidgetLayoutService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CaseWidgetMapComponent, isStandalone: true, selector: "valtimo-case-widget-map", inputs: { documentId: "documentId", widgetConfiguration: "widgetConfiguration", widgetUuid: "widgetUuid" }, 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-map\n  *ngIf=\"{\n    widgetConfiguration: widgetConfiguration$ | async,\n    widgetData: widgetData$ | async\n  } as obs\"\n  [widgetConfiguration]=\"obs.widgetConfiguration\"\n  [widgetData]=\"obs.widgetData\"\n>\n  @if (\n      obs.widgetConfiguration?.actions?.length === 1 &&\n      obs.widgetConfiguration.actions[0]?.processDefinitionKey &&\n      (canCreateCamundaExecution$ | async)\n    ) {\n    <button\n      cdsButton=\"ghost\"\n      (click)=\"onProcessStartClick(obs.widgetConfiguration.actions[0])\"\n    >\n      {{ obs.widgetConfiguration.actions[0].name }}\n    </button>\n  }\n</valtimo-widget-map>\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: InputModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: CarbonListModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2$2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: WidgetMapComponent, selector: "valtimo-widget-map", inputs: ["widgetConfiguration", "widgetData"], outputs: ["noVisibleMapEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseWidgetMapComponent, deps: [{ token: i2.DocumentService }, { token: i2$3.PermissionService }, { token: WidgetsService }, { token: CaseTabService }, { token: CaseWidgetsApiService }, { token: i5$1.WidgetLayoutService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CaseWidgetMapComponent, isStandalone: true, selector: "valtimo-case-widget-map", inputs: { documentId: "documentId", widgetConfiguration: "widgetConfiguration", widgetUuid: "widgetUuid" }, 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-map\n  *ngIf=\"{\n    widgetConfiguration: widgetConfiguration$ | async,\n    widgetData: widgetData$ | async\n  } as obs\"\n  [widgetConfiguration]=\"obs.widgetConfiguration\"\n  [widgetData]=\"obs.widgetData\"\n>\n  @if (\n      obs.widgetConfiguration?.actions?.length === 1 &&\n      obs.widgetConfiguration.actions[0]?.processDefinitionKey &&\n      (canCreateCamundaExecution$ | async)\n    ) {\n    <button\n      cdsButton=\"ghost\"\n      (click)=\"onProcessStartClick(obs.widgetConfiguration.actions[0])\"\n    >\n      {{ obs.widgetConfiguration.actions[0].name }}\n    </button>\n  }\n</valtimo-widget-map>\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: InputModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: CarbonListModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: WidgetMapComponent, selector: "valtimo-widget-map", inputs: ["widgetConfiguration", "widgetData"], outputs: ["noVisibleMapEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseWidgetMapComponent, decorators: [{
             type: Component,
@@ -2665,7 +2737,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         ButtonModule,
                         WidgetMapComponent,
                     ], 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-map\n  *ngIf=\"{\n    widgetConfiguration: widgetConfiguration$ | async,\n    widgetData: widgetData$ | async\n  } as obs\"\n  [widgetConfiguration]=\"obs.widgetConfiguration\"\n  [widgetData]=\"obs.widgetData\"\n>\n  @if (\n      obs.widgetConfiguration?.actions?.length === 1 &&\n      obs.widgetConfiguration.actions[0]?.processDefinitionKey &&\n      (canCreateCamundaExecution$ | async)\n    ) {\n    <button\n      cdsButton=\"ghost\"\n      (click)=\"onProcessStartClick(obs.widgetConfiguration.actions[0])\"\n    >\n      {{ obs.widgetConfiguration.actions[0].name }}\n    </button>\n  }\n</valtimo-widget-map>\n" }]
-        }], ctorParameters: () => [{ type: i2.DocumentService }, { type: i2$4.PermissionService }, { type: WidgetsService }, { type: CaseTabService }, { type: CaseWidgetsApiService }, { type: i5$1.WidgetLayoutService }], propDecorators: { documentId: [{
+        }], ctorParameters: () => [{ type: i2.DocumentService }, { type: i2$3.PermissionService }, { type: WidgetsService }, { type: CaseTabService }, { type: CaseWidgetsApiService }, { type: i5$1.WidgetLayoutService }], propDecorators: { documentId: [{
                 type: Input,
                 args: [{ required: true }]
             }], widgetConfiguration: [{
@@ -2789,8 +2861,8 @@ class CaseWidgetMetrolineComponent extends WidgetProcess {
             return;
         this.widgetsService.startProcess(process.processDefinitionKey);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseWidgetMetrolineComponent, deps: [{ token: i2.DocumentService }, { token: i2$4.PermissionService }, { token: WidgetsService }, { token: CaseTabService }, { token: CaseWidgetsApiService }, { token: i5$1.WidgetLayoutService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CaseWidgetMetrolineComponent, isStandalone: true, selector: "valtimo-case-widget-metroline", inputs: { documentId: "documentId", widgetConfiguration: "widgetConfiguration", widgetUuid: "widgetUuid" }, usesInheritance: 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-widget-metroline\n  *ngIf=\"{\n    widgetConfiguration: widgetConfiguration$ | async,\n    widgetData: widgetData$ | async,\n  } as obs\"\n  [widgetConfiguration]=\"obs.widgetConfiguration\"\n  [widgetData]=\"obs.widgetData\"\n>\n  @if (\n    obs.widgetConfiguration?.actions?.length === 1 &&\n    obs.widgetConfiguration.actions[0]?.processDefinitionKey &&\n    (canCreateCamundaExecution$ | async)\n  ) {\n    <button cdsButton=\"ghost\" (click)=\"onProcessStartClick(obs.widgetConfiguration.actions[0])\">\n      {{ obs.widgetConfiguration.actions[0].name }}\n    </button>\n  }\n</valtimo-widget-metroline>\n", dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2$2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: CarbonListModule }, { 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: "component", type: WidgetMetrolineComponent, selector: "valtimo-widget-metroline", inputs: ["widgetConfiguration", "widgetData"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseWidgetMetrolineComponent, deps: [{ token: i2.DocumentService }, { token: i2$3.PermissionService }, { token: WidgetsService }, { token: CaseTabService }, { token: CaseWidgetsApiService }, { token: i5$1.WidgetLayoutService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CaseWidgetMetrolineComponent, isStandalone: true, selector: "valtimo-case-widget-metroline", inputs: { documentId: "documentId", widgetConfiguration: "widgetConfiguration", widgetUuid: "widgetUuid" }, usesInheritance: 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-widget-metroline\n  *ngIf=\"{\n    widgetConfiguration: widgetConfiguration$ | async,\n    widgetData: widgetData$ | async,\n  } as obs\"\n  [widgetConfiguration]=\"obs.widgetConfiguration\"\n  [widgetData]=\"obs.widgetData\"\n>\n  @if (\n    obs.widgetConfiguration?.actions?.length === 1 &&\n    obs.widgetConfiguration.actions[0]?.processDefinitionKey &&\n    (canCreateCamundaExecution$ | async)\n  ) {\n    <button cdsButton=\"ghost\" (click)=\"onProcessStartClick(obs.widgetConfiguration.actions[0])\">\n      {{ obs.widgetConfiguration.actions[0].name }}\n    </button>\n  }\n</valtimo-widget-metroline>\n", dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: CarbonListModule }, { 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: "component", type: WidgetMetrolineComponent, selector: "valtimo-widget-metroline", inputs: ["widgetConfiguration", "widgetData"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseWidgetMetrolineComponent, decorators: [{
             type: Component,
@@ -2801,7 +2873,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         TranslateModule,
                         WidgetMetrolineComponent,
                     ], 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-widget-metroline\n  *ngIf=\"{\n    widgetConfiguration: widgetConfiguration$ | async,\n    widgetData: widgetData$ | async,\n  } as obs\"\n  [widgetConfiguration]=\"obs.widgetConfiguration\"\n  [widgetData]=\"obs.widgetData\"\n>\n  @if (\n    obs.widgetConfiguration?.actions?.length === 1 &&\n    obs.widgetConfiguration.actions[0]?.processDefinitionKey &&\n    (canCreateCamundaExecution$ | async)\n  ) {\n    <button cdsButton=\"ghost\" (click)=\"onProcessStartClick(obs.widgetConfiguration.actions[0])\">\n      {{ obs.widgetConfiguration.actions[0].name }}\n    </button>\n  }\n</valtimo-widget-metroline>\n" }]
-        }], ctorParameters: () => [{ type: i2.DocumentService }, { type: i2$4.PermissionService }, { type: WidgetsService }, { type: CaseTabService }, { type: CaseWidgetsApiService }, { type: i5$1.WidgetLayoutService }], propDecorators: { documentId: [{
+        }], ctorParameters: () => [{ type: i2.DocumentService }, { type: i2$3.PermissionService }, { type: WidgetsService }, { type: CaseTabService }, { type: CaseWidgetsApiService }, { type: i5$1.WidgetLayoutService }], propDecorators: { documentId: [{
                 type: Input,
                 args: [{ required: true }]
             }], widgetConfiguration: [{
@@ -2906,9 +2978,10 @@ class CaseDetailWidgetsComponent {
             this._tabKey$,
             this._documentUpdates$,
         ]).pipe(switchMap(([documentId, tabKey, documentUpdatedEvent]) => {
-            return this.filterDuplicateConfigurations(this.widgetsApiService.getWidgetTabConfiguration(documentId, tabKey), documentUpdatedEvent);
+            return this.filterDuplicateConfigurations(this.widgetsApiService.getWidgetTab(documentId, tabKey), documentUpdatedEvent);
         }), shareReplay({ bufferSize: 1, refCount: true }));
-        this.widgetGroups$ = this._widgetConfiguration$.pipe(map(widgets => this.toCaseWidgetGroups(widgets)));
+        this.widgetGroups$ = this._widgetConfiguration$.pipe(map(configuration => this.toCaseWidgetGroups(configuration.widgets)));
+        this.widgetLayout$ = this._widgetConfiguration$.pipe(map(configuration => configuration.widgetLayout));
         this.widgetComponentMap = {
             [WidgetType.FIELDS]: CaseWidgetFieldComponent,
             [WidgetType.CUSTOM]: CaseWidgetCustomComponent,
@@ -2954,20 +3027,20 @@ class CaseDetailWidgetsComponent {
     filterDuplicateConfigurations(widgetConfiguration, documentUpdatedEvent) {
         return widgetConfiguration.pipe(map(configuration => {
             const configurationChanged = !this._previousWidgetConfiguration ||
-                !isEqual(this._previousWidgetConfiguration, configuration);
+                !isEqual(this._previousWidgetConfiguration, configuration.widgets);
             if (!configurationChanged && documentUpdatedEvent) {
                 this.widgetsService.refreshWidgets();
                 return null;
             }
             if (configurationChanged) {
-                this._previousWidgetConfiguration = configuration;
+                this._previousWidgetConfiguration = configuration.widgets;
                 return configuration;
             }
             return null;
         }), filter((configuration) => configuration !== null));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseDetailWidgetsComponent, deps: [{ token: i1$2.ActivatedRoute }, { token: CaseTabService }, { token: CaseWidgetsApiService }, { token: i5.SseService }, { token: WidgetsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CaseDetailWidgetsComponent, isStandalone: true, selector: "ng-component", host: { properties: { "class.tab--no-margin": "this._noMargin", "class.tab--no-background": "this._noBackground", "class.tab--no-min-height": "this._noMinHeight" } }, 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@for (widgetGroup of widgetGroups$ | async; track $index) {\n  <div *ngIf=\"widgetGroup.divider\" class=\"divider\" [ngClass]=\"{'divider--first': $first}\">\n    {{ widgetGroup.divider.title || '-' }}\n  </div>\n\n  <valtimo-widget-container\n    [widgets]=\"widgetGroup.widgets\"\n    [widgetComponentMap]=\"widgetComponentMap\"\n  ></valtimo-widget-container>\n}\n", styles: [".loading-container{display:flex;justify-content:center;padding:16px 0}.divider{width:100%;font-weight:700;font-size:20px;padding:32px 0 16px 8px}.divider--first{padding-top:0}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: WidgetContainerComponent, selector: "valtimo-widget-container", inputs: ["widgets", "widgetComponentMap", "widgetParams"] }, { kind: "ngmodule", type: CarbonListModule }, { kind: "ngmodule", type: TranslateModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CaseDetailWidgetsComponent, isStandalone: true, selector: "ng-component", host: { properties: { "class.tab--no-margin": "this._noMargin", "class.tab--no-background": "this._noBackground", "class.tab--no-min-height": "this._noMinHeight" } }, 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@for (widgetGroup of widgetGroups$ | async; track $index) {\n  <div *ngIf=\"widgetGroup.divider\" class=\"divider\" [ngClass]=\"{'divider--first': $first}\">\n    {{ widgetGroup.divider.title || '-' }}\n  </div>\n\n  <valtimo-widget-container\n    [widgets]=\"widgetGroup.widgets\"\n    [widgetComponentMap]=\"widgetComponentMap\"\n    [widgetLayout]=\"widgetLayout$ | async\"\n  ></valtimo-widget-container>\n}\n", styles: [".loading-container{display:flex;justify-content:center;padding:16px 0}.divider{width:100%;font-weight:700;font-size:20px;padding:32px 0 16px 8px}.divider--first{padding-top:0}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: WidgetContainerComponent, selector: "valtimo-widget-container", inputs: ["widgets", "widgetLayout", "widgetComponentMap", "widgetParams"] }, { kind: "ngmodule", type: CarbonListModule }, { kind: "ngmodule", type: TranslateModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseDetailWidgetsComponent, decorators: [{
             type: Component,
@@ -2977,7 +3050,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         WidgetContainerComponent,
                         CarbonListModule,
                         TranslateModule,
-                    ], 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@for (widgetGroup of widgetGroups$ | async; track $index) {\n  <div *ngIf=\"widgetGroup.divider\" class=\"divider\" [ngClass]=\"{'divider--first': $first}\">\n    {{ widgetGroup.divider.title || '-' }}\n  </div>\n\n  <valtimo-widget-container\n    [widgets]=\"widgetGroup.widgets\"\n    [widgetComponentMap]=\"widgetComponentMap\"\n  ></valtimo-widget-container>\n}\n", styles: [".loading-container{display:flex;justify-content:center;padding:16px 0}.divider{width:100%;font-weight:700;font-size:20px;padding:32px 0 16px 8px}.divider--first{padding-top: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"] }]
+                    ], 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@for (widgetGroup of widgetGroups$ | async; track $index) {\n  <div *ngIf=\"widgetGroup.divider\" class=\"divider\" [ngClass]=\"{'divider--first': $first}\">\n    {{ widgetGroup.divider.title || '-' }}\n  </div>\n\n  <valtimo-widget-container\n    [widgets]=\"widgetGroup.widgets\"\n    [widgetComponentMap]=\"widgetComponentMap\"\n    [widgetLayout]=\"widgetLayout$ | async\"\n  ></valtimo-widget-container>\n}\n", styles: [".loading-container{display:flex;justify-content:center;padding:16px 0}.divider{width:100%;font-weight:700;font-size:20px;padding:32px 0 16px 8px}.divider--first{padding-top: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.ActivatedRoute }, { type: CaseTabService }, { type: CaseWidgetsApiService }, { type: i5.SseService }, { type: WidgetsService }], propDecorators: { _noMargin: [{
                 type: HostBinding,
                 args: ['class.tab--no-margin']
@@ -3296,9 +3369,10 @@ class CaseWidgetsApiService extends BaseApiService {
         this.configService = configService;
     }
     getWidgetTabConfiguration(documentId, tabKey) {
-        return this.httpClient
-            .get(this.getApiUrl(`v1/document/${documentId}/widget-tab/${tabKey}`))
-            .pipe(map((res) => res.widgets));
+        return this.getWidgetTab(documentId, tabKey).pipe(map(res => res.widgets));
+    }
+    getWidgetTab(documentId, tabKey) {
+        return this.httpClient.get(this.getApiUrl(`v1/document/${documentId}/widget-tab/${tabKey}`));
     }
     getWidgetData(documentId, tabKey, widgetKey, queryParams) {
         return this.httpClient.get(this.getApiUrl(!queryParams
@@ -3340,6 +3414,9 @@ class CaseDetailLayoutService {
     get taskAndProcessLinkOpenedInPanel$() {
         return this._taskAndProcessLinkOpenedInPanel$.asObservable();
     }
+    get startFormPanel$() {
+        return this._startFormPanel$.asObservable();
+    }
     get formDisplaySize$() {
         return this._formDisplaySize$.asObservable();
     }
@@ -3358,6 +3435,7 @@ class CaseDetailLayoutService {
         this._tabContentContainerWidth$ = new BehaviorSubject(null);
         this._showTaskList$ = this.caseTabService.showTaskList$;
         this._taskAndProcessLinkOpenedInPanel$ = new BehaviorSubject(null);
+        this._startFormPanel$ = new BehaviorSubject(null);
         this._formDisplayType$ = new BehaviorSubject(CASE_DETAIL_DEFAULT_DISPLAY_TYPE);
         this._formDisplaySize$ = new BehaviorSubject(CASE_DETAIL_DEFAULT_DISPLAY_SIZE);
         this._refreshTasks$ = new BehaviorSubject(null);
@@ -3367,12 +3445,16 @@ class CaseDetailLayoutService {
             this.tabContentContainerWidth$,
             this._showTaskList$,
             this._taskAndProcessLinkOpenedInPanel$,
+            this._startFormPanel$,
             this._formDisplayType$,
             this._formDisplaySize$,
-        ]).pipe(map(([tabContentContainerWidth, showTaskList, taskAndProcessLinkOpenedInPanel, formDisplayType, formDisplaySize,]) => {
+        ]).pipe(map(([tabContentContainerWidth, showTaskList, taskAndProcessLinkOpenedInPanel, startFormPanel, formDisplayType, formDisplaySize,]) => {
             if (!showTaskList) {
                 return this.getInitialLayout();
             }
+            if (startFormPanel) {
+                return this.getPanelLayout(tabContentContainerWidth ?? 0, formDisplaySize);
+            }
             if (!taskAndProcessLinkOpenedInPanel) {
                 return this.getTaskListLayout();
             }
@@ -3388,6 +3470,14 @@ class CaseDetailLayoutService {
     setTaskAndProcessLinkOpenedInPanel(value) {
         this._taskAndProcessLinkOpenedInPanel$.next(value);
     }
+    openStartFormPanel(value, formSize) {
+        this.setFormDisplayType('panel');
+        this.setFormDisplaySize(formSize);
+        this._startFormPanel$.next(value);
+    }
+    closeStartFormPanel() {
+        this._startFormPanel$.next(null);
+    }
     setFormDisplayType(type) {
         this._formDisplayType$.next(type);
     }
@@ -4069,18 +4159,72 @@ class CaseListOrchestrationService {
             };
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseListOrchestrationService, deps: [{ token: CaseListAssigneeService }, { token: CaseListCaseTagService }, { token: CaseListHiddenColumnsService }, { token: CaseColumnService }, { token: i0.DestroyRef }, { token: i2.DocumentService }, { token: CaseListService }, { token: i2$1.PageTitleService }, { token: CaseListPaginationService }, { token: CaseParameterService }, { token: i2$4.PermissionService }, { token: CaseListSearchService }, { token: CaseListStatusService }, { token: i4.TranslateService }, { token: QUICK_SEARCH_SERVICE }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseListOrchestrationService, deps: [{ token: CaseListAssigneeService }, { token: CaseListCaseTagService }, { token: CaseListHiddenColumnsService }, { token: CaseColumnService }, { token: i0.DestroyRef }, { token: i2.DocumentService }, { token: CaseListService }, { token: i2$1.PageTitleService }, { token: CaseListPaginationService }, { token: CaseParameterService }, { token: i2$3.PermissionService }, { token: CaseListSearchService }, { token: CaseListStatusService }, { token: i4.TranslateService }, { token: QUICK_SEARCH_SERVICE }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseListOrchestrationService }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseListOrchestrationService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: CaseListAssigneeService }, { type: CaseListCaseTagService }, { type: CaseListHiddenColumnsService }, { type: CaseColumnService }, { type: i0.DestroyRef }, { type: i2.DocumentService }, { type: CaseListService }, { type: i2$1.PageTitleService }, { type: CaseListPaginationService }, { type: CaseParameterService }, { type: i2$4.PermissionService }, { type: CaseListSearchService }, { type: CaseListStatusService }, { type: i4.TranslateService }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: CaseListAssigneeService }, { type: CaseListCaseTagService }, { type: CaseListHiddenColumnsService }, { type: CaseColumnService }, { type: i0.DestroyRef }, { type: i2.DocumentService }, { type: CaseListService }, { type: i2$1.PageTitleService }, { type: CaseListPaginationService }, { type: CaseParameterService }, { type: i2$3.PermissionService }, { type: CaseListSearchService }, { type: CaseListStatusService }, { type: i4.TranslateService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [QUICK_SEARCH_SERVICE]
                 }] }] });
 
 /*
- * 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 CaseInspectionService {
+    constructor(http, configService) {
+        this.http = http;
+        this.configService = configService;
+        this._baseUrl = this.configService.config.valtimoApi.endpointUri;
+    }
+    getDocument(caseId) {
+        return this.http.get(`${this._baseUrl}management/v1/case/${caseId}`);
+    }
+    modifyDocumentForInspection(caseId, request) {
+        return this.http.put(`${this._baseUrl}management/v1/case/${caseId}`, request);
+    }
+    getProcessInspection(caseId) {
+        return this.http.get(`${this._baseUrl}management/v1/case/${caseId}/processes`);
+    }
+    getBuildingBlockInstances(caseId) {
+        return this.http.get(`${this._baseUrl}management/v1/case/${caseId}/building-blocks`);
+    }
+    searchCaseLogs(caseId, request, page, size) {
+        const params = new HttpParams({ fromObject: { page: String(page), size: String(size) } });
+        return this.http.post(`${this._baseUrl}management/v1/case/${caseId}/logs`, request, { params });
+    }
+    createProcessVariable(caseId, processInstanceId, request) {
+        return this.http.post(`${this._baseUrl}management/v1/case/${caseId}/process-instance/${processInstanceId}/variables`, request);
+    }
+    updateProcessVariable(caseId, processInstanceId, name, request) {
+        return this.http.put(`${this._baseUrl}management/v1/case/${caseId}/process-instance/${processInstanceId}/variables/${encodeURIComponent(name)}`, request);
+    }
+    deleteProcessVariable(caseId, processInstanceId, name) {
+        return this.http.delete(`${this._baseUrl}management/v1/case/${caseId}/process-instance/${processInstanceId}/variables/${encodeURIComponent(name)}`);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseInspectionService, deps: [{ token: i1$1.HttpClient }, { token: i1.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseInspectionService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseInspectionService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i1$1.HttpClient }, { type: i1.ConfigService }] });
+
+/*
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -4201,13 +4345,13 @@ class CaseBulkAssignModalComponent {
     trackByIndex(index) {
         return index;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseBulkAssignModalComponent, deps: [{ token: CaseBulkAssignService }, { token: i1$4.FormBuilder }, { token: i2$4.PermissionService }, { token: i5$2.TeamsApiService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseBulkAssignModalComponent, isStandalone: false, selector: "valtimo-case-bulk-assign-modal", inputs: { documentIds: "documentIds", open: "open" }, outputs: { closeEvent: "closeEvent" }, host: { properties: { "class": "this.modalClass" } }, 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 valtimoCdsModal [open]=\"open\" (close)=\"closeModal()\" showFooter=\"true\">\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"closeModal()\">\n    <h3 cdsModalHeaderHeading>{{ 'case.bulkAssign.modal.title' | translate }}</h3>\n  </cds-modal-header>\n\n  <section cdsModalContent>\n    <ng-container\n      *ngIf=\"{\n        candidateUserItems: candidateUserItems$ | async,\n        teamItems: teamItems$ | async,\n        canAssignAllDocuments: canAssignAllDocuments$ | async,\n        canAssignAnyDocuments: canAssignAnyDocuments$ | async,\n      } as obs\"\n    >\n      <cds-inline-notification\n        *ngIf=\"!obs.canAssignAnyDocuments\"\n        [notificationObj]=\"{\n          type: 'warning',\n          title: ('case.bulkAssign.modal.warningTitle' | translate),\n          message: ('case.bulkAssign.modal.cannotAssignAnyWarning' | translate),\n          showClose: false,\n          lowContrast: true,\n        }\"\n      ></cds-inline-notification>\n\n      <cds-inline-notification\n        *ngIf=\"obs.canAssignAnyDocuments && !obs.canAssignAllDocuments\"\n        [notificationObj]=\"{\n          type: 'warning',\n          title: ('case.bulkAssign.modal.warningTitle' | translate),\n          message: ('case.bulkAssign.modal.cannotAssignSomeWarning' | translate),\n          showClose: false,\n          lowContrast: true,\n        }\"\n      ></cds-inline-notification>\n\n      <form *ngIf=\"obs.canAssignAnyDocuments && obs.candidateUserItems\" [formGroup]=\"formGroup\">\n        <cds-combo-box\n          formControlName=\"assignee\"\n          [dropUp]=\"false\"\n          [items]=\"obs.candidateUserItems\"\n          [label]=\"'case.bulkAssign.modal.selectLabel' | translate\"\n          [placeholder]=\"'case.bulkAssign.modal.selectPlaceholder' | translate\"\n          [cdsLayer]=\"1\"\n        >\n          <cds-dropdown-list></cds-dropdown-list>\n        </cds-combo-box>\n\n        <cds-combo-box\n          *ngIf=\"obs.teamItems?.length\"\n          formControlName=\"team\"\n          [dropUp]=\"false\"\n          [items]=\"obs.teamItems\"\n          [label]=\"'case.bulkAssign.modal.selectTeamLabel' | translate\"\n          [placeholder]=\"'case.bulkAssign.modal.selectPlaceholder' | translate\"\n          [cdsLayer]=\"1\"\n        >\n          <cds-dropdown-list></cds-dropdown-list>\n        </cds-combo-box>\n      </form>\n    </ng-container>\n  </section>\n\n  <cds-modal-footer>\n    <ng-container\n      *ngIf=\"{\n        canAssignAnyDocuments: canAssignAnyDocuments$ | async,\n      } as obs\"\n    >\n      <button cdsButton=\"ghost\" (click)=\"closeModal()\">{{ 'interface.cancel' | translate }}</button>\n\n      <button\n        cdsButton=\"primary\"\n        [disabled]=\"!isFormValid || !obs.canAssignAnyDocuments\"\n        (click)=\"closeModal(true)\"\n      >\n        {{ 'case.bulkAssign.modal.confirm' | translate }}\n      </button>\n    </ng-container>\n  </cds-modal-footer>\n</cds-modal>\n", styles: ["::ng-deep .valtimo-case-bulk-assign-modal .cds--modal-container,::ng-deep .valtimo-case-bulk-assign-modal .cds--modal-content{overflow:unset}form{display:flex;flex-direction:column;gap:1rem}\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: 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: "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: i2$2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: i2$2.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i2$2.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i2$2.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i2$2.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i2$2.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "component", type: i2$2.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "component", type: i2$2.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: "directive", type: i2$1.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "directive", type: i2$2.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "component", type: i2$2.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseBulkAssignModalComponent, deps: [{ token: CaseBulkAssignService }, { token: i1$4.FormBuilder }, { token: i2$3.PermissionService }, { token: i5$2.TeamsApiService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseBulkAssignModalComponent, isStandalone: false, selector: "valtimo-case-bulk-assign-modal", inputs: { documentIds: "documentIds", open: "open" }, outputs: { closeEvent: "closeEvent" }, host: { properties: { "class": "this.modalClass" } }, 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 valtimoCdsModal [open]=\"open\" (close)=\"closeModal()\" showFooter=\"true\">\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"closeModal()\">\n    <h3 cdsModalHeaderHeading>{{ 'case.bulkAssign.modal.title' | translate }}</h3>\n  </cds-modal-header>\n\n  <section cdsModalContent>\n    <ng-container\n      *ngIf=\"{\n        candidateUserItems: candidateUserItems$ | async,\n        teamItems: teamItems$ | async,\n        canAssignAllDocuments: canAssignAllDocuments$ | async,\n        canAssignAnyDocuments: canAssignAnyDocuments$ | async,\n      } as obs\"\n    >\n      <cds-inline-notification\n        *ngIf=\"!obs.canAssignAnyDocuments\"\n        [notificationObj]=\"{\n          type: 'warning',\n          title: ('case.bulkAssign.modal.warningTitle' | translate),\n          message: ('case.bulkAssign.modal.cannotAssignAnyWarning' | translate),\n          showClose: false,\n          lowContrast: true,\n        }\"\n      ></cds-inline-notification>\n\n      <cds-inline-notification\n        *ngIf=\"obs.canAssignAnyDocuments && !obs.canAssignAllDocuments\"\n        [notificationObj]=\"{\n          type: 'warning',\n          title: ('case.bulkAssign.modal.warningTitle' | translate),\n          message: ('case.bulkAssign.modal.cannotAssignSomeWarning' | translate),\n          showClose: false,\n          lowContrast: true,\n        }\"\n      ></cds-inline-notification>\n\n      <form *ngIf=\"obs.canAssignAnyDocuments && obs.candidateUserItems\" [formGroup]=\"formGroup\">\n        <cds-combo-box\n          formControlName=\"assignee\"\n          [dropUp]=\"false\"\n          [items]=\"obs.candidateUserItems\"\n          [label]=\"'case.bulkAssign.modal.selectLabel' | translate\"\n          [placeholder]=\"'case.bulkAssign.modal.selectPlaceholder' | translate\"\n          [cdsLayer]=\"1\"\n        >\n          <cds-dropdown-list></cds-dropdown-list>\n        </cds-combo-box>\n\n        <cds-combo-box\n          *ngIf=\"obs.teamItems?.length\"\n          formControlName=\"team\"\n          [dropUp]=\"false\"\n          [items]=\"obs.teamItems\"\n          [label]=\"'case.bulkAssign.modal.selectTeamLabel' | translate\"\n          [placeholder]=\"'case.bulkAssign.modal.selectPlaceholder' | translate\"\n          [cdsLayer]=\"1\"\n        >\n          <cds-dropdown-list></cds-dropdown-list>\n        </cds-combo-box>\n      </form>\n    </ng-container>\n  </section>\n\n  <cds-modal-footer>\n    <ng-container\n      *ngIf=\"{\n        canAssignAnyDocuments: canAssignAnyDocuments$ | async,\n      } as obs\"\n    >\n      <button cdsButton=\"ghost\" (click)=\"closeModal()\">{{ 'interface.cancel' | translate }}</button>\n\n      <button\n        cdsButton=\"primary\"\n        [disabled]=\"!isFormValid || !obs.canAssignAnyDocuments\"\n        (click)=\"closeModal(true)\"\n      >\n        {{ 'case.bulkAssign.modal.confirm' | translate }}\n      </button>\n    </ng-container>\n  </cds-modal-footer>\n</cds-modal>\n", styles: ["::ng-deep .valtimo-case-bulk-assign-modal .cds--modal-container,::ng-deep .valtimo-case-bulk-assign-modal .cds--modal-content{overflow:unset}form{display:flex;flex-direction:column;gap:1rem}\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: 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: "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: i4$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: i4$1.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i4$1.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i4$1.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i4$1.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i4$1.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "component", type: i4$1.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "component", type: i4$1.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: "directive", type: i2$1.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "directive", type: i4$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "component", type: i4$1.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseBulkAssignModalComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-case-bulk-assign-modal', 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 valtimoCdsModal [open]=\"open\" (close)=\"closeModal()\" showFooter=\"true\">\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"closeModal()\">\n    <h3 cdsModalHeaderHeading>{{ 'case.bulkAssign.modal.title' | translate }}</h3>\n  </cds-modal-header>\n\n  <section cdsModalContent>\n    <ng-container\n      *ngIf=\"{\n        candidateUserItems: candidateUserItems$ | async,\n        teamItems: teamItems$ | async,\n        canAssignAllDocuments: canAssignAllDocuments$ | async,\n        canAssignAnyDocuments: canAssignAnyDocuments$ | async,\n      } as obs\"\n    >\n      <cds-inline-notification\n        *ngIf=\"!obs.canAssignAnyDocuments\"\n        [notificationObj]=\"{\n          type: 'warning',\n          title: ('case.bulkAssign.modal.warningTitle' | translate),\n          message: ('case.bulkAssign.modal.cannotAssignAnyWarning' | translate),\n          showClose: false,\n          lowContrast: true,\n        }\"\n      ></cds-inline-notification>\n\n      <cds-inline-notification\n        *ngIf=\"obs.canAssignAnyDocuments && !obs.canAssignAllDocuments\"\n        [notificationObj]=\"{\n          type: 'warning',\n          title: ('case.bulkAssign.modal.warningTitle' | translate),\n          message: ('case.bulkAssign.modal.cannotAssignSomeWarning' | translate),\n          showClose: false,\n          lowContrast: true,\n        }\"\n      ></cds-inline-notification>\n\n      <form *ngIf=\"obs.canAssignAnyDocuments && obs.candidateUserItems\" [formGroup]=\"formGroup\">\n        <cds-combo-box\n          formControlName=\"assignee\"\n          [dropUp]=\"false\"\n          [items]=\"obs.candidateUserItems\"\n          [label]=\"'case.bulkAssign.modal.selectLabel' | translate\"\n          [placeholder]=\"'case.bulkAssign.modal.selectPlaceholder' | translate\"\n          [cdsLayer]=\"1\"\n        >\n          <cds-dropdown-list></cds-dropdown-list>\n        </cds-combo-box>\n\n        <cds-combo-box\n          *ngIf=\"obs.teamItems?.length\"\n          formControlName=\"team\"\n          [dropUp]=\"false\"\n          [items]=\"obs.teamItems\"\n          [label]=\"'case.bulkAssign.modal.selectTeamLabel' | translate\"\n          [placeholder]=\"'case.bulkAssign.modal.selectPlaceholder' | translate\"\n          [cdsLayer]=\"1\"\n        >\n          <cds-dropdown-list></cds-dropdown-list>\n        </cds-combo-box>\n      </form>\n    </ng-container>\n  </section>\n\n  <cds-modal-footer>\n    <ng-container\n      *ngIf=\"{\n        canAssignAnyDocuments: canAssignAnyDocuments$ | async,\n      } as obs\"\n    >\n      <button cdsButton=\"ghost\" (click)=\"closeModal()\">{{ 'interface.cancel' | translate }}</button>\n\n      <button\n        cdsButton=\"primary\"\n        [disabled]=\"!isFormValid || !obs.canAssignAnyDocuments\"\n        (click)=\"closeModal(true)\"\n      >\n        {{ 'case.bulkAssign.modal.confirm' | translate }}\n      </button>\n    </ng-container>\n  </cds-modal-footer>\n</cds-modal>\n", styles: ["::ng-deep .valtimo-case-bulk-assign-modal .cds--modal-container,::ng-deep .valtimo-case-bulk-assign-modal .cds--modal-content{overflow:unset}form{display:flex;flex-direction:column;gap:1rem}\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: CaseBulkAssignService }, { type: i1$4.FormBuilder }, { type: i2$4.PermissionService }, { type: i5$2.TeamsApiService }], propDecorators: { modalClass: [{
+        }], ctorParameters: () => [{ type: CaseBulkAssignService }, { type: i1$4.FormBuilder }, { type: i2$3.PermissionService }, { type: i5$2.TeamsApiService }], propDecorators: { modalClass: [{
                 type: HostBinding,
                 args: ['class']
             }], documentIds: [{
@@ -4339,8 +4483,8 @@ class CaseDetailTaskListComponent {
             ? { ...acc, myTasks: [...acc.myTasks, curr] }
             : { ...acc, otherTasks: [...acc.otherTasks, curr] }, { myTasks: [], otherTasks: [] });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseDetailTaskListComponent, deps: [{ token: i2.DocumentService }, { token: i2$2.IconService }, { token: i1$2.ActivatedRoute }, { token: i2$4.PermissionService }, { token: i5.SseService }, { token: CaseDetailLayoutService }, { token: i3$3.ProcessLinkService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CaseDetailTaskListComponent, isStandalone: true, selector: "valtimo-case-detail-task-list", inputs: { openTaskAndProcessLinkInModal: "openTaskAndProcessLinkInModal" }, outputs: { taskClickEvent: "taskClickEvent", formSubmitEvent: "formSubmitEvent" }, viewQueries: [{ propertyName: "_taskDetailModal", first: true, predicate: ["taskDetail"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  class=\"task-list\"\n  *ngIf=\"{loadingTasks: loadingTasks$ | async, tasks: processInstanceTasks$ | async} as obs\"\n>\n  @if (obs.loadingTasks && !obs.tasks) {\n    <ng-container *ngTemplateOutlet=\"loadingTasksTemplate\"></ng-container>\n  } @else if (obs.tasks?.myTasks?.length === 0 && obs.tasks?.otherTasks?.length === 0) {\n    <ng-container *ngTemplateOutlet=\"noTasksTemplate\"></ng-container>\n  } @else {\n    <h2 class=\"task-list__title\">{{ 'summary.tasks' | translate }}</h2>\n\n    <div class=\"task-list__tasks-container\" cdsLayer=\"1\">\n      <h3 class=\"task-list__subtitle\">{{ 'summary.myTasks' | translate }}</h3>\n\n      @if (obs.tasks?.myTasks.length === 0) {\n        {{ 'summary.noResultsMyTasks' | translate }}\n      } @else {\n        @for (taskWithProcessLink of obs.tasks?.myTasks; track taskWithProcessLink.task.id) {\n          <ng-container\n            *ngTemplateOutlet=\"taskTemplate; context: {taskWithProcessLink: taskWithProcessLink}\"\n          ></ng-container>\n        }\n      }\n    </div>\n\n    <div class=\"task-list__tasks-container\" cdsLayer=\"1\">\n      <h3 class=\"task-list__subtitle\">{{ 'summary.otherTasks' | translate }}</h3>\n\n      @if (obs.tasks?.otherTasks.length === 0) {\n        {{ 'summary.noResultsOtherTasks' | translate }}\n      } @else {\n        @for (taskWithProcessLink of obs.tasks?.otherTasks; track taskWithProcessLink.task.id) {\n          <ng-container\n            *ngTemplateOutlet=\"taskTemplate; context: {taskWithProcessLink: taskWithProcessLink}\"\n          ></ng-container>\n        }\n      }\n    </div>\n  }\n\n  <valtimo-task-detail-modal\n    #taskDetail\n    [openFromCaseManagement]=\"true\"\n    [modalSize]=\"formSize$ | async\"\n    (formSubmit)=\"onFormSubmit()\"\n    (assignmentOfTaskChanged)=\"refresh()\"\n    (dueDateChanged)=\"refresh()\"\n  ></valtimo-task-detail-modal>\n</div>\n\n<ng-template #taskTemplate let-taskWithProcessLink=\"taskWithProcessLink\">\n  <cds-clickable-tile [href]=\"null\" (click)=\"rowTaskClick(taskWithProcessLink)\">\n    <div class=\"task\">\n      <div class=\"task__header\">\n        <span class=\"task__title\">{{ taskWithProcessLink.task.name }}</span>\n\n        @if (!!taskWithProcessLink.task.assignedTeam || !!taskWithProcessLink.task.assignee) {\n          <cds-tag\n            class=\"cds-tag--no-margin\"\n            [ngbTooltip]=\"getAssigneeTooltip(taskWithProcessLink.task) || ('summary.taskIsAssigned' | translate)\"\n            [type]=\"'cool-gray'\"\n          >\n            @if (!!taskWithProcessLink.task.assignedTeam) {\n              <svg cdsIcon=\"group\" size=\"20\"></svg>\n            } @else {\n              <svg cdsIcon=\"user--filled\" size=\"20\"></svg>\n            }\n          </cds-tag>\n        }\n        <cds-tag\n          class=\"cds-tag--no-margin\"\n          [type]=\"taskWithProcessLink.task.isLocked ? 'cool-gray' : 'green'\"\n        >\n          @if (!taskWithProcessLink.task.isLocked) {\n            {{ 'summary.taskOpen' | translate }}\n          } @else {\n            <i class=\"icon mdi mdi-lock\"></i>\n          }\n        </cds-tag>\n      </div>\n\n      <div class=\"task__description\">\n        {{ 'summary.taskCreated' | translate }} {{ taskWithProcessLink.task.created }}\n      </div>\n\n      <div class=\"task__subtitles\">\n        @for (subtitle of taskWithProcessLink.task?.subtitles || []; track subtitle) {\n          <p class=\"task__subtitle\">{{ subtitle }}</p>\n        }\n      </div>\n    </div>\n  </cds-clickable-tile>\n</ng-template>\n\n<ng-template #noTasksTemplate>\n  <valtimo-no-results\n    [alwaysRenderVertically]=\"true\"\n    illustration=\"valtimo-layout/img/emptystate-success.svg\"\n    [description]=\"'summary.userTasksDoneState' | translate\"\n    [smallPadding]=\"true\"\n  ></valtimo-no-results>\n</ng-template>\n\n<ng-template #loadingTasksTemplate>\n  <div class=\"loading-container\">\n    <cds-loading size=\"sm\"></cds-loading>\n  </div>\n</ng-template>\n", styles: [".task-list{width:100%;background-color:var(--cds-layer);padding:24px;display:flex;flex-direction:column;gap:16px}.task-list__title{font-size:24px;line-height:24px;font-weight:600}.task-list__subtitle{font-size:16px;line-height:16px;font-weight:600}.task-list__tasks-container,.task{display:flex;flex-direction:column;gap:8px}.task__header{display:flex;justify-content:space-between;align-items:center;gap:8px}.task__header .cds--tag{margin:0;white-space:pre}.task__title{flex:1;font-size:14px;font-weight:600;line-height:20px;letter-spacing:.16px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.task__subtitle{font-size:12px;font-weight:400;line-height:16px;letter-spacing:.32px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task__subtitles{display:flex;flex-direction:column;gap:4px}.task__description{font-size:12px;font-weight:400;line-height:16px;letter-spacing:.32px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.loading-container{width:100%;display:flex;justify-content:center}\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: NgbTooltipModule }, { kind: "directive", type: i6$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: WidgetModule }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: i2$2.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "ngmodule", type: TaskModule }, { kind: "component", type: i5$3.TaskDetailModalComponent, selector: "valtimo-task-detail-modal", inputs: ["modalSize", "openFromCaseManagement"], outputs: ["formSubmit", "assignmentOfTaskChanged", "dueDateChanged", "modalClosed"] }, { kind: "ngmodule", type: TilesModule }, { kind: "component", type: i2$2.ClickableTile, selector: "cds-clickable-tile, ibm-clickable-tile", inputs: ["theme", "href", "target", "rel", "disabled", "route", "routeExtras"], outputs: ["navigation"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i2$2.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i2$2.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class", "skeleton"] }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i2$1.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i2$2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseDetailTaskListComponent, deps: [{ token: i2.DocumentService }, { token: i4$1.IconService }, { token: i1$2.ActivatedRoute }, { token: i2$3.PermissionService }, { token: i5.SseService }, { token: CaseDetailLayoutService }, { token: i3$3.ProcessLinkService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CaseDetailTaskListComponent, isStandalone: true, selector: "valtimo-case-detail-task-list", inputs: { openTaskAndProcessLinkInModal: "openTaskAndProcessLinkInModal" }, outputs: { taskClickEvent: "taskClickEvent", formSubmitEvent: "formSubmitEvent" }, viewQueries: [{ propertyName: "_taskDetailModal", first: true, predicate: ["taskDetail"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  class=\"task-list\"\n  *ngIf=\"{loadingTasks: loadingTasks$ | async, tasks: processInstanceTasks$ | async} as obs\"\n>\n  @if (obs.loadingTasks && !obs.tasks) {\n    <ng-container *ngTemplateOutlet=\"loadingTasksTemplate\"></ng-container>\n  } @else if (obs.tasks?.myTasks?.length === 0 && obs.tasks?.otherTasks?.length === 0) {\n    <ng-container *ngTemplateOutlet=\"noTasksTemplate\"></ng-container>\n  } @else {\n    <h2 class=\"task-list__title\">{{ 'summary.tasks' | translate }}</h2>\n\n    <div class=\"task-list__tasks-container\" cdsLayer=\"1\">\n      <h3 class=\"task-list__subtitle\">{{ 'summary.myTasks' | translate }}</h3>\n\n      @if (obs.tasks?.myTasks.length === 0) {\n        {{ 'summary.noResultsMyTasks' | translate }}\n      } @else {\n        @for (taskWithProcessLink of obs.tasks?.myTasks; track taskWithProcessLink.task.id) {\n          <ng-container\n            *ngTemplateOutlet=\"taskTemplate; context: {taskWithProcessLink: taskWithProcessLink}\"\n          ></ng-container>\n        }\n      }\n    </div>\n\n    <div class=\"task-list__tasks-container\" cdsLayer=\"1\">\n      <h3 class=\"task-list__subtitle\">{{ 'summary.otherTasks' | translate }}</h3>\n\n      @if (obs.tasks?.otherTasks.length === 0) {\n        {{ 'summary.noResultsOtherTasks' | translate }}\n      } @else {\n        @for (taskWithProcessLink of obs.tasks?.otherTasks; track taskWithProcessLink.task.id) {\n          <ng-container\n            *ngTemplateOutlet=\"taskTemplate; context: {taskWithProcessLink: taskWithProcessLink}\"\n          ></ng-container>\n        }\n      }\n    </div>\n  }\n\n  <valtimo-task-detail-modal\n    #taskDetail\n    [openFromCaseManagement]=\"true\"\n    [modalSize]=\"formSize$ | async\"\n    (formSubmit)=\"onFormSubmit()\"\n    (assignmentOfTaskChanged)=\"refresh()\"\n    (dueDateChanged)=\"refresh()\"\n  ></valtimo-task-detail-modal>\n</div>\n\n<ng-template #taskTemplate let-taskWithProcessLink=\"taskWithProcessLink\">\n  <cds-clickable-tile [href]=\"null\" (click)=\"rowTaskClick(taskWithProcessLink)\">\n    <div class=\"task\">\n      <div class=\"task__header\">\n        <span class=\"task__title\">{{ taskWithProcessLink.task.name }}</span>\n\n        @if (!!taskWithProcessLink.task.assignedTeam || !!taskWithProcessLink.task.assignee) {\n          <cds-tag\n            class=\"cds-tag--no-margin\"\n            [ngbTooltip]=\"getAssigneeTooltip(taskWithProcessLink.task) || ('summary.taskIsAssigned' | translate)\"\n            [type]=\"'cool-gray'\"\n          >\n            @if (!!taskWithProcessLink.task.assignedTeam) {\n              <svg cdsIcon=\"group\" size=\"20\"></svg>\n            } @else {\n              <svg cdsIcon=\"user--filled\" size=\"20\"></svg>\n            }\n          </cds-tag>\n        }\n        <cds-tag\n          class=\"cds-tag--no-margin\"\n          [type]=\"taskWithProcessLink.task.isLocked ? 'cool-gray' : 'green'\"\n        >\n          @if (!taskWithProcessLink.task.isLocked) {\n            {{ 'summary.taskOpen' | translate }}\n          } @else {\n            <i class=\"icon mdi mdi-lock\"></i>\n          }\n        </cds-tag>\n      </div>\n\n      <div class=\"task__description\">\n        {{ 'summary.taskCreated' | translate }} {{ taskWithProcessLink.task.created }}\n      </div>\n\n      <div class=\"task__subtitles\">\n        @for (subtitle of taskWithProcessLink.task?.subtitles || []; track subtitle) {\n          <p class=\"task__subtitle\">{{ subtitle }}</p>\n        }\n      </div>\n    </div>\n  </cds-clickable-tile>\n</ng-template>\n\n<ng-template #noTasksTemplate>\n  <valtimo-no-results\n    [alwaysRenderVertically]=\"true\"\n    illustration=\"valtimo-layout/img/emptystate-success.svg\"\n    [description]=\"'summary.userTasksDoneState' | translate\"\n    [smallPadding]=\"true\"\n  ></valtimo-no-results>\n</ng-template>\n\n<ng-template #loadingTasksTemplate>\n  <div class=\"loading-container\">\n    <cds-loading size=\"sm\"></cds-loading>\n  </div>\n</ng-template>\n", styles: [".task-list{width:100%;background-color:var(--cds-layer);padding:24px;display:flex;flex-direction:column;gap:16px}.task-list__title{font-size:24px;line-height:24px;font-weight:600}.task-list__subtitle{font-size:16px;line-height:16px;font-weight:600}.task-list__tasks-container,.task{display:flex;flex-direction:column;gap:8px}.task__header{display:flex;justify-content:space-between;align-items:center;gap:8px}.task__header .cds--tag{margin:0;white-space:pre}.task__title{flex:1;font-size:14px;font-weight:600;line-height:20px;letter-spacing:.16px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.task__subtitle{font-size:12px;font-weight:400;line-height:16px;letter-spacing:.32px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task__subtitles{display:flex;flex-direction:column;gap:4px}.task__description{font-size:12px;font-weight:400;line-height:16px;letter-spacing:.32px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.loading-container{width:100%;display:flex;justify-content:center}\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: NgbTooltipModule }, { kind: "directive", type: i6$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: WidgetModule }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: i4$1.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "ngmodule", type: TaskModule }, { kind: "component", type: i5$3.TaskDetailModalComponent, selector: "valtimo-task-detail-modal", inputs: ["modalSize", "openFromCaseManagement"], outputs: ["formSubmit", "assignmentOfTaskChanged", "dueDateChanged", "modalClosed"] }, { kind: "ngmodule", type: TilesModule }, { kind: "component", type: i4$1.ClickableTile, selector: "cds-clickable-tile, ibm-clickable-tile", inputs: ["theme", "href", "target", "rel", "disabled", "route", "routeExtras"], outputs: ["navigation"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i4$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i4$1.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class", "skeleton"] }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i2$1.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i4$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseDetailTaskListComponent, decorators: [{
             type: Component,
@@ -4357,7 +4501,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         CarbonListModule,
                         IconModule,
                     ], 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  class=\"task-list\"\n  *ngIf=\"{loadingTasks: loadingTasks$ | async, tasks: processInstanceTasks$ | async} as obs\"\n>\n  @if (obs.loadingTasks && !obs.tasks) {\n    <ng-container *ngTemplateOutlet=\"loadingTasksTemplate\"></ng-container>\n  } @else if (obs.tasks?.myTasks?.length === 0 && obs.tasks?.otherTasks?.length === 0) {\n    <ng-container *ngTemplateOutlet=\"noTasksTemplate\"></ng-container>\n  } @else {\n    <h2 class=\"task-list__title\">{{ 'summary.tasks' | translate }}</h2>\n\n    <div class=\"task-list__tasks-container\" cdsLayer=\"1\">\n      <h3 class=\"task-list__subtitle\">{{ 'summary.myTasks' | translate }}</h3>\n\n      @if (obs.tasks?.myTasks.length === 0) {\n        {{ 'summary.noResultsMyTasks' | translate }}\n      } @else {\n        @for (taskWithProcessLink of obs.tasks?.myTasks; track taskWithProcessLink.task.id) {\n          <ng-container\n            *ngTemplateOutlet=\"taskTemplate; context: {taskWithProcessLink: taskWithProcessLink}\"\n          ></ng-container>\n        }\n      }\n    </div>\n\n    <div class=\"task-list__tasks-container\" cdsLayer=\"1\">\n      <h3 class=\"task-list__subtitle\">{{ 'summary.otherTasks' | translate }}</h3>\n\n      @if (obs.tasks?.otherTasks.length === 0) {\n        {{ 'summary.noResultsOtherTasks' | translate }}\n      } @else {\n        @for (taskWithProcessLink of obs.tasks?.otherTasks; track taskWithProcessLink.task.id) {\n          <ng-container\n            *ngTemplateOutlet=\"taskTemplate; context: {taskWithProcessLink: taskWithProcessLink}\"\n          ></ng-container>\n        }\n      }\n    </div>\n  }\n\n  <valtimo-task-detail-modal\n    #taskDetail\n    [openFromCaseManagement]=\"true\"\n    [modalSize]=\"formSize$ | async\"\n    (formSubmit)=\"onFormSubmit()\"\n    (assignmentOfTaskChanged)=\"refresh()\"\n    (dueDateChanged)=\"refresh()\"\n  ></valtimo-task-detail-modal>\n</div>\n\n<ng-template #taskTemplate let-taskWithProcessLink=\"taskWithProcessLink\">\n  <cds-clickable-tile [href]=\"null\" (click)=\"rowTaskClick(taskWithProcessLink)\">\n    <div class=\"task\">\n      <div class=\"task__header\">\n        <span class=\"task__title\">{{ taskWithProcessLink.task.name }}</span>\n\n        @if (!!taskWithProcessLink.task.assignedTeam || !!taskWithProcessLink.task.assignee) {\n          <cds-tag\n            class=\"cds-tag--no-margin\"\n            [ngbTooltip]=\"getAssigneeTooltip(taskWithProcessLink.task) || ('summary.taskIsAssigned' | translate)\"\n            [type]=\"'cool-gray'\"\n          >\n            @if (!!taskWithProcessLink.task.assignedTeam) {\n              <svg cdsIcon=\"group\" size=\"20\"></svg>\n            } @else {\n              <svg cdsIcon=\"user--filled\" size=\"20\"></svg>\n            }\n          </cds-tag>\n        }\n        <cds-tag\n          class=\"cds-tag--no-margin\"\n          [type]=\"taskWithProcessLink.task.isLocked ? 'cool-gray' : 'green'\"\n        >\n          @if (!taskWithProcessLink.task.isLocked) {\n            {{ 'summary.taskOpen' | translate }}\n          } @else {\n            <i class=\"icon mdi mdi-lock\"></i>\n          }\n        </cds-tag>\n      </div>\n\n      <div class=\"task__description\">\n        {{ 'summary.taskCreated' | translate }} {{ taskWithProcessLink.task.created }}\n      </div>\n\n      <div class=\"task__subtitles\">\n        @for (subtitle of taskWithProcessLink.task?.subtitles || []; track subtitle) {\n          <p class=\"task__subtitle\">{{ subtitle }}</p>\n        }\n      </div>\n    </div>\n  </cds-clickable-tile>\n</ng-template>\n\n<ng-template #noTasksTemplate>\n  <valtimo-no-results\n    [alwaysRenderVertically]=\"true\"\n    illustration=\"valtimo-layout/img/emptystate-success.svg\"\n    [description]=\"'summary.userTasksDoneState' | translate\"\n    [smallPadding]=\"true\"\n  ></valtimo-no-results>\n</ng-template>\n\n<ng-template #loadingTasksTemplate>\n  <div class=\"loading-container\">\n    <cds-loading size=\"sm\"></cds-loading>\n  </div>\n</ng-template>\n", styles: [".task-list{width:100%;background-color:var(--cds-layer);padding:24px;display:flex;flex-direction:column;gap:16px}.task-list__title{font-size:24px;line-height:24px;font-weight:600}.task-list__subtitle{font-size:16px;line-height:16px;font-weight:600}.task-list__tasks-container,.task{display:flex;flex-direction:column;gap:8px}.task__header{display:flex;justify-content:space-between;align-items:center;gap:8px}.task__header .cds--tag{margin:0;white-space:pre}.task__title{flex:1;font-size:14px;font-weight:600;line-height:20px;letter-spacing:.16px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.task__subtitle{font-size:12px;font-weight:400;line-height:16px;letter-spacing:.32px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task__subtitles{display:flex;flex-direction:column;gap:4px}.task__description{font-size:12px;font-weight:400;line-height:16px;letter-spacing:.32px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.loading-container{width:100%;display:flex;justify-content:center}\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.DocumentService }, { type: i2$2.IconService }, { type: i1$2.ActivatedRoute }, { type: i2$4.PermissionService }, { type: i5.SseService }, { type: CaseDetailLayoutService }, { type: i3$3.ProcessLinkService }], propDecorators: { _taskDetailModal: [{
+        }], ctorParameters: () => [{ type: i2.DocumentService }, { type: i4$1.IconService }, { type: i1$2.ActivatedRoute }, { type: i2$3.PermissionService }, { type: i5.SseService }, { type: CaseDetailLayoutService }, { type: i3$3.ProcessLinkService }], propDecorators: { _taskDetailModal: [{
                 type: ViewChild,
                 args: ['taskDetail']
             }], openTaskAndProcessLinkInModal: [{
@@ -4497,8 +4641,8 @@ class CaseDetailsTaskDetailComponent {
     onFormSubmitEvent() {
         this.formSubmit.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseDetailsTaskDetailComponent, deps: [{ token: i1.ConfigService }, { token: i2$1.PageHeaderService }, { token: i2$4.PermissionService }, { token: i4.TranslateService }, { token: i5$3.TaskService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CaseDetailsTaskDetailComponent, isStandalone: true, selector: "valtimo-case-detail-task-detail", inputs: { taskAndProcessLink: "taskAndProcessLink" }, outputs: { closeEvent: "closeEvent", assignmentOfTaskChanged: "assignmentOfTaskChanged", dueDateChanged: "dueDateChanged", activeChange: "activeChange", formSubmit: "formSubmit" }, 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    canAssignUserToTask: canAssignUserToTask$ | async,\n    intermediateSaveValue: intermediateSaveValue$ | async,\n    task: task$ | async,\n    taskAndProcessLink: taskAndProcessLink$ | async,\n    canModifyTask: canModifyTask$ | async,\n  } as obs\"\n  class=\"valtimo-case-detail-task-detail\"\n>\n  <section class=\"valtimo-case-detail-task-detail__header\">\n    <valtimo-task-detail-intermediate-save\n      *ngIf=\"enableIntermediateSave$ | async\"\n      [taskAndProcessLink]=\"obs.taskAndProcessLink\"\n      (currentIntermediateSaveEvent)=\"onCurrentIntermediateSaveEvent($event)\"\n    ></valtimo-task-detail-intermediate-save>\n\n    <button cdsButton=\"ghost\" [iconOnly]=\"true\" (click)=\"onClose()\">\n      <svg cdsIcon=\"close\" size=\"16\"></svg>\n    </button>\n  </section>\n\n  <section\n    class=\"valtimo-case-detail-task-detail__body\"\n    [class.valtimo-case-detail-task-detail__body--compact]=\"compactMode$ | async\"\n  >\n    <div class=\"title-container\">\n      <p class=\"valtimo-case-detail-task-detail__title\">{{ pageValue()?.title }}</p>\n\n      <p class=\"cds--modal-header__label cds--type-delta\">{{ pageValue()?.subtitle }}</p>\n\n      <p *ngIf=\"obs.intermediateSaveValue\" class=\"cds--modal-header__label\">\n        {{ 'formManagement.intermediateSave.lastSavedBy' | translate }}:\n\n        {{\n          obs.intermediateSaveValue.editedBy\n            ? obs.intermediateSaveValue.editedBy\n            : obs.intermediateSaveValue.createdBy\n        }}\n\n        {{ 'formManagement.intermediateSave.on' | translate }}:\n\n        {{\n          obs.intermediateSaveValue.editedOn\n            ? obs.intermediateSaveValue.editedOn\n            : obs.intermediateSaveValue.createdOn\n        }}\n      </p>\n\n      <div class=\"task-actions\">\n        @if (obs.task) {\n          <valtimo-assignment\n            mode=\"task\"\n            [assigneeId]=\"obs.task.assignee\"\n            [assigneeFullName]=\"obs.task.valtimoAssignee?.fullName\"\n            [assignedTeamKey]=\"obs.task.assignedTeam?.key\"\n            [assignedTeamTitle]=\"obs.task.assignedTeam?.title\"\n            [hasPermission]=\"obs.canAssignUserToTask\"\n            [candidateUsers$]=\"candidateUsers$\"\n            [candidateTeams$]=\"candidateTeams$\"\n            (assignmentChangedEvent)=\"onAssignmentChanged($event)\"\n            (unassignedEvent)=\"onUnassigned()\"\n          ></valtimo-assignment>\n\n          <valtimo-set-task-due-date\n            [task]=\"obs.task\"\n            [canModifyTask]=\"obs.canModifyTask\"\n            (dueDateChanged)=\"onDueDateChanged()\"\n          ></valtimo-set-task-due-date>\n        }\n      </div>\n    </div>\n\n    <valtimo-task-detail-content\n      [taskAndProcessLink]=\"obs.taskAndProcessLink\"\n      (activeChange)=\"onActiveChangeEvent($event)\"\n      (formSubmit)=\"onFormSubmitEvent()\"\n    ></valtimo-task-detail-content>\n  </section>\n</div>\n", styles: [".valtimo-case-detail-task-detail{width:100%;display:flex;flex-direction:column;background-color:var(--cds-layer);padding:8px 16px 16px}.valtimo-case-detail-task-detail__header{display:flex;justify-content:flex-end}.valtimo-case-detail-task-detail__title{color:var(--cds-text-primary);font-weight:600;font-size:16px;line-height:24px}.valtimo-case-detail-task-detail__body{overflow-y:auto;max-height:calc(100vh - 320px)}.valtimo-case-detail-task-detail__body--compact{max-height:calc(100vh - 280px)}.valtimo-case-detail-task-detail__body .title-container{position:sticky;background-color:var(--cds-layer);top:0;z-index:12;padding-bottom:16px}.valtimo-case-detail-task-detail .task-actions{display:flex;flex-wrap:wrap;width:100%;padding-top:8px;gap:8px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "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: i4.TranslatePipe, name: "translate" }, { kind: "component", type: TaskDetailContentComponent, selector: "valtimo-task-detail-content", inputs: ["task", "taskAndProcessLink", "modalClosed"], outputs: ["closeModalEvent", "formSubmit", "activeChange", "taskUpdated"] }, { kind: "component", type: TaskDetailIntermediateSaveComponent, selector: "valtimo-task-detail-intermediate-save", inputs: ["task", "taskAndProcessLink"], outputs: ["currentIntermediateSaveEvent", "showModalEvent"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2$2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i2$2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: AssignmentComponent, selector: "valtimo-assignment", inputs: ["mode", "hasPermission", "assigneeId", "assigneeFullName", "assignedTeamKey", "assignedTeamTitle", "candidateUsers$", "candidateTeams$"], outputs: ["assignmentChangedEvent", "unassignedEvent"] }, { kind: "component", type: SetTaskDueDateComponent, selector: "valtimo-set-task-due-date", inputs: ["canModifyTask", "task"], outputs: ["dueDateChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseDetailsTaskDetailComponent, deps: [{ token: i1.ConfigService }, { token: i2$1.PageHeaderService }, { token: i2$3.PermissionService }, { token: i4.TranslateService }, { token: i5$3.TaskService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CaseDetailsTaskDetailComponent, isStandalone: true, selector: "valtimo-case-detail-task-detail", inputs: { taskAndProcessLink: "taskAndProcessLink" }, outputs: { closeEvent: "closeEvent", assignmentOfTaskChanged: "assignmentOfTaskChanged", dueDateChanged: "dueDateChanged", activeChange: "activeChange", formSubmit: "formSubmit" }, 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    canAssignUserToTask: canAssignUserToTask$ | async,\n    intermediateSaveValue: intermediateSaveValue$ | async,\n    task: task$ | async,\n    taskAndProcessLink: taskAndProcessLink$ | async,\n    canModifyTask: canModifyTask$ | async,\n  } as obs\"\n  class=\"valtimo-case-detail-task-detail\"\n>\n  <section class=\"valtimo-case-detail-task-detail__header\">\n    <valtimo-task-detail-intermediate-save\n      *ngIf=\"enableIntermediateSave$ | async\"\n      [taskAndProcessLink]=\"obs.taskAndProcessLink\"\n      (currentIntermediateSaveEvent)=\"onCurrentIntermediateSaveEvent($event)\"\n    ></valtimo-task-detail-intermediate-save>\n\n    <button cdsButton=\"ghost\" [iconOnly]=\"true\" (click)=\"onClose()\">\n      <svg cdsIcon=\"close\" size=\"16\"></svg>\n    </button>\n  </section>\n\n  <section\n    class=\"valtimo-case-detail-task-detail__body\"\n    [class.valtimo-case-detail-task-detail__body--compact]=\"compactMode$ | async\"\n  >\n    <div class=\"title-container\">\n      <p class=\"valtimo-case-detail-task-detail__title\">{{ pageValue()?.title }}</p>\n\n      <p class=\"cds--modal-header__label cds--type-delta\">{{ pageValue()?.subtitle }}</p>\n\n      <p *ngIf=\"obs.intermediateSaveValue\" class=\"cds--modal-header__label\">\n        {{ 'formManagement.intermediateSave.lastSavedBy' | translate }}:\n\n        {{\n          obs.intermediateSaveValue.editedBy\n            ? obs.intermediateSaveValue.editedBy\n            : obs.intermediateSaveValue.createdBy\n        }}\n\n        {{ 'formManagement.intermediateSave.on' | translate }}:\n\n        {{\n          obs.intermediateSaveValue.editedOn\n            ? obs.intermediateSaveValue.editedOn\n            : obs.intermediateSaveValue.createdOn\n        }}\n      </p>\n\n      <div class=\"task-actions\">\n        @if (obs.task) {\n          <valtimo-assignment\n            mode=\"task\"\n            [assigneeId]=\"obs.task.assignee\"\n            [assigneeFullName]=\"obs.task.valtimoAssignee?.fullName\"\n            [assignedTeamKey]=\"obs.task.assignedTeam?.key\"\n            [assignedTeamTitle]=\"obs.task.assignedTeam?.title\"\n            [hasPermission]=\"obs.canAssignUserToTask\"\n            [candidateUsers$]=\"candidateUsers$\"\n            [candidateTeams$]=\"candidateTeams$\"\n            (assignmentChangedEvent)=\"onAssignmentChanged($event)\"\n            (unassignedEvent)=\"onUnassigned()\"\n          ></valtimo-assignment>\n\n          <valtimo-set-task-due-date\n            [task]=\"obs.task\"\n            [canModifyTask]=\"obs.canModifyTask\"\n            (dueDateChanged)=\"onDueDateChanged()\"\n          ></valtimo-set-task-due-date>\n        }\n      </div>\n    </div>\n\n    <valtimo-task-detail-content\n      [taskAndProcessLink]=\"obs.taskAndProcessLink\"\n      (activeChange)=\"onActiveChangeEvent($event)\"\n      (formSubmit)=\"onFormSubmitEvent()\"\n    ></valtimo-task-detail-content>\n  </section>\n</div>\n", styles: [".valtimo-case-detail-task-detail{width:100%;display:flex;flex-direction:column;background-color:var(--cds-layer);padding:8px 16px 16px}.valtimo-case-detail-task-detail__header{display:flex;justify-content:flex-end}.valtimo-case-detail-task-detail__title{color:var(--cds-text-primary);font-weight:600;font-size:16px;line-height:24px}.valtimo-case-detail-task-detail__body{overflow-y:auto;max-height:calc(100vh - 320px)}.valtimo-case-detail-task-detail__body--compact{max-height:calc(100vh - 280px)}.valtimo-case-detail-task-detail__body .title-container{position:sticky;background-color:var(--cds-layer);top:0;z-index:12;padding-bottom:16px}.valtimo-case-detail-task-detail .task-actions{display:flex;flex-wrap:wrap;width:100%;padding-top:8px;gap:8px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "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: i4.TranslatePipe, name: "translate" }, { kind: "component", type: TaskDetailContentComponent, selector: "valtimo-task-detail-content", inputs: ["task", "taskAndProcessLink", "modalClosed"], outputs: ["closeModalEvent", "formSubmit", "activeChange", "taskUpdated"] }, { kind: "component", type: TaskDetailIntermediateSaveComponent, selector: "valtimo-task-detail-intermediate-save", inputs: ["task", "taskAndProcessLink"], outputs: ["currentIntermediateSaveEvent", "showModalEvent"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i4$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: AssignmentComponent, selector: "valtimo-assignment", inputs: ["mode", "hasPermission", "assigneeId", "assigneeFullName", "assignedTeamKey", "assignedTeamTitle", "candidateUsers$", "candidateTeams$"], outputs: ["assignmentChangedEvent", "unassignedEvent"] }, { kind: "component", type: SetTaskDueDateComponent, selector: "valtimo-set-task-due-date", inputs: ["canModifyTask", "task"], outputs: ["dueDateChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseDetailsTaskDetailComponent, decorators: [{
             type: Component,
@@ -4512,7 +4656,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         AssignmentComponent,
                         SetTaskDueDateComponent,
                     ], 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    canAssignUserToTask: canAssignUserToTask$ | async,\n    intermediateSaveValue: intermediateSaveValue$ | async,\n    task: task$ | async,\n    taskAndProcessLink: taskAndProcessLink$ | async,\n    canModifyTask: canModifyTask$ | async,\n  } as obs\"\n  class=\"valtimo-case-detail-task-detail\"\n>\n  <section class=\"valtimo-case-detail-task-detail__header\">\n    <valtimo-task-detail-intermediate-save\n      *ngIf=\"enableIntermediateSave$ | async\"\n      [taskAndProcessLink]=\"obs.taskAndProcessLink\"\n      (currentIntermediateSaveEvent)=\"onCurrentIntermediateSaveEvent($event)\"\n    ></valtimo-task-detail-intermediate-save>\n\n    <button cdsButton=\"ghost\" [iconOnly]=\"true\" (click)=\"onClose()\">\n      <svg cdsIcon=\"close\" size=\"16\"></svg>\n    </button>\n  </section>\n\n  <section\n    class=\"valtimo-case-detail-task-detail__body\"\n    [class.valtimo-case-detail-task-detail__body--compact]=\"compactMode$ | async\"\n  >\n    <div class=\"title-container\">\n      <p class=\"valtimo-case-detail-task-detail__title\">{{ pageValue()?.title }}</p>\n\n      <p class=\"cds--modal-header__label cds--type-delta\">{{ pageValue()?.subtitle }}</p>\n\n      <p *ngIf=\"obs.intermediateSaveValue\" class=\"cds--modal-header__label\">\n        {{ 'formManagement.intermediateSave.lastSavedBy' | translate }}:\n\n        {{\n          obs.intermediateSaveValue.editedBy\n            ? obs.intermediateSaveValue.editedBy\n            : obs.intermediateSaveValue.createdBy\n        }}\n\n        {{ 'formManagement.intermediateSave.on' | translate }}:\n\n        {{\n          obs.intermediateSaveValue.editedOn\n            ? obs.intermediateSaveValue.editedOn\n            : obs.intermediateSaveValue.createdOn\n        }}\n      </p>\n\n      <div class=\"task-actions\">\n        @if (obs.task) {\n          <valtimo-assignment\n            mode=\"task\"\n            [assigneeId]=\"obs.task.assignee\"\n            [assigneeFullName]=\"obs.task.valtimoAssignee?.fullName\"\n            [assignedTeamKey]=\"obs.task.assignedTeam?.key\"\n            [assignedTeamTitle]=\"obs.task.assignedTeam?.title\"\n            [hasPermission]=\"obs.canAssignUserToTask\"\n            [candidateUsers$]=\"candidateUsers$\"\n            [candidateTeams$]=\"candidateTeams$\"\n            (assignmentChangedEvent)=\"onAssignmentChanged($event)\"\n            (unassignedEvent)=\"onUnassigned()\"\n          ></valtimo-assignment>\n\n          <valtimo-set-task-due-date\n            [task]=\"obs.task\"\n            [canModifyTask]=\"obs.canModifyTask\"\n            (dueDateChanged)=\"onDueDateChanged()\"\n          ></valtimo-set-task-due-date>\n        }\n      </div>\n    </div>\n\n    <valtimo-task-detail-content\n      [taskAndProcessLink]=\"obs.taskAndProcessLink\"\n      (activeChange)=\"onActiveChangeEvent($event)\"\n      (formSubmit)=\"onFormSubmitEvent()\"\n    ></valtimo-task-detail-content>\n  </section>\n</div>\n", styles: [".valtimo-case-detail-task-detail{width:100%;display:flex;flex-direction:column;background-color:var(--cds-layer);padding:8px 16px 16px}.valtimo-case-detail-task-detail__header{display:flex;justify-content:flex-end}.valtimo-case-detail-task-detail__title{color:var(--cds-text-primary);font-weight:600;font-size:16px;line-height:24px}.valtimo-case-detail-task-detail__body{overflow-y:auto;max-height:calc(100vh - 320px)}.valtimo-case-detail-task-detail__body--compact{max-height:calc(100vh - 280px)}.valtimo-case-detail-task-detail__body .title-container{position:sticky;background-color:var(--cds-layer);top:0;z-index:12;padding-bottom:16px}.valtimo-case-detail-task-detail .task-actions{display:flex;flex-wrap:wrap;width:100%;padding-top:8px;gap:8px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
-        }], ctorParameters: () => [{ type: i1.ConfigService }, { type: i2$1.PageHeaderService }, { type: i2$4.PermissionService }, { type: i4.TranslateService }, { type: i5$3.TaskService }], propDecorators: { taskAndProcessLink: [{
+        }], ctorParameters: () => [{ type: i1.ConfigService }, { type: i2$1.PageHeaderService }, { type: i2$3.PermissionService }, { type: i4.TranslateService }, { type: i5$3.TaskService }], propDecorators: { taskAndProcessLink: [{
                 type: Input
             }], closeEvent: [{
                 type: Output
@@ -4580,13 +4724,13 @@ class CaseDetailHeaderWidgetComponent {
     onNoVisibleFields(noVisibleFields) {
         this.$noVisibleFields.set(noVisibleFields);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseDetailHeaderWidgetComponent, deps: [{ token: CaseHeaderWidgetApiService }, { token: i1$2.ActivatedRoute }, { token: i2$4.PermissionService }, { token: i2$1.CdsThemeService }, { token: i5.SseService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CaseDetailHeaderWidgetComponent, isStandalone: true, selector: "valtimo-case-detail-header-widget", 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 (canViewCaseHeaderWidget$ | async) {\n  <ng-container\n    *ngIf=\"{\n      headerWidget: headerWidget$ | async,\n      headerWidgetData: headerWidgetData$ | async,\n      theme: theme$ | async,\n    } as obs\"\n  >\n    <div\n      *ngIf=\"obs.headerWidget\"\n      class=\"header-widget-container\"\n      [attr.data-carbon-theme]=\"obs.theme\"\n      [style.display]=\"$noVisibleFields() && 'none'\"\n    >\n      @if (!obs.headerWidgetData) {\n        <div class=\"header-widget-container__loader\"><cds-loading size=\"sm\"></cds-loading></div>\n      } @else {\n        <valtimo-widget-field\n          class=\"valtimo-widget-field--compact\"\n          [cdsLayer]=\"1\"\n          [widgetConfiguration]=\"obs.headerWidget\"\n          [widgetData]=\"obs.headerWidgetData\"\n          (noVisibleFieldsEvent)=\"onNoVisibleFields($event)\"\n        ></valtimo-widget-field>\n      }\n    </div>\n  </ng-container>\n}\n", styles: [".header-widget-container{display:flex;width:100%;justify-content:center;background:var(--cds-layer);margin-top:16px;margin-bottom:16px}.header-widget-container__loader{margin: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: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "component", type: WidgetFieldComponent, selector: "valtimo-widget-field", inputs: ["widgetConfiguration", "widgetData"], outputs: ["noVisibleFieldsEvent"] }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: i2$2.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i2$2.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: InputModule }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseDetailHeaderWidgetComponent, deps: [{ token: CaseHeaderWidgetApiService }, { token: i1$2.ActivatedRoute }, { token: i2$3.PermissionService }, { token: i2$1.CdsThemeService }, { token: i5.SseService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CaseDetailHeaderWidgetComponent, isStandalone: true, selector: "valtimo-case-detail-header-widget", 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 (canViewCaseHeaderWidget$ | async) {\n  <ng-container\n    *ngIf=\"{\n      headerWidget: headerWidget$ | async,\n      headerWidgetData: headerWidgetData$ | async,\n      theme: theme$ | async,\n    } as obs\"\n  >\n    <div\n      *ngIf=\"obs.headerWidget\"\n      class=\"header-widget-container\"\n      [attr.data-carbon-theme]=\"obs.theme\"\n      [style.display]=\"$noVisibleFields() && 'none'\"\n    >\n      @if (!obs.headerWidgetData) {\n        <div class=\"header-widget-container__loader\"><cds-loading size=\"sm\"></cds-loading></div>\n      } @else {\n        <valtimo-widget-field\n          class=\"valtimo-widget-field--compact\"\n          [cdsLayer]=\"1\"\n          [widgetConfiguration]=\"obs.headerWidget\"\n          [widgetData]=\"obs.headerWidgetData\"\n          (noVisibleFieldsEvent)=\"onNoVisibleFields($event)\"\n        ></valtimo-widget-field>\n      }\n    </div>\n  </ng-container>\n}\n", styles: [".header-widget-container{display:flex;width:100%;justify-content:center;background:var(--cds-layer);margin-top:16px;margin-bottom:16px}.header-widget-container__loader{margin: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: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "component", type: WidgetFieldComponent, selector: "valtimo-widget-field", inputs: ["widgetConfiguration", "widgetData"], outputs: ["noVisibleFieldsEvent"] }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: i4$1.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i4$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: InputModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseDetailHeaderWidgetComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'valtimo-case-detail-header-widget', imports: [CommonModule, WidgetFieldComponent, LoadingModule, LayerModule, InputModule], 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 (canViewCaseHeaderWidget$ | async) {\n  <ng-container\n    *ngIf=\"{\n      headerWidget: headerWidget$ | async,\n      headerWidgetData: headerWidgetData$ | async,\n      theme: theme$ | async,\n    } as obs\"\n  >\n    <div\n      *ngIf=\"obs.headerWidget\"\n      class=\"header-widget-container\"\n      [attr.data-carbon-theme]=\"obs.theme\"\n      [style.display]=\"$noVisibleFields() && 'none'\"\n    >\n      @if (!obs.headerWidgetData) {\n        <div class=\"header-widget-container__loader\"><cds-loading size=\"sm\"></cds-loading></div>\n      } @else {\n        <valtimo-widget-field\n          class=\"valtimo-widget-field--compact\"\n          [cdsLayer]=\"1\"\n          [widgetConfiguration]=\"obs.headerWidget\"\n          [widgetData]=\"obs.headerWidgetData\"\n          (noVisibleFieldsEvent)=\"onNoVisibleFields($event)\"\n        ></valtimo-widget-field>\n      }\n    </div>\n  </ng-container>\n}\n", styles: [".header-widget-container{display:flex;width:100%;justify-content:center;background:var(--cds-layer);margin-top:16px;margin-bottom:16px}.header-widget-container__loader{margin: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: CaseHeaderWidgetApiService }, { type: i1$2.ActivatedRoute }, { type: i2$4.PermissionService }, { type: i2$1.CdsThemeService }, { type: i5.SseService }] });
+        }], ctorParameters: () => [{ type: CaseHeaderWidgetApiService }, { type: i1$2.ActivatedRoute }, { type: i2$3.PermissionService }, { type: i2$1.CdsThemeService }, { type: i5.SseService }] });
 
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
@@ -4603,11 +4747,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+const DEFAULT_START_MODAL_SIZE$1 = 'sm';
 class CaseSupportingProcessStartModalComponent {
-    constructor(router, processService, processLinkService, formViewModel, formCustomComponentConfig) {
+    constructor(router, processService, processLinkService, translateService, caseDetailLayoutService, formViewModel, formCustomComponentConfig) {
         this.router = router;
         this.processService = processService;
         this.processLinkService = processLinkService;
+        this.translateService = translateService;
+        this.caseDetailLayoutService = caseDetailLayoutService;
         this.formViewModel = formViewModel;
         this.formCustomComponentConfig = formCustomComponentConfig;
         this.formSubmit = new EventEmitter();
@@ -4624,11 +4771,25 @@ class CaseSupportingProcessStartModalComponent {
         this.formFlowInstanceId$ = new BehaviorSubject(undefined);
         this.documentId$ = new BehaviorSubject(undefined);
         this.modalOpen$ = new BehaviorSubject(false);
+        this.modalSize$ = new BehaviorSubject(DEFAULT_START_MODAL_SIZE$1);
         this.isLoading$ = new BehaviorSubject(true);
+        this.formErrors$ = new BehaviorSubject([]);
         this._formCustomComponentConfig$ = new BehaviorSubject({});
         this._buildingBlockDefinitionKey = null;
         this._buildingBlockDefinitionVersionTag = null;
         this.closeModalEvent = new EventEmitter();
+        this.modalTitle$ = combineLatest([
+            this.processDefinitionKey$,
+            this.processName$,
+            this.translateService.stream('key'),
+        ]).pipe(map$1(([processDefinitionKey, processName]) => {
+            const translated = this.translateService.instant(processDefinitionKey);
+            return translated !== processDefinitionKey ? translated : processName;
+        }));
+        // Whether the active tab exposes a panel and the start form may render in it.
+        this._panelAvailable = false;
+        // Whether the current start form is being rendered in the panel instead of the modal.
+        this._displayInPanel = false;
         this._formCustomComponentConfig$.next(formCustomComponentConfig);
     }
     ngOnDestroy() {
@@ -4636,37 +4797,69 @@ class CaseSupportingProcessStartModalComponent {
     }
     loadProcessLink() {
         this.startProcessLinkType$.next(null);
+        this.modalSize$.next(DEFAULT_START_MODAL_SIZE$1);
         this.formViewModelDynamicContainer?.clear();
         this.formCustomComponentDynamicContainer?.clear();
         combineLatest([this.processDefinitionId$, this.documentId$])
             .pipe(take$1(1), switchMap(([processDefinitionId, documentId]) => this.processService.getProcessDefinitionStartProcessLink(processDefinitionId, documentId, null)))
             .subscribe(startProcessResult => {
             this.isLoading$.next(false);
-            if (startProcessResult) {
-                this.startProcessLinkType$.next(startProcessResult.type);
-                switch (startProcessResult.type) {
-                    case 'form':
-                        this.formDefinition$.next(startProcessResult.properties.prefilledForm);
-                        this.processLinkId$.next(startProcessResult.processLinkId);
-                        break;
-                    case 'form-flow':
-                        this.formFlowInstanceId$.next(startProcessResult.properties.formFlowInstanceId);
-                        break;
-                    case 'form-view-model':
-                        this.formDefinition$.next(startProcessResult.properties.formDefinition);
-                        this.setFormViewModelComponent(startProcessResult.properties.formName);
-                        this.openCdsModal();
-                        break;
-                    case 'ui-component':
-                        this.setFormCustomComponent(startProcessResult.properties.componentKey);
-                        this.openCdsModal();
-                        break;
-                }
+            if (!startProcessResult) {
+                // No process link configured: show the modal with the "no form" guidance.
                 this.openCdsModal();
+                return;
+            }
+            this.startProcessLinkType$.next(startProcessResult.type);
+            const displayType = startProcessResult.properties?.formDisplayType;
+            const formSize = startProcessResult.properties?.formSize ?? 'medium';
+            switch (startProcessResult.type) {
+                case 'form':
+                    this.formDefinition$.next(startProcessResult.properties.prefilledForm);
+                    this.processLinkId$.next(startProcessResult.processLinkId);
+                    this.openStartForm(displayType, formSize);
+                    break;
+                case 'form-flow':
+                    this.formFlowInstanceId$.next(startProcessResult.properties.formFlowInstanceId);
+                    this.openStartForm(displayType, formSize);
+                    break;
+                case 'form-view-model':
+                    // Dynamically rendered forms rely on view-container refs that only exist inside the
+                    // modal, so they always open in the modal regardless of the configured display type.
+                    this.formDefinition$.next(startProcessResult.properties.formDefinition);
+                    this.setFormViewModelComponent(startProcessResult.properties.formName);
+                    this.openCdsModal();
+                    break;
+                case 'ui-component':
+                    this.setFormCustomComponent(startProcessResult.properties.componentKey);
+                    this.openCdsModal();
+                    break;
             }
         });
     }
-    openModalForStartableItem(item, documentId, caseDefinitionKey, caseDefinitionVersionTag) {
+    openStartForm(displayType, formSize) {
+        if (this._panelAvailable && displayType === 'panel') {
+            this._displayInPanel = true;
+            combineLatest([this.processDefinitionKey$, this.processName$])
+                .pipe(take$1(1))
+                .subscribe(([processDefinitionKey, processName]) => {
+                const translated = this.translateService.instant(processDefinitionKey);
+                const title = translated !== processDefinitionKey ? translated : processName;
+                this.caseDetailLayoutService.openStartFormPanel({ template: this.startFormTemplate, title }, formSize);
+            });
+        }
+        else {
+            this._displayInPanel = false;
+            this.setModalSize(formSize);
+            this.openCdsModal();
+        }
+    }
+    setModalSize(formSize) {
+        this.modalSize$.next(formSize ? formSizeToCarbonModalSizeMap[formSize] : DEFAULT_START_MODAL_SIZE$1);
+    }
+    openModalForStartableItem(item, documentId, caseDefinitionKey, caseDefinitionVersionTag, panelAvailable = false) {
+        // Reset any panel left open by a previous start so its content does not linger.
+        this.closeStartForm();
+        this._panelAvailable = panelAvailable;
         this.isLoading$.next(true);
         this.documentId$.next(documentId);
         this.caseDefinitionKey$.next(caseDefinitionKey);
@@ -4690,10 +4883,10 @@ class CaseSupportingProcessStartModalComponent {
         options.setHooks(formioBeforeSubmit);
         this.options$.next(options);
         this.loadProcessLink();
-        this.openCdsModal();
     }
     onSubmit(submission) {
         this.formioSubmission$.next(submission);
+        this.formErrors$.next([]);
         if (this.processLinkId$.getValue()) {
             combineLatest([this.processLinkId$, this.documentId$])
                 .pipe(take$1(1), switchMap(([processLinkId, documentId]) => this.processLinkService.submitForm(processLinkId, submission.data, documentId)))
@@ -4702,19 +4895,33 @@ class CaseSupportingProcessStartModalComponent {
                     this.formSubmitted();
                 },
                 error: errors => {
-                    this.form.showErrors(errors);
+                    // Push server-side errors via input binding so they render in both the modal and the
+                    // panel (in panel mode the formio ViewChild lives in the host component's view).
+                    this.formErrors$.next(errors);
                 },
             });
         }
     }
     formSubmitted() {
-        this.closeCdsModal();
+        this.closeStartForm();
         this.formSubmit.emit();
         this.isLoading$.next(true);
         this.formDefinition$.next(null);
     }
+    closePanel() {
+        this.closeStartForm();
+    }
+    closeStartForm() {
+        if (this._displayInPanel) {
+            this._displayInPanel = false;
+            this.caseDetailLayoutService.closeStartFormPanel();
+        }
+        else {
+            this.closeCdsModal();
+        }
+    }
     gotoFormLinkScreen() {
-        this.closeCdsModal();
+        this.closeStartForm();
         if (this._buildingBlockDefinitionKey && this._buildingBlockDefinitionVersionTag) {
             this.router.navigate([
                 `/building-block-management/building-block/${this._buildingBlockDefinitionKey}/version/${this._buildingBlockDefinitionVersionTag}/process-definition/${this.processDefinitionId$.getValue()}`,
@@ -4785,13 +4992,13 @@ class CaseSupportingProcessStartModalComponent {
     openCdsModal() {
         this.modalOpen$.next(true);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseSupportingProcessStartModalComponent, deps: [{ token: i1$2.Router }, { token: i2$3.ProcessService }, { token: i3$3.ProcessLinkService }, { token: FORM_VIEW_MODEL_TOKEN, optional: true }, { token: FORM_CUSTOM_COMPONENT_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CaseSupportingProcessStartModalComponent, isStandalone: false, selector: "valtimo-case-supporting-process-start-modal", inputs: { isAdmin: "isAdmin" }, outputs: { formSubmit: "formSubmit" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }, { propertyName: "formViewModelDynamicContainer", first: true, predicate: ["formViewModelComponent"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "formCustomComponentDynamicContainer", first: true, predicate: ["formCustomComponent"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal [open]=\"modalOpen$ | async\" valtimoCdsModal size=\"sm\" [minContentHeight]=\"480\">\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCloseSelect()\" [cdsLayer]=\"1\"\n    ><h3 cdsModalHeaderHeading>\n      {{\n        (processDefinitionKey$ | async | translate) !== (processDefinitionKey$ | async)\n          ? (processDefinitionKey$ | async | translate)\n          : (processName$ | async)\n      }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\">\n    <ng-template #formViewModelComponent></ng-template>\n    <ng-template #formCustomComponent></ng-template>\n\n    @if (isLoading$ | async) {\n      <div class=\"loading-container\">\n        <cds-loading size=\"sm\"></cds-loading>\n      </div>\n    }\n\n    @if (\n      !(isLoading$ | async) &&\n      (startProcessLinkType$ | async) === 'form' &&\n      (formDefinition$ | async)\n    ) {\n      <valtimo-form-io\n        #form\n        [submission]=\"submission$ | async\"\n        [form]=\"formDefinition$ | async\"\n        [options]=\"options$ | async\"\n        (submit)=\"onSubmit($event)\"\n      ></valtimo-form-io>\n    }\n\n    @if (\n      !(isLoading$ | async) &&\n      (startProcessLinkType$ | async) === 'form-flow' &&\n      (formFlowInstanceId$ | async)\n    ) {\n      <valtimo-form-flow\n        #formFlow\n        [formFlowInstanceId]=\"formFlowInstanceId$ | async\"\n        (formFlowComplete)=\"formSubmitted()\"\n      ></valtimo-form-flow>\n    }\n\n    @if (\n      !(isLoading$ | async) &&\n      !(formDefinition$ | async) &&\n      !(formFlowInstanceId$ | async) &&\n      (startProcessLinkType$ | async) !== 'ui-component'\n    ) {\n      <div class=\"bg-warning text-black mb-0 p-3 text-center\">\n        {{\n          isAdmin\n            ? ('formManagement.noFormDefinitionFoundAdmin' | translate)\n            : ('formManagement.noFormDefinitionFoundUser' | translate)\n        }}\n      </div>\n\n      <div class=\"mb-0 mt-4 p-3 text-center\">\n        <button\n          class=\"btn btn-secondary btn-space\"\n          type=\"button\"\n          (click)=\"gotoFormLinkScreen()\"\n          id=\"form-link-button\"\n        >\n          {{ 'formManagement.gotoProcessLinksButton' | translate }}\n        </button>\n      </div>\n    }\n  </section>\n</cds-modal>\n", styles: ["#supportingProcessStartModal .formio-component-submit{text-align:right}.loading-container{width:100%;display:flex;justify-content:center}\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: "component", type: i2$1.FormioComponent, selector: "valtimo-form-io", inputs: ["options", "submission", "form", "readOnly", "formRefresh$"], outputs: ["submit", "change", "event"] }, { kind: "component", type: i2$2.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "component", type: i3$3.FormFlowComponent, selector: "valtimo-form-flow", inputs: ["formIoFormData", "formFlowInstanceId"], outputs: ["formFlowComplete", "formFlowChange"] }, { kind: "component", type: i2$2.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i2$2.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "directive", type: i2$2.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i2$2.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "directive", type: i2$1.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "directive", type: i2$2.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseSupportingProcessStartModalComponent, deps: [{ token: i1$2.Router }, { token: i2$2.ProcessService }, { token: i3$3.ProcessLinkService }, { token: i4.TranslateService }, { token: CaseDetailLayoutService }, { token: FORM_VIEW_MODEL_TOKEN, optional: true }, { token: FORM_CUSTOM_COMPONENT_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CaseSupportingProcessStartModalComponent, isStandalone: false, selector: "valtimo-case-supporting-process-start-modal", inputs: { isAdmin: "isAdmin" }, outputs: { formSubmit: "formSubmit" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }, { propertyName: "formViewModelDynamicContainer", first: true, predicate: ["formViewModelComponent"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "formCustomComponentDynamicContainer", first: true, predicate: ["formCustomComponent"], descendants: true, read: ViewContainerRef }, { propertyName: "startFormTemplate", first: true, predicate: ["startForm"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  [open]=\"modalOpen$ | async\"\n  valtimoCdsModal\n  [size]=\"modalSize$ | async\"\n  [minContentHeight]=\"480\"\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCloseSelect()\" [cdsLayer]=\"1\"\n    ><h3 cdsModalHeaderHeading>\n      {{ modalTitle$ | async }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\">\n    <ng-template #formViewModelComponent></ng-template>\n    <ng-template #formCustomComponent></ng-template>\n\n    @if (modalOpen$ | async) {\n      <ng-container *ngTemplateOutlet=\"startForm\"></ng-container>\n    }\n  </section>\n</cds-modal>\n\n<ng-template #startForm>\n  @if (isLoading$ | async) {\n    <div class=\"loading-container\">\n      <cds-loading size=\"sm\"></cds-loading>\n    </div>\n  }\n\n  @if (\n    !(isLoading$ | async) &&\n    (startProcessLinkType$ | async) === 'form' &&\n    (formDefinition$ | async)\n  ) {\n    <valtimo-form-io\n      #form\n      [submission]=\"submission$ | async\"\n      [form]=\"formDefinition$ | async\"\n      [options]=\"options$ | async\"\n      [errors]=\"formErrors$ | async\"\n      (submit)=\"onSubmit($event)\"\n    ></valtimo-form-io>\n  }\n\n  @if (\n    !(isLoading$ | async) &&\n    (startProcessLinkType$ | async) === 'form-flow' &&\n    (formFlowInstanceId$ | async)\n  ) {\n    <valtimo-form-flow\n      #formFlow\n      [formFlowInstanceId]=\"formFlowInstanceId$ | async\"\n      (formFlowComplete)=\"formSubmitted()\"\n    ></valtimo-form-flow>\n  }\n\n  @if (\n    !(isLoading$ | async) &&\n    !(formDefinition$ | async) &&\n    !(formFlowInstanceId$ | async) &&\n    (startProcessLinkType$ | async) !== 'ui-component'\n  ) {\n    <div class=\"bg-warning text-black mb-0 p-3 text-center\">\n      {{\n        isAdmin\n          ? ('formManagement.noFormDefinitionFoundAdmin' | translate)\n          : ('formManagement.noFormDefinitionFoundUser' | translate)\n      }}\n    </div>\n\n    <div class=\"mb-0 mt-4 p-3 text-center\">\n      <button\n        class=\"btn btn-secondary btn-space\"\n        type=\"button\"\n        (click)=\"gotoFormLinkScreen()\"\n        id=\"form-link-button\"\n      >\n        {{ 'formManagement.gotoProcessLinksButton' | translate }}\n      </button>\n    </div>\n  }\n</ng-template>\n", styles: ["#supportingProcessStartModal .formio-component-submit{text-align:right}.loading-container{width:100%;display:flex;justify-content:center}\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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$1.FormioComponent, selector: "valtimo-form-io", inputs: ["options", "submission", "form", "readOnly", "errors", "formRefresh$"], outputs: ["submit", "change", "event"] }, { kind: "component", type: i4$1.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "component", type: i3$3.FormFlowComponent, selector: "valtimo-form-flow", inputs: ["formIoFormData", "formFlowInstanceId"], outputs: ["formFlowComplete", "formFlowChange"] }, { kind: "component", type: i4$1.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i4$1.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "directive", type: i4$1.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i4$1.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "directive", type: i2$1.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "directive", type: i4$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseSupportingProcessStartModalComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'valtimo-case-supporting-process-start-modal', encapsulation: ViewEncapsulation.None, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal [open]=\"modalOpen$ | async\" valtimoCdsModal size=\"sm\" [minContentHeight]=\"480\">\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCloseSelect()\" [cdsLayer]=\"1\"\n    ><h3 cdsModalHeaderHeading>\n      {{\n        (processDefinitionKey$ | async | translate) !== (processDefinitionKey$ | async)\n          ? (processDefinitionKey$ | async | translate)\n          : (processName$ | async)\n      }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\">\n    <ng-template #formViewModelComponent></ng-template>\n    <ng-template #formCustomComponent></ng-template>\n\n    @if (isLoading$ | async) {\n      <div class=\"loading-container\">\n        <cds-loading size=\"sm\"></cds-loading>\n      </div>\n    }\n\n    @if (\n      !(isLoading$ | async) &&\n      (startProcessLinkType$ | async) === 'form' &&\n      (formDefinition$ | async)\n    ) {\n      <valtimo-form-io\n        #form\n        [submission]=\"submission$ | async\"\n        [form]=\"formDefinition$ | async\"\n        [options]=\"options$ | async\"\n        (submit)=\"onSubmit($event)\"\n      ></valtimo-form-io>\n    }\n\n    @if (\n      !(isLoading$ | async) &&\n      (startProcessLinkType$ | async) === 'form-flow' &&\n      (formFlowInstanceId$ | async)\n    ) {\n      <valtimo-form-flow\n        #formFlow\n        [formFlowInstanceId]=\"formFlowInstanceId$ | async\"\n        (formFlowComplete)=\"formSubmitted()\"\n      ></valtimo-form-flow>\n    }\n\n    @if (\n      !(isLoading$ | async) &&\n      !(formDefinition$ | async) &&\n      !(formFlowInstanceId$ | async) &&\n      (startProcessLinkType$ | async) !== 'ui-component'\n    ) {\n      <div class=\"bg-warning text-black mb-0 p-3 text-center\">\n        {{\n          isAdmin\n            ? ('formManagement.noFormDefinitionFoundAdmin' | translate)\n            : ('formManagement.noFormDefinitionFoundUser' | translate)\n        }}\n      </div>\n\n      <div class=\"mb-0 mt-4 p-3 text-center\">\n        <button\n          class=\"btn btn-secondary btn-space\"\n          type=\"button\"\n          (click)=\"gotoFormLinkScreen()\"\n          id=\"form-link-button\"\n        >\n          {{ 'formManagement.gotoProcessLinksButton' | translate }}\n        </button>\n      </div>\n    }\n  </section>\n</cds-modal>\n", styles: ["#supportingProcessStartModal .formio-component-submit{text-align:right}.loading-container{width:100%;display:flex;justify-content:center}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
-        }], ctorParameters: () => [{ type: i1$2.Router }, { type: i2$3.ProcessService }, { type: i3$3.ProcessLinkService }, { type: undefined, decorators: [{
+            args: [{ standalone: false, selector: 'valtimo-case-supporting-process-start-modal', encapsulation: ViewEncapsulation.None, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  [open]=\"modalOpen$ | async\"\n  valtimoCdsModal\n  [size]=\"modalSize$ | async\"\n  [minContentHeight]=\"480\"\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCloseSelect()\" [cdsLayer]=\"1\"\n    ><h3 cdsModalHeaderHeading>\n      {{ modalTitle$ | async }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\">\n    <ng-template #formViewModelComponent></ng-template>\n    <ng-template #formCustomComponent></ng-template>\n\n    @if (modalOpen$ | async) {\n      <ng-container *ngTemplateOutlet=\"startForm\"></ng-container>\n    }\n  </section>\n</cds-modal>\n\n<ng-template #startForm>\n  @if (isLoading$ | async) {\n    <div class=\"loading-container\">\n      <cds-loading size=\"sm\"></cds-loading>\n    </div>\n  }\n\n  @if (\n    !(isLoading$ | async) &&\n    (startProcessLinkType$ | async) === 'form' &&\n    (formDefinition$ | async)\n  ) {\n    <valtimo-form-io\n      #form\n      [submission]=\"submission$ | async\"\n      [form]=\"formDefinition$ | async\"\n      [options]=\"options$ | async\"\n      [errors]=\"formErrors$ | async\"\n      (submit)=\"onSubmit($event)\"\n    ></valtimo-form-io>\n  }\n\n  @if (\n    !(isLoading$ | async) &&\n    (startProcessLinkType$ | async) === 'form-flow' &&\n    (formFlowInstanceId$ | async)\n  ) {\n    <valtimo-form-flow\n      #formFlow\n      [formFlowInstanceId]=\"formFlowInstanceId$ | async\"\n      (formFlowComplete)=\"formSubmitted()\"\n    ></valtimo-form-flow>\n  }\n\n  @if (\n    !(isLoading$ | async) &&\n    !(formDefinition$ | async) &&\n    !(formFlowInstanceId$ | async) &&\n    (startProcessLinkType$ | async) !== 'ui-component'\n  ) {\n    <div class=\"bg-warning text-black mb-0 p-3 text-center\">\n      {{\n        isAdmin\n          ? ('formManagement.noFormDefinitionFoundAdmin' | translate)\n          : ('formManagement.noFormDefinitionFoundUser' | translate)\n      }}\n    </div>\n\n    <div class=\"mb-0 mt-4 p-3 text-center\">\n      <button\n        class=\"btn btn-secondary btn-space\"\n        type=\"button\"\n        (click)=\"gotoFormLinkScreen()\"\n        id=\"form-link-button\"\n      >\n        {{ 'formManagement.gotoProcessLinksButton' | translate }}\n      </button>\n    </div>\n  }\n</ng-template>\n", styles: ["#supportingProcessStartModal .formio-component-submit{text-align:right}.loading-container{width:100%;display:flex;justify-content:center}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+        }], ctorParameters: () => [{ type: i1$2.Router }, { type: i2$2.ProcessService }, { type: i3$3.ProcessLinkService }, { type: i4.TranslateService }, { type: CaseDetailLayoutService }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
@@ -4810,6 +5017,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }], formCustomComponentDynamicContainer: [{
                 type: ViewChild,
                 args: ['formCustomComponent', { static: false, read: ViewContainerRef }]
+            }], startFormTemplate: [{
+                type: ViewChild,
+                args: ['startForm', { static: false }]
             }], isAdmin: [{
                 type: Input
             }], formSubmit: [{
@@ -4855,7 +5065,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
         }], ctorParameters: () => [{ type: i4.TranslateService }] });
 
 /*
- * 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.
@@ -4906,6 +5116,7 @@ class CaseDetailComponent {
             .getUserSubject()
             .pipe(map(userIdentity => userIdentity?.roles?.includes('ROLE_ADMIN')));
         this.taskAndProcessLinkOpenedInPanel$ = this.caseDetailLayoutService.taskAndProcessLinkOpenedInPanel$;
+        this.startFormPanel$ = this.caseDetailLayoutService.startFormPanel$;
         this._caseStatusKey$ = new BehaviorSubject(null);
         this.dropdownWidth$ = new BehaviorSubject(CASE_DETAIL_START_PROCESS_DROPDOWN_WIDTH.small);
         this.caseStatusKey$ = this._caseStatusKey$.pipe(filter(key => !!key));
@@ -4973,6 +5184,10 @@ class CaseDetailComponent {
             resource: CASE_DETAIL_PERMISSION_RESOURCE.jsonSchemaDocument,
             identifier: params.get('documentId') ?? '',
         })));
+        this.canInspect$ = this.route.paramMap.pipe(switchMap((params) => this.permissionService.requestPermission(CAN_INSPECT_CASE_PERMISSION, {
+            resource: CASE_DETAIL_PERMISSION_RESOURCE.jsonSchemaDocument,
+            identifier: params.get('documentId') ?? '',
+        })));
         this.loadingTabs$ = new BehaviorSubject(true);
         this.noTabsConfigured$ = new BehaviorSubject(false);
         this.showNoAccess$ = new BehaviorSubject(false);
@@ -4999,7 +5214,7 @@ class CaseDetailComponent {
         this.initBreadcrumb();
         this.openWidthObserver();
         this.pageTitleService.disableReset();
-        this.iconService.registerAll([ChevronDown16]);
+        this.iconService.registerAll([ChevronDown16, Close16]);
         this.setDocumentStyle();
         this.enableResetOnBackNavigation();
         this.openWidgetProcessSubscription();
@@ -5028,7 +5243,12 @@ class CaseDetailComponent {
         }));
     }
     startItem(item) {
-        this.supportingProcessStart.openModalForStartableItem(item, this.documentId, this.caseDefinitionKey, this.caseDefinitionVersionTag);
+        this.showTaskList$.pipe(take(1)).subscribe(showTaskList => {
+            this.supportingProcessStart.openModalForStartableItem(item, this.documentId, this.caseDefinitionKey, this.caseDefinitionVersionTag, showTaskList);
+        });
+    }
+    onStartFormPanelClose() {
+        this.supportingProcessStart.closePanel();
     }
     openWidgetProcessSubscription() {
         this._subscriptions.add(this.widgetsService.startProcessEvent
@@ -5070,6 +5290,15 @@ class CaseDetailComponent {
     deleteDocument() {
         this.showDeleteModal$.next(true);
     }
+    navigateToInspection() {
+        this.router.navigate([
+            '/cases',
+            this.caseDefinitionKey,
+            'document',
+            this.documentId,
+            'case-inspection',
+        ]);
+    }
     onConfirmDelete() {
         this.isDeleting$.next(true);
         this.documentService.deleteDocument(this.documentId).subscribe({
@@ -5130,6 +5359,7 @@ class CaseDetailComponent {
         // }
         if (!tab.showTasks)
             this.openTaskAndProcessLinkInModal$.next(null);
+        this.supportingProcessStart.closePanel();
         this.tabLoader.load(tab);
         this.setDocumentStyle();
     }
@@ -5284,13 +5514,13 @@ class CaseDetailComponent {
             }
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseDetailComponent, deps: [{ token: i2$1.BreadcrumbService }, { token: i2.CaseStatusService }, { token: i2$1.CdsThemeService }, { token: i0.ComponentFactoryResolver }, { token: i2.DocumentService }, { token: CaseDetailLayoutService }, { token: CaseService }, { token: CaseTabService }, { token: i2$2.IconService }, { token: i5$4.KeycloakService }, { token: i1$3.NGXLogger }, { token: i1.GlobalNotificationService }, { token: i2$1.PageHeaderService }, { token: i2$1.PageTitleService }, { token: i2$4.PermissionService }, { token: i4.TranslateService }, { token: i0.Renderer2 }, { token: i1$2.ActivatedRoute }, { token: i1$2.Router }, { token: WidgetsService }, { token: i12.UserProviderService }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CaseDetailComponent, isStandalone: false, selector: "ng-component", providers: [CaseTabService, CaseDetailLayoutService, ObserveSizeDirective], viewQueries: [{ propertyName: "supportingProcessStart", first: true, predicate: ["supportingProcessStartModal"], descendants: true }, { propertyName: "viewContainerRef", first: true, predicate: ["tabContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "_tabContentContainer", first: true, predicate: ["tabContentContainer"], 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=\"main-content\"\n  [ngClass]=\"{'main-content--no-horizontal-overflow': $tabHorizontalOverflowDisabled()}\"\n>\n  <div class=\"container-fluid\">\n    <div\n      class=\"main-content__header\"\n      observeSize\n      (heightChange)=\"onMainContentHeaderHeightChange($event)\"\n    >\n      <valtimo-case-detail-header-widget></valtimo-case-detail-header-widget>\n\n      <ng-container *ngIf=\"caseTags$ | async as caseTags\">\n        @if ((caseTags || []).length > 0) {\n          <div class=\"spacing-case-tags\">\n            @for (tag of caseTags; track tag) {\n              <cds-tag size=\"sm\" [type]=\"tag.tagType\">\n                {{ tag.title }}\n              </cds-tag>\n            }\n          </div>\n        }\n      </ng-container>\n\n      <ng-container *ngTemplateOutlet=\"tabs\"></ng-container>\n\n      <ng-template #tabs>\n        <ng-container *ngIf=\"{activeTab: activeTab$ | async} as obs\">\n          <cds-tabs *ngIf=\"tabLoader\" type=\"inline\" class=\"case-detail-tabs\">\n            <cds-tab\n              *ngFor=\"let tab of tabLoader.tabs\"\n              [active]=\"tab.name === (activeTabName$ | async)\"\n              heading=\"{{ tab | tabTranslate | async }}\"\n              (selected)=\"onTabSelected(tab, obs.activeTab)\"\n            ></cds-tab>\n          </cds-tabs>\n        </ng-container>\n      </ng-template>\n    </div>\n\n    <div\n      *ngIf=\"{\n        noTabsConfigured: noTabsConfigured$ | async,\n        showTaskList: showTaskList$ | async,\n        showNoAccess: showNoAccess$ | async,\n        caseDetailLayout: caseDetailLayout$ | async,\n        openTaskAndProcessLinkInModal: openTaskAndProcessLinkInModal$ | async,\n        taskAndProcessLinkOpenedInPanel: taskAndProcessLinkOpenedInPanel$ | async,\n        isDarkMode: isDarkMode$ | async,\n        compactMode: compactMode$ | async,\n        tabContentContainerMaxHeight: tabContentContainerMaxHeight$ | async,\n      } as tabContentObs\"\n      #tabContentContainer\n      class=\"tab-content-container\"\n      [ngClass]=\"{\n        'tab-content-container--dark': tabContentObs.isDarkMode,\n        'tab-content-container--compact': tabContentObs.compactMode,\n      }\"\n      [style.max-height]=\"tabContentObs.tabContentContainerMaxHeight\"\n      [style.height]=\"tabContentObs.tabContentContainerMaxHeight\"\n    >\n      <as-split\n        direction=\"horizontal\"\n        [disabled]=\"!tabContentObs.caseDetailLayout.widthAdjustable\"\n        [gutterSize]=\"CASE_DETAIL_GUTTER_SIZE\"\n        [unit]=\"tabContentObs.caseDetailLayout.unit\"\n        class=\"split-area\"\n      >\n        <as-split-area\n          [size]=\"tabContentObs.caseDetailLayout.leftPanelWidth\"\n          [minSize]=\"tabContentObs.caseDetailLayout.leftPanelMinWidth\"\n          [maxSize]=\"tabContentObs.caseDetailLayout.leftPanelMaxWidth\"\n          class=\"split-area__content\"\n        >\n          <div\n            class=\"card-body bg-white p-5 position-relative tab-container\"\n            [class.tab-container--compact]=\"compactMode$ | async\"\n          >\n            <div *ngIf=\"loadingTabs$ | async\" class=\"loading-container\">\n              <cds-loading></cds-loading>\n            </div>\n\n            <valtimo-no-results\n              *ngIf=\"tabContentObs.showNoAccess\"\n              description=\"{{ 'case.noAccess.description' | translate }}\"\n              title=\"{{ 'case.noAccess.title' | translate }}\"\n              illustration=\"valtimo-layout/img/emptystate-not-authorised.svg\"\n            >\n            </valtimo-no-results>\n\n            <valtimo-no-results\n              *ngIf=\"tabContentObs.noTabsConfigured\"\n              [description]=\"'case.tabs.noResultsDescription' | translate\"\n              [title]=\"'case.tabs.noResults' | translate\"\n            ></valtimo-no-results>\n\n            <ng-template #tabContainer></ng-template>\n\n            <div class=\"clearfix\"></div>\n          </div>\n        </as-split-area>\n\n        <as-split-area\n          *ngIf=\"tabContentObs.caseDetailLayout.showRightPanel\"\n          [size]=\"tabContentObs.caseDetailLayout.rightPanelWidth\"\n          [minSize]=\"tabContentObs.caseDetailLayout.rightPanelMinWidth\"\n          [maxSize]=\"tabContentObs.caseDetailLayout.rightPanelMaxWidth\"\n        >\n          @if (tabContentObs.showTaskList) {\n            <div class=\"task-panel\">\n              @if (!tabContentObs.taskAndProcessLinkOpenedInPanel) {\n                <valtimo-case-detail-task-list\n                  [openTaskAndProcessLinkInModal]=\"tabContentObs.openTaskAndProcessLinkInModal\"\n                  (taskClickEvent)=\"onTaskClickEvent($event)\"\n                  (formSubmitEvent)=\"onFormSubmitEvent()\"\n                ></valtimo-case-detail-task-list>\n              }\n\n              @if (tabContentObs.taskAndProcessLinkOpenedInPanel) {\n                <valtimo-case-detail-task-detail\n                  [taskAndProcessLink]=\"tabContentObs.taskAndProcessLinkOpenedInPanel\"\n                  (activeChange)=\"onActiveChangeEvent($event)\"\n                  (closeEvent)=\"onTaskDetailsClose()\"\n                  (formSubmit)=\"onFormSubmitEvent()\"\n                  (dueDateChanged)=\"onDueDateChanged()\"\n                >\n                </valtimo-case-detail-task-detail>\n              }\n            </div>\n          }\n        </as-split-area>\n      </as-split>\n    </div>\n  </div>\n\n  <valtimo-case-supporting-process-start-modal\n    [isAdmin]=\"isAdmin$ | async\"\n    (formSubmit)=\"onFormSubmitEvent()\"\n    #supportingProcessStartModal\n  ></valtimo-case-supporting-process-start-modal>\n</div>\n\n<ng-template\n  #caseDetailHeader\n  let-canHaveAssignee=\"canHaveAssignee\"\n  let-document=\"document\"\n  let-canAssign=\"canAssign\"\n>\n  <ng-container\n    *ngTemplateOutlet=\"\n      caseDetailAssignee;\n      context: {canHaveAssignee: canHaveAssignee, document: document, canAssign: canAssign}\n    \"\n  ></ng-container>\n</ng-template>\n\n<ng-template\n  #caseDetailAssignee\n  let-canHaveAssignee=\"canHaveAssignee\"\n  let-document=\"document\"\n  let-canAssign=\"canAssign\"\n>\n  <div *ngIf=\"canHaveAssignee && document\">\n    <valtimo-assignment\n      *ngIf=\"canAssignLoaded$ | async\"\n      mode=\"case\"\n      [assigneeFullName]=\"document?.assigneeFullName\"\n      [assigneeId]=\"document.assigneeId\"\n      [assignedTeamKey]=\"document.assignedTeamKey\"\n      [assignedTeamTitle]=\"document.assignedTeamTitle\"\n      [hasPermission]=\"canAssign\"\n      [candidateUsers$]=\"candidateUsers$\"\n      [candidateTeams$]=\"candidateTeams$\"\n      (assignmentChangedEvent)=\"onAssignmentChanged($event)\"\n      (unassignedEvent)=\"onUnassigned()\"\n    ></valtimo-assignment>\n  </div>\n</ng-template>\n\n<ng-template #claimButton let-canClaim=\"canClaim\" let-canHaveAssignee=\"canHaveAssignee\">\n  <v-overflow-menu-option\n    *ngIf=\"canClaim && canHaveAssignee\"\n    [disabled]=\"(isAssigning$ | async) || (isAssignedToCurrentUser$ | async)\"\n    (selected)=\"claimAssignee()\"\n  >\n    {{ 'case.claimAssigneeCase' | translate }}\n  </v-overflow-menu-option>\n</ng-template>\n\n<ng-template\n  #unassignButton\n  let-canAssign=\"canAssign\"\n  let-canHaveAssignee=\"canHaveAssignee\"\n  let-assigneeId=\"assigneeId\"\n>\n  <v-overflow-menu-option\n    *ngIf=\"canHaveAssignee && canAssign\"\n    [disabled]=\"!assigneeId\"\n    (selected)=\"unassignAssignee()\"\n  >\n    {{ 'assignDocument.remove' | translate }}\n  </v-overflow-menu-option>\n</ng-template>\n\n<ng-template #deleteButton let-canDelete=\"canDelete\">\n  <v-overflow-menu-option\n    *ngIf=\"canDelete\"\n    [disabled]=\"isDeleting$ | async\"\n    (selected)=\"deleteDocument()\"\n    type=\"danger\"\n  >\n    {{ 'case.delete.delete' | translate }}\n  </v-overflow-menu-option>\n</ng-template>\n\n<ng-template #customStartTrigger>\n  <button\n    [size]=\"(compactMode$ | async) ? 'sm' : 'lg'\"\n    cdsButton=\"primary\"\n    [disabled]=\"startableItems.length === 0\"\n    [ngbTooltip]=\"startableItems.length === 0 ? 'No action' : null\"\n  >\n    {{ 'case.startSubProcess' | translate }}\n\n    <svg class=\"cds--btn__icon\" cdsIcon=\"chevron--down\" size=\"16\"></svg>\n  </button>\n</ng-template>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"case.delete.confirm\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"case.delete.description\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"case.delete.delete\"\n  (confirmEvent)=\"onConfirmDelete()\"\n></valtimo-confirmation-modal>\n\n<ng-container renderInPageHeader [fullWidth]=\"true\">\n  <ng-template>\n    <div\n      class=\"case-actions\"\n      [ngClass]=\"{\n        'case-actions--compact': compactMode$ | async,\n        'case-actions--small-title': smallTitle$ | async,\n      }\"\n      *ngIf=\"{\n        assigneeId: assigneeId$ | async,\n        canAssign: canAssign$ | async,\n        canClaim: canClaim$ | async,\n        canHaveAssignee: canHaveAssignee$ | async,\n        canDelete: canDelete$ | async,\n        document: document$ | async,\n        caseStatus: caseStatus$ | async,\n      } as obs\"\n    >\n      <div class=\"case-status-assign-custom-title\" [ngClass]=\"{'--compact': compactMode$ | async}\">\n        @if (obs.caseStatus) {\n          <cds-tag size=\"sm\" [type]=\"obs.caseStatus.tagType\" [title]=\"obs.caseStatus.title\">{{\n            obs.caseStatus.title\n          }}</cds-tag>\n        }\n\n        <div [ngClass]=\"{'--compact': compactMode$ | async}\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              caseDetailAssignee;\n              context: {\n                canHaveAssignee: obs.canHaveAssignee,\n                document: obs.document,\n                canAssign: obs.canAssign,\n              }\n            \"\n          ></ng-container>\n        </div>\n\n        <ng-container *ngTemplateOutlet=\"caseDetailHeader\"></ng-container>\n      </div>\n\n      <div class=\"buttons-container\">\n        <v-overflow-menu\n          *ngIf=\"obs.canHaveAssignee || obs.canDelete\"\n          placement=\"bottom-end\"\n          class=\"overflow-button assign-overflow\"\n          [ngClass]=\"{'--compact': compactMode$ | async}\"\n        >\n          <v-overflow-menu-trigger\n            overflowTrigger\n            [compact]=\"compactMode$ | async\"\n          ></v-overflow-menu-trigger>\n\n          <ng-container\n            *ngTemplateOutlet=\"\n              claimButton;\n              context: {canClaim: obs.canClaim, canHaveAssignee: obs.canHaveAssignee}\n            \"\n          >\n          </ng-container>\n\n          <ng-container\n            *ngTemplateOutlet=\"\n              unassignButton;\n              context: {\n                canAssign: obs.canAssign,\n                canHaveAssignee: obs.canHaveAssignee,\n                assigneeId: obs.assigneeId,\n              }\n            \"\n          >\n          </ng-container>\n\n          <ng-container *ngTemplateOutlet=\"deleteButton; context: {canDelete: obs.canDelete}\">\n          </ng-container>\n        </v-overflow-menu>\n\n        <v-overflow-menu\n          [ngClass]=\"{'--compact': compactMode$ | async}\"\n          [menuWidth]=\"dropdownWidth$ | async\"\n          placement=\"bottom-end\"\n          class=\"overflow-button case-detail-overflow\"\n        >\n          <ng-container overflowTrigger>\n            <ng-container *ngTemplateOutlet=\"customStartTrigger\"></ng-container>\n          </ng-container>\n          <v-overflow-menu-option\n            *ngFor=\"let startableItem of startableItems\"\n            [attr.title]=\"startableItem.displayName\"\n            (selected)=\"startItem(startableItem)\"\n          >\n            {{ startableItem.displayName }}\n          </v-overflow-menu-option>\n        </v-overflow-menu>\n      </div>\n    </div>\n  </ng-template>\n</ng-container>\n", styles: [".main-content{overflow:hidden;padding-bottom:0}.main-content--no-horizontal-overflow{overflow-x:hidden}.tab-container{height:min-content;min-height:300px;overflow-y:auto;overflow-x:hidden}.tab-container:has(>.tab--no-margin){padding:0!important}.tab-container:has(>.tab--no-min-height){min-height:unset}.tab-container:has(>.tab--no-background){background:transparent!important}.tab-content-container{display:flex;gap:32px;overflow:auto;margin-bottom:16px}.loading-container{display:flex;justify-content:center;flex-direction:row}.case-detail-tabs{display:flex;margin-bottom:24px}.case-detail-tabs cds-tab{display:none!important}.buttons-container{display:flex;flex-direction:row;gap:8px;align-items:center}.case-actions{display:flex;width:100%;justify-content:space-between;align-items:flex-end;padding-bottom:4px}.case-actions--compact,.case-actions--small-title{padding-bottom:0;align-items:flex-start}.case-actions ::ng-deep .version-selection{width:160px}.case-actions ::ng-deep .version-selection .cds--list-box__selection{display:none}.case-status-assign-custom-title{display:flex;gap:16px;align-items:flex-end}.case-status-assign-custom-title .cds--tag{margin:0;overflow:hidden;text-overflow:ellipsis;line-height:24px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;max-width:100%}.case-status-assign-custom-title.--compact{align-items:center}.task-panel{width:100%;transition:height .15s ease-in-out}.split-area__content{height:100%!important}.split-area__content .tab-container{height:min-content!important;overflow:hidden!important}:host ::ng-deep .container-fluid{height:100%!important;width:100%!important;margin:0!important;padding:0!important}::ng-deep .tab-content-container .as-split-gutter{background-color:transparent!important;--_as-gutter-icon-disabled: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'/%3E\");--_as-gutter-icon-horizontal: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABQJJREFUeF7dWll22zAMpNwzlM5xmpMlOVl6mzrKHexWm8UFy4xIp+/FP3mxQWAwWAiRGsJ3/gwhhJvt4CRCfgCtosYhDOHm4SlW7rZyq9t/R7GsZoYQDhCA89UIrzakKuQtpRTiHv03ycJB3t8KuU9AByNfw5dWJpj1h5YABmGRsvgufzsSG21NEwGWUrv5yiuZb31yMZoAAjBFPqBdor9G0vpwu2+PBgE6TK/q0pUxxiwZxnE0SefkE0sHWQUygGG3ll0c2tGNn+M0DiSfHDlHQBu2rffoWgBWPRHWIUreM654li5bMwDQBIhI9naHFgVQCSS2PHliWlLm0/YsMrcwK6ISp1QGANhzG7XFDj2gUFr8yzrkydOJ6CyACBB1lIWkbPyeQ2UQ2ZKxksCLft4EaWqB/AshHCdg0b/1gB7wJB1QBrQ0ml4E2MMyFgxJ6iABuEGdgCUeZVQm+fQ7fhfAsflzAKFLS1G2ptmMwUpDl1oyAGxo2fw2hHBzjpsm+XiO2TGQF1GWACJGfecAjHmgCTZum/lQfezQTZ3L7z+g3goc2xGtFT86A0qLh5pgjPF13aLmv9aHdYiVn8uMwFNixQlYqVuNvayK3sZxNElgHarlP6duo2bpOcbXWxheVhkTj7Tv4ATsTG/OL6CG8DZ+KCQMIcSf6HnAAo8hrAjGRpIblLxveDm8/q4YC6fT6flyufzWBhXGoTWd4QOUp6enX9fr9X2od6SFhJlTu4FBGZA5n+jbnddZjPG8nz8lo222ItHJEraRICAAMmG6rPGb2FTjedqHsET+4/Lbu+phHWLlJ/g+Cd4gpJDgp71HHzAHFCqOEFCSULjrNkaxw2rO/zidnv/MNY99WIcY+TKufibUmOcSEB5IxLTHXLal2FG4h83VPzET1h6wUxDP8fXfJW5V8xuQhqFwVtGNgDuQ6Yo367Pb9ixdjVckVE1QS/0ekZhybRw/zMZblkBpd1sMPIdJkAsClF2ghQQPYJYBQjp5BKCBEHD4JZDi6bED3AebRDFbAp58Ski3JrgphQcgozEwXZ2dBH3nZ2Bq5KcyahuEgO1wIWBnyIuoS5hA9pHIp01dnANSdlvKwXWocRC6Pw/U70MBozCQAWI5JKDF5wFrtk8uR6XKYQibnL9dr+/CjgA5v81AamMFByTTmOhQp56hPw5/vrrvx61euz2gZKfHgcj98bUkgjo/WJCxeMrJFyQgR8ocQcGnwqsJpgSK8pymTPeIThus4DKwBKWJFNsFklEcOT9ApyFADswAQJMiwkaUldeQ7ZTKDWf79tsSgIasDwGduro1CbY+hVqZgpJ1SA5L6bQHMJNjOy19MsCgBiNgV8DK+1GxSXoYAcMwhNttOedPIZTPAhm8bQ6Anx57ZMBGgfHuXs6yuEANBBtR/2bIjzkj8bAMSIYU+KLDaoKSU8KFCOP7LAsTcDTZ2jPAfrUWf3VGnwdo1pgF5xiz9yhazwOExwfv9suEm2XArJwNtSP/+AxgwlHL1iVwiAUdhEaAxhtLWGbZDEbPEiCyhHWIla93KO7AvMoAwre7bW5jxCAfwaHnoa4N3gVU5X2RthX0gdVNBPhDZnYgzMH7ImKbCOA8wnfsVO+jeUgIEHfYFUs7jHYNLN2YvJkBXwYaNuQIwnp2cgoCag3LN1Z2+EwfwCVPLPAOJ1n05oDt9x5oRR37Pb72s/e+kU81L/EXSRwjcUdkvjUAAAAASUVORK5CYII=)}::ng-deep .tab-content-container .as-split-gutter-icon{background-repeat:no-repeat;background-size:16px 16px}::ng-deep .tab-content-container--dark .as-split-gutter{--_as-gutter-icon-horizontal: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABPlJREFUeF7tm1tW3DAMhu2+krCmdmWlKytrIuGV9HjixDddfjkOtOd0XmAGWZfPsiw7g3fVyzvntvpD9H01+JIuwCamX5YKf9VfmCVaDze2S2fXIDG+CGC8YsrqMCvDFDmHZYCeI5gE6LietD2LlNb6uQAQTLWfCDTLmLpOIfoRvxEZydZn+pH7+vdlAEJyoIwIwDIrFtk7C2TyA/Po9gxY1zVWrN2haZq85FqS3zEF+YET3qi6rFzjfAR0yGkBwQA0wyFU75zf5MaOBYDoR2YGDigqY+U7HOKHlAsFiQOXqax+JYCYBGJr32ZAB+lEpxwc3i1nDcDWtBUYPjN8p35VBxf/4/MQUI7lqAGPzwjYBQDv3PQ0+Ue/CjV/sODp8+UiyNE7XLHO6EM+Dg4/ntBdAI69zdIqBlgTlDldADLN9a7R551cDot0kDPNbn40AIh6LSS4DS0Be9jJg7sAXPHJfBZojbXriMscGgDvvhUYmRGEes6iocJiyVejWdelYDPNk5cquhnAxVSAlgDZQG/7bUqKjvZEDqgdYwaAzQsrVQHowFkPqd5bA4LlO1ytp+zoFM0Ml2V5CYPmeX78lF7v67rla8B6GpynKZxnxBfmD03MvASCMe/9z+DRtm2/SAiZLXRGqcapbYTaICB/BHwggN1wbuzQSUHI3UQBHPqo+wPO/7dlefkWJ0PyR0ofEIAjg49Z8GOe51fOCAYgIcPkd2vLsnz33v+ubadJ0TZw8Fqcmnkk+CBjCahHXodQ49mhHGjUDJCDf37Vjmn54Sa4MuxGaL/weWzDdggJigjgDL7KpG3bxLTPmY/PALqa90JgAahpf/ohb8jjAfAlrQdCCSDG0gRPxCiHzf81XwKUVA1M7gDwbojbspsM4GZea3jov5cFp6cGoHYRFCWE5FthQwKAGCnLS9vD6UXwXbnIRpGUcsH3D6JxI2sADwFHwEnqAI4HKW0AB07ci6QDXgLHELUIghPxbxRBBukICDuAZMCaAbu8XnLf1K4wzBjdGYpzSUGI66ntBQg/8QzYB+PyyW18++sAEHvu8wSY02IbosyONaBTPj7XO6/F+SxVzgPKRooWlN7l0A0g+i0tGXrmvdu2D/qYTrBgO0GKG3ocRlrhB/jm6a13zR2i8GAk+BOOw/lmy95RMIlgAlAvh4ex5/ll5CUndYMkJfGNFyL84sCuoHa3tSVQW9HkGxjeueUNv6Krx7dbTO5R/J1FARSQ9X3d8gyh13RSZAYA9iOcmHkJWO1ZA+LkRdbaRAlO3wogKL/+/YDZl5cuFQogC/P4k/j+mx0AYVDyYVQGWDMPlbcDQDVHOREA1DmGDAgv7emA0bEofgmAmn3euXUpT3d9Z4G+4PRR+6PR9oigRqarPiT6ng4nBzRguCe0ZJEBatyqQGvkfw249VtiHTNSzdGZAddVESmW1YBDv5bSpoxBnOZkst7h6jISx5sCEltnJFp7KKkG3KNfPQvULluB2UMuR1zaBiXjB08+IJr4FQA9c3gDgNINKSDK4SCff67VjEsZEI+Cl3Scg3vwA4cU6uu0bRL3d4k3ZEDm3mAoY2YqdX7BvVsA2OJW9qlhUe+KQvObX1DYANS+2iIdHArR0bArgXfUBoAMoewopH9ROd3oBmcZiMkOANA3sXUq9mm5Pqrvq7IYXLo3Vs713ao7WRAZ8NULfTACRd0fdjtUcYyr1cIAAAAASUVORK5CYII=)}.spacing-case-tags{margin-bottom:8px}\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.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: "directive", type: i6$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type: i2$2.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "directive", type: i2$2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i2$2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i2$1.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$2.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i2$2.Tab, selector: "cds-tab, ibm-tab", inputs: ["heading", "title", "context", "active", "disabled", "tabIndex", "id", "cacheActive", "tabContent", "templateContext"], outputs: ["selected"] }, { kind: "component", type: i2$1.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "directive", type: i2$1.RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "component", type: i2$2.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class", "skeleton"] }, { kind: "component", type: i2$1.OverflowMenuComponent, selector: "v-overflow-menu", inputs: ["open", "placement", "menuWidth", "offsetX", "offsetY", "closeOnSelect", "useHostAsReference", "portalToBody"], outputs: ["openChange"] }, { kind: "component", type: i2$1.OverflowMenuOptionComponent, selector: "v-overflow-menu-option", inputs: ["disabled", "type", "testId", "optionId"], outputs: ["selected"] }, { kind: "component", type: i2$1.OverflowMenuTriggerComponent, selector: "v-overflow-menu-trigger", inputs: ["compact"] }, { kind: "component", type: CaseDetailTaskListComponent, selector: "valtimo-case-detail-task-list", inputs: ["openTaskAndProcessLinkInModal"], outputs: ["taskClickEvent", "formSubmitEvent"] }, { kind: "component", type: CaseDetailsTaskDetailComponent, selector: "valtimo-case-detail-task-detail", inputs: ["taskAndProcessLink"], outputs: ["closeEvent", "assignmentOfTaskChanged", "dueDateChanged", "activeChange", "formSubmit"] }, { kind: "component", type: i17.SplitComponent, selector: "as-split", inputs: ["gutterSize", "gutterStep", "disabled", "gutterClickDeltaPx", "direction", "dir", "unit", "gutterAriaLabel", "restrictMove", "useTransition", "gutterDblClickDuration"], outputs: ["gutterClick", "gutterDblClick", "dragStart", "dragEnd", "transitionEnd"], exportAs: ["asSplit"] }, { kind: "component", type: i17.SplitAreaComponent, selector: "as-split-area", inputs: ["size", "minSize", "maxSize", "lockSize", "visible"], exportAs: ["asSplitArea"] }, { kind: "component", type: CaseDetailHeaderWidgetComponent, selector: "valtimo-case-detail-header-widget" }, { kind: "directive", type: i2$1.ObserveSizeDirective, selector: "[observeSize]", outputs: ["widthChange", "heightChange"] }, { kind: "component", type: i2$1.AssignmentComponent, selector: "valtimo-assignment", inputs: ["mode", "hasPermission", "assigneeId", "assigneeFullName", "assignedTeamKey", "assignedTeamTitle", "candidateUsers$", "candidateTeams$"], outputs: ["assignmentChangedEvent", "unassignedEvent"] }, { kind: "component", type: CaseSupportingProcessStartModalComponent, selector: "valtimo-case-supporting-process-start-modal", inputs: ["isAdmin"], outputs: ["formSubmit"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: TabTranslatePipe, name: "tabTranslate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseDetailComponent, deps: [{ token: i2$1.BreadcrumbService }, { token: i2.CaseStatusService }, { token: i2$1.CdsThemeService }, { token: i0.ComponentFactoryResolver }, { token: i2.DocumentService }, { token: CaseDetailLayoutService }, { token: CaseService }, { token: CaseTabService }, { token: i4$1.IconService }, { token: i5$4.KeycloakService }, { token: i1$3.NGXLogger }, { token: i1.GlobalNotificationService }, { token: i2$1.PageHeaderService }, { token: i2$1.PageTitleService }, { token: i2$3.PermissionService }, { token: i4.TranslateService }, { token: i0.Renderer2 }, { token: i1$2.ActivatedRoute }, { token: i1$2.Router }, { token: WidgetsService }, { token: i12.UserProviderService }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CaseDetailComponent, isStandalone: false, selector: "ng-component", providers: [CaseTabService, CaseDetailLayoutService, ObserveSizeDirective], viewQueries: [{ propertyName: "supportingProcessStart", first: true, predicate: ["supportingProcessStartModal"], descendants: true }, { propertyName: "viewContainerRef", first: true, predicate: ["tabContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "_tabContentContainer", first: true, predicate: ["tabContentContainer"], 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=\"main-content\"\n  [ngClass]=\"{'main-content--no-horizontal-overflow': $tabHorizontalOverflowDisabled()}\"\n>\n  <div class=\"container-fluid\">\n    <div\n      class=\"main-content__header\"\n      observeSize\n      (heightChange)=\"onMainContentHeaderHeightChange($event)\"\n    >\n      <valtimo-case-detail-header-widget></valtimo-case-detail-header-widget>\n\n      <ng-container *ngIf=\"caseTags$ | async as caseTags\">\n        @if ((caseTags || []).length > 0) {\n          <div class=\"spacing-case-tags\">\n            @for (tag of caseTags; track tag) {\n              <cds-tag size=\"sm\" [type]=\"tag.tagType\">\n                {{ tag.title }}\n              </cds-tag>\n            }\n          </div>\n        }\n      </ng-container>\n\n      <ng-container *ngTemplateOutlet=\"tabs\"></ng-container>\n\n      <ng-template #tabs>\n        <ng-container *ngIf=\"{activeTab: activeTab$ | async} as obs\">\n          <cds-tabs *ngIf=\"tabLoader\" type=\"inline\" class=\"case-detail-tabs\">\n            <cds-tab\n              *ngFor=\"let tab of tabLoader.tabs\"\n              [active]=\"tab.name === (activeTabName$ | async)\"\n              heading=\"{{ tab | tabTranslate | async }}\"\n              (selected)=\"onTabSelected(tab, obs.activeTab)\"\n            ></cds-tab>\n          </cds-tabs>\n        </ng-container>\n      </ng-template>\n    </div>\n\n    <div\n      *ngIf=\"{\n        noTabsConfigured: noTabsConfigured$ | async,\n        showTaskList: showTaskList$ | async,\n        showNoAccess: showNoAccess$ | async,\n        caseDetailLayout: caseDetailLayout$ | async,\n        openTaskAndProcessLinkInModal: openTaskAndProcessLinkInModal$ | async,\n        taskAndProcessLinkOpenedInPanel: taskAndProcessLinkOpenedInPanel$ | async,\n        startFormPanel: startFormPanel$ | async,\n        isDarkMode: isDarkMode$ | async,\n        compactMode: compactMode$ | async,\n        tabContentContainerMaxHeight: tabContentContainerMaxHeight$ | async,\n      } as tabContentObs\"\n      #tabContentContainer\n      class=\"tab-content-container\"\n      [ngClass]=\"{\n        'tab-content-container--dark': tabContentObs.isDarkMode,\n        'tab-content-container--compact': tabContentObs.compactMode,\n      }\"\n      [style.max-height]=\"tabContentObs.tabContentContainerMaxHeight\"\n      [style.height]=\"tabContentObs.tabContentContainerMaxHeight\"\n    >\n      <as-split\n        direction=\"horizontal\"\n        [disabled]=\"!tabContentObs.caseDetailLayout.widthAdjustable\"\n        [gutterSize]=\"CASE_DETAIL_GUTTER_SIZE\"\n        [unit]=\"tabContentObs.caseDetailLayout.unit\"\n        class=\"split-area\"\n      >\n        <as-split-area\n          [size]=\"tabContentObs.caseDetailLayout.leftPanelWidth\"\n          [minSize]=\"tabContentObs.caseDetailLayout.leftPanelMinWidth\"\n          [maxSize]=\"tabContentObs.caseDetailLayout.leftPanelMaxWidth\"\n          class=\"split-area__content\"\n        >\n          <div\n            class=\"card-body bg-white p-5 position-relative tab-container\"\n            [class.tab-container--compact]=\"compactMode$ | async\"\n          >\n            <div *ngIf=\"loadingTabs$ | async\" class=\"loading-container\">\n              <cds-loading></cds-loading>\n            </div>\n\n            <valtimo-no-results\n              *ngIf=\"tabContentObs.showNoAccess\"\n              description=\"{{ 'case.noAccess.description' | translate }}\"\n              title=\"{{ 'case.noAccess.title' | translate }}\"\n              illustration=\"valtimo-layout/img/emptystate-not-authorised.svg\"\n            >\n            </valtimo-no-results>\n\n            <valtimo-no-results\n              *ngIf=\"tabContentObs.noTabsConfigured\"\n              [description]=\"'case.tabs.noResultsDescription' | translate\"\n              [title]=\"'case.tabs.noResults' | translate\"\n            ></valtimo-no-results>\n\n            <ng-template #tabContainer></ng-template>\n\n            <div class=\"clearfix\"></div>\n          </div>\n        </as-split-area>\n\n        <as-split-area\n          *ngIf=\"tabContentObs.caseDetailLayout.showRightPanel\"\n          [size]=\"tabContentObs.caseDetailLayout.rightPanelWidth\"\n          [minSize]=\"tabContentObs.caseDetailLayout.rightPanelMinWidth\"\n          [maxSize]=\"tabContentObs.caseDetailLayout.rightPanelMaxWidth\"\n        >\n          @if (tabContentObs.showTaskList) {\n            <div class=\"task-panel\">\n              @if (tabContentObs.startFormPanel) {\n                <div class=\"start-form-panel\">\n                  <section class=\"start-form-panel__header\">\n                    <h4 class=\"start-form-panel__title\">{{ tabContentObs.startFormPanel.title }}</h4>\n\n                    <button cdsButton=\"ghost\" [iconOnly]=\"true\" (click)=\"onStartFormPanelClose()\">\n                      <svg cdsIcon=\"close\" size=\"16\"></svg>\n                    </button>\n                  </section>\n\n                  <section class=\"start-form-panel__body\">\n                    <ng-container\n                      *ngTemplateOutlet=\"tabContentObs.startFormPanel.template\"\n                    ></ng-container>\n                  </section>\n                </div>\n              } @else if (tabContentObs.taskAndProcessLinkOpenedInPanel) {\n                <valtimo-case-detail-task-detail\n                  [taskAndProcessLink]=\"tabContentObs.taskAndProcessLinkOpenedInPanel\"\n                  (activeChange)=\"onActiveChangeEvent($event)\"\n                  (closeEvent)=\"onTaskDetailsClose()\"\n                  (formSubmit)=\"onFormSubmitEvent()\"\n                  (dueDateChanged)=\"onDueDateChanged()\"\n                >\n                </valtimo-case-detail-task-detail>\n              } @else {\n                <valtimo-case-detail-task-list\n                  [openTaskAndProcessLinkInModal]=\"tabContentObs.openTaskAndProcessLinkInModal\"\n                  (taskClickEvent)=\"onTaskClickEvent($event)\"\n                  (formSubmitEvent)=\"onFormSubmitEvent()\"\n                ></valtimo-case-detail-task-list>\n              }\n            </div>\n          }\n        </as-split-area>\n      </as-split>\n    </div>\n  </div>\n\n  <valtimo-case-supporting-process-start-modal\n    [isAdmin]=\"isAdmin$ | async\"\n    (formSubmit)=\"onFormSubmitEvent()\"\n    #supportingProcessStartModal\n  ></valtimo-case-supporting-process-start-modal>\n</div>\n\n<ng-template\n  #caseDetailHeader\n  let-canHaveAssignee=\"canHaveAssignee\"\n  let-document=\"document\"\n  let-canAssign=\"canAssign\"\n>\n  <ng-container\n    *ngTemplateOutlet=\"\n      caseDetailAssignee;\n      context: {canHaveAssignee: canHaveAssignee, document: document, canAssign: canAssign}\n    \"\n  ></ng-container>\n</ng-template>\n\n<ng-template\n  #caseDetailAssignee\n  let-canHaveAssignee=\"canHaveAssignee\"\n  let-document=\"document\"\n  let-canAssign=\"canAssign\"\n>\n  <div *ngIf=\"canHaveAssignee && document\">\n    <valtimo-assignment\n      *ngIf=\"canAssignLoaded$ | async\"\n      mode=\"case\"\n      [assigneeFullName]=\"document?.assigneeFullName\"\n      [assigneeId]=\"document.assigneeId\"\n      [assignedTeamKey]=\"document.assignedTeamKey\"\n      [assignedTeamTitle]=\"document.assignedTeamTitle\"\n      [hasPermission]=\"canAssign\"\n      [candidateUsers$]=\"candidateUsers$\"\n      [candidateTeams$]=\"candidateTeams$\"\n      (assignmentChangedEvent)=\"onAssignmentChanged($event)\"\n      (unassignedEvent)=\"onUnassigned()\"\n    ></valtimo-assignment>\n  </div>\n</ng-template>\n\n<ng-template #claimButton let-canClaim=\"canClaim\" let-canHaveAssignee=\"canHaveAssignee\">\n  <v-overflow-menu-option\n    *ngIf=\"canClaim && canHaveAssignee\"\n    [disabled]=\"(isAssigning$ | async) || (isAssignedToCurrentUser$ | async)\"\n    (selected)=\"claimAssignee()\"\n  >\n    {{ 'case.claimAssigneeCase' | translate }}\n  </v-overflow-menu-option>\n</ng-template>\n\n<ng-template\n  #unassignButton\n  let-canAssign=\"canAssign\"\n  let-canHaveAssignee=\"canHaveAssignee\"\n  let-assigneeId=\"assigneeId\"\n>\n  <v-overflow-menu-option\n    *ngIf=\"canHaveAssignee && canAssign\"\n    [disabled]=\"!assigneeId\"\n    (selected)=\"unassignAssignee()\"\n  >\n    {{ 'assignDocument.remove' | translate }}\n  </v-overflow-menu-option>\n</ng-template>\n\n<ng-template #deleteButton let-canDelete=\"canDelete\">\n  <v-overflow-menu-option\n    *ngIf=\"canDelete\"\n    [disabled]=\"isDeleting$ | async\"\n    (selected)=\"deleteDocument()\"\n    type=\"danger\"\n  >\n    {{ 'case.delete.delete' | translate }}\n  </v-overflow-menu-option>\n</ng-template>\n\n<ng-template #inspectButton let-canInspect=\"canInspect\">\n  <v-overflow-menu-option *ngIf=\"canInspect\" (selected)=\"navigateToInspection()\">\n    {{ 'case.inspection.openInspector' | translate }}\n  </v-overflow-menu-option>\n</ng-template>\n\n<ng-template #customStartTrigger>\n  <button\n    [size]=\"(compactMode$ | async) ? 'sm' : 'lg'\"\n    cdsButton=\"primary\"\n    [disabled]=\"startableItems.length === 0\"\n    [ngbTooltip]=\"startableItems.length === 0 ? 'No action' : null\"\n  >\n    {{ 'case.startSubProcess' | translate }}\n\n    <svg class=\"cds--btn__icon\" cdsIcon=\"chevron--down\" size=\"16\"></svg>\n  </button>\n</ng-template>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"case.delete.confirm\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"case.delete.description\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"case.delete.delete\"\n  (confirmEvent)=\"onConfirmDelete()\"\n></valtimo-confirmation-modal>\n\n<ng-container renderInPageHeader [fullWidth]=\"true\">\n  <ng-template>\n    <div\n      class=\"case-actions\"\n      [ngClass]=\"{\n        'case-actions--compact': compactMode$ | async,\n        'case-actions--small-title': smallTitle$ | async,\n      }\"\n      *ngIf=\"{\n        assigneeId: assigneeId$ | async,\n        canAssign: canAssign$ | async,\n        canClaim: canClaim$ | async,\n        canHaveAssignee: canHaveAssignee$ | async,\n        canDelete: canDelete$ | async,\n        canInspect: canInspect$ | async,\n        document: document$ | async,\n        caseStatus: caseStatus$ | async,\n      } as obs\"\n    >\n      <div class=\"case-status-assign-custom-title\" [ngClass]=\"{'--compact': compactMode$ | async}\">\n        @if (obs.caseStatus) {\n          <cds-tag size=\"sm\" [type]=\"obs.caseStatus.tagType\" [title]=\"obs.caseStatus.title\">{{\n            obs.caseStatus.title\n          }}</cds-tag>\n        }\n\n        <div [ngClass]=\"{'--compact': compactMode$ | async}\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              caseDetailAssignee;\n              context: {\n                canHaveAssignee: obs.canHaveAssignee,\n                document: obs.document,\n                canAssign: obs.canAssign,\n              }\n            \"\n          ></ng-container>\n        </div>\n\n        <ng-container *ngTemplateOutlet=\"caseDetailHeader\"></ng-container>\n      </div>\n\n      <div class=\"buttons-container\">\n        <v-overflow-menu\n          *ngIf=\"obs.canHaveAssignee || obs.canDelete || obs.canInspect\"\n          placement=\"bottom-end\"\n          class=\"overflow-button assign-overflow\"\n          [ngClass]=\"{'--compact': compactMode$ | async}\"\n        >\n          <v-overflow-menu-trigger\n            overflowTrigger\n            [compact]=\"compactMode$ | async\"\n          ></v-overflow-menu-trigger>\n\n          <ng-container\n            *ngTemplateOutlet=\"\n              claimButton;\n              context: {canClaim: obs.canClaim, canHaveAssignee: obs.canHaveAssignee}\n            \"\n          >\n          </ng-container>\n\n          <ng-container\n            *ngTemplateOutlet=\"\n              unassignButton;\n              context: {\n                canAssign: obs.canAssign,\n                canHaveAssignee: obs.canHaveAssignee,\n                assigneeId: obs.assigneeId,\n              }\n            \"\n          >\n          </ng-container>\n\n          <ng-container *ngTemplateOutlet=\"inspectButton; context: {canInspect: obs.canInspect}\">\n          </ng-container>\n\n          <ng-container *ngTemplateOutlet=\"deleteButton; context: {canDelete: obs.canDelete}\">\n          </ng-container>\n        </v-overflow-menu>\n\n        <v-overflow-menu\n          [ngClass]=\"{'--compact': compactMode$ | async}\"\n          [menuWidth]=\"dropdownWidth$ | async\"\n          placement=\"bottom-end\"\n          class=\"overflow-button case-detail-overflow\"\n        >\n          <ng-container overflowTrigger>\n            <ng-container *ngTemplateOutlet=\"customStartTrigger\"></ng-container>\n          </ng-container>\n          <v-overflow-menu-option\n            *ngFor=\"let startableItem of startableItems\"\n            [attr.title]=\"startableItem.displayName\"\n            (selected)=\"startItem(startableItem)\"\n          >\n            {{ startableItem.displayName }}\n          </v-overflow-menu-option>\n        </v-overflow-menu>\n      </div>\n    </div>\n  </ng-template>\n</ng-container>\n", styles: [".main-content{overflow:hidden;padding-bottom:0}.main-content--no-horizontal-overflow{overflow-x:hidden}.tab-container{height:min-content;min-height:300px;overflow-y:auto;overflow-x:hidden}.tab-container:has(>.tab--no-margin){padding:0!important}.tab-container:has(>.tab--no-min-height){min-height:unset}.tab-container:has(>.tab--no-background){background:transparent!important}.tab-content-container{display:flex;gap:32px;overflow:auto;margin-bottom:16px}.loading-container{display:flex;justify-content:center;flex-direction:row}.case-detail-tabs{display:flex;margin-bottom:24px}.case-detail-tabs cds-tab{display:none!important}.buttons-container{display:flex;flex-direction:row;gap:8px;align-items:center}.case-actions{display:flex;width:100%;justify-content:space-between;align-items:flex-end;padding-bottom:4px}.case-actions--compact,.case-actions--small-title{padding-bottom:0;align-items:flex-start}.case-actions ::ng-deep .version-selection{width:160px}.case-actions ::ng-deep .version-selection .cds--list-box__selection{display:none}.case-status-assign-custom-title{display:flex;gap:16px;align-items:flex-end}.case-status-assign-custom-title .cds--tag{margin:0;overflow:hidden;text-overflow:ellipsis;line-height:24px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;max-width:100%}.case-status-assign-custom-title.--compact{align-items:center}.task-panel{width:100%;transition:height .15s ease-in-out}.start-form-panel{display:flex;flex-direction:column;width:100%;height:100%;background-color:var(--cds-layer);padding:8px 16px 16px}.start-form-panel__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.start-form-panel__title{margin:0;color:var(--cds-text-primary);font-weight:600;font-size:16px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.start-form-panel__body{flex:1;overflow-y:auto}.split-area__content{height:100%!important}.split-area__content .tab-container{height:min-content!important;overflow:hidden!important}:host ::ng-deep .container-fluid{height:100%!important;width:100%!important;margin:0!important;padding:0!important}::ng-deep .tab-content-container .as-split-gutter{background-color:transparent!important;--_as-gutter-icon-disabled: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'/%3E\");--_as-gutter-icon-horizontal: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABQJJREFUeF7dWll22zAMpNwzlM5xmpMlOVl6mzrKHexWm8UFy4xIp+/FP3mxQWAwWAiRGsJ3/gwhhJvt4CRCfgCtosYhDOHm4SlW7rZyq9t/R7GsZoYQDhCA89UIrzakKuQtpRTiHv03ycJB3t8KuU9AByNfw5dWJpj1h5YABmGRsvgufzsSG21NEwGWUrv5yiuZb31yMZoAAjBFPqBdor9G0vpwu2+PBgE6TK/q0pUxxiwZxnE0SefkE0sHWQUygGG3ll0c2tGNn+M0DiSfHDlHQBu2rffoWgBWPRHWIUreM654li5bMwDQBIhI9naHFgVQCSS2PHliWlLm0/YsMrcwK6ISp1QGANhzG7XFDj2gUFr8yzrkydOJ6CyACBB1lIWkbPyeQ2UQ2ZKxksCLft4EaWqB/AshHCdg0b/1gB7wJB1QBrQ0ml4E2MMyFgxJ6iABuEGdgCUeZVQm+fQ7fhfAsflzAKFLS1G2ptmMwUpDl1oyAGxo2fw2hHBzjpsm+XiO2TGQF1GWACJGfecAjHmgCTZum/lQfezQTZ3L7z+g3goc2xGtFT86A0qLh5pgjPF13aLmv9aHdYiVn8uMwFNixQlYqVuNvayK3sZxNElgHarlP6duo2bpOcbXWxheVhkTj7Tv4ATsTG/OL6CG8DZ+KCQMIcSf6HnAAo8hrAjGRpIblLxveDm8/q4YC6fT6flyufzWBhXGoTWd4QOUp6enX9fr9X2od6SFhJlTu4FBGZA5n+jbnddZjPG8nz8lo222ItHJEraRICAAMmG6rPGb2FTjedqHsET+4/Lbu+phHWLlJ/g+Cd4gpJDgp71HHzAHFCqOEFCSULjrNkaxw2rO/zidnv/MNY99WIcY+TKufibUmOcSEB5IxLTHXLal2FG4h83VPzET1h6wUxDP8fXfJW5V8xuQhqFwVtGNgDuQ6Yo367Pb9ixdjVckVE1QS/0ekZhybRw/zMZblkBpd1sMPIdJkAsClF2ghQQPYJYBQjp5BKCBEHD4JZDi6bED3AebRDFbAp58Ski3JrgphQcgozEwXZ2dBH3nZ2Bq5KcyahuEgO1wIWBnyIuoS5hA9pHIp01dnANSdlvKwXWocRC6Pw/U70MBozCQAWI5JKDF5wFrtk8uR6XKYQibnL9dr+/CjgA5v81AamMFByTTmOhQp56hPw5/vrrvx61euz2gZKfHgcj98bUkgjo/WJCxeMrJFyQgR8ocQcGnwqsJpgSK8pymTPeIThus4DKwBKWJFNsFklEcOT9ApyFADswAQJMiwkaUldeQ7ZTKDWf79tsSgIasDwGduro1CbY+hVqZgpJ1SA5L6bQHMJNjOy19MsCgBiNgV8DK+1GxSXoYAcMwhNttOedPIZTPAhm8bQ6Anx57ZMBGgfHuXs6yuEANBBtR/2bIjzkj8bAMSIYU+KLDaoKSU8KFCOP7LAsTcDTZ2jPAfrUWf3VGnwdo1pgF5xiz9yhazwOExwfv9suEm2XArJwNtSP/+AxgwlHL1iVwiAUdhEaAxhtLWGbZDEbPEiCyhHWIla93KO7AvMoAwre7bW5jxCAfwaHnoa4N3gVU5X2RthX0gdVNBPhDZnYgzMH7ImKbCOA8wnfsVO+jeUgIEHfYFUs7jHYNLN2YvJkBXwYaNuQIwnp2cgoCag3LN1Z2+EwfwCVPLPAOJ1n05oDt9x5oRR37Pb72s/e+kU81L/EXSRwjcUdkvjUAAAAASUVORK5CYII=)}::ng-deep .tab-content-container .as-split-gutter-icon{background-repeat:no-repeat;background-size:16px 16px}::ng-deep .tab-content-container--dark .as-split-gutter{--_as-gutter-icon-horizontal: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABPlJREFUeF7tm1tW3DAMhu2+krCmdmWlKytrIuGV9HjixDddfjkOtOd0XmAGWZfPsiw7g3fVyzvntvpD9H01+JIuwCamX5YKf9VfmCVaDze2S2fXIDG+CGC8YsrqMCvDFDmHZYCeI5gE6LietD2LlNb6uQAQTLWfCDTLmLpOIfoRvxEZydZn+pH7+vdlAEJyoIwIwDIrFtk7C2TyA/Po9gxY1zVWrN2haZq85FqS3zEF+YET3qi6rFzjfAR0yGkBwQA0wyFU75zf5MaOBYDoR2YGDigqY+U7HOKHlAsFiQOXqax+JYCYBGJr32ZAB+lEpxwc3i1nDcDWtBUYPjN8p35VBxf/4/MQUI7lqAGPzwjYBQDv3PQ0+Ue/CjV/sODp8+UiyNE7XLHO6EM+Dg4/ntBdAI69zdIqBlgTlDldADLN9a7R551cDot0kDPNbn40AIh6LSS4DS0Be9jJg7sAXPHJfBZojbXriMscGgDvvhUYmRGEes6iocJiyVejWdelYDPNk5cquhnAxVSAlgDZQG/7bUqKjvZEDqgdYwaAzQsrVQHowFkPqd5bA4LlO1ytp+zoFM0Ml2V5CYPmeX78lF7v67rla8B6GpynKZxnxBfmD03MvASCMe/9z+DRtm2/SAiZLXRGqcapbYTaICB/BHwggN1wbuzQSUHI3UQBHPqo+wPO/7dlefkWJ0PyR0ofEIAjg49Z8GOe51fOCAYgIcPkd2vLsnz33v+ubadJ0TZw8Fqcmnkk+CBjCahHXodQ49mhHGjUDJCDf37Vjmn54Sa4MuxGaL/weWzDdggJigjgDL7KpG3bxLTPmY/PALqa90JgAahpf/ohb8jjAfAlrQdCCSDG0gRPxCiHzf81XwKUVA1M7gDwbojbspsM4GZea3jov5cFp6cGoHYRFCWE5FthQwKAGCnLS9vD6UXwXbnIRpGUcsH3D6JxI2sADwFHwEnqAI4HKW0AB07ci6QDXgLHELUIghPxbxRBBukICDuAZMCaAbu8XnLf1K4wzBjdGYpzSUGI66ntBQg/8QzYB+PyyW18++sAEHvu8wSY02IbosyONaBTPj7XO6/F+SxVzgPKRooWlN7l0A0g+i0tGXrmvdu2D/qYTrBgO0GKG3ocRlrhB/jm6a13zR2i8GAk+BOOw/lmy95RMIlgAlAvh4ex5/ll5CUndYMkJfGNFyL84sCuoHa3tSVQW9HkGxjeueUNv6Krx7dbTO5R/J1FARSQ9X3d8gyh13RSZAYA9iOcmHkJWO1ZA+LkRdbaRAlO3wogKL/+/YDZl5cuFQogC/P4k/j+mx0AYVDyYVQGWDMPlbcDQDVHOREA1DmGDAgv7emA0bEofgmAmn3euXUpT3d9Z4G+4PRR+6PR9oigRqarPiT6ng4nBzRguCe0ZJEBatyqQGvkfw249VtiHTNSzdGZAddVESmW1YBDv5bSpoxBnOZkst7h6jISx5sCEltnJFp7KKkG3KNfPQvULluB2UMuR1zaBiXjB08+IJr4FQA9c3gDgNINKSDK4SCff67VjEsZEI+Cl3Scg3vwA4cU6uu0bRL3d4k3ZEDm3mAoY2YqdX7BvVsA2OJW9qlhUe+KQvObX1DYANS+2iIdHArR0bArgXfUBoAMoewopH9ROd3oBmcZiMkOANA3sXUq9mm5Pqrvq7IYXLo3Vs713ao7WRAZ8NULfTACRd0fdjtUcYyr1cIAAAAASUVORK5CYII=)}.spacing-case-tags{margin-bottom:8px}\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.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: "directive", type: i6$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type: i4$1.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "directive", type: i4$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i4$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i2$1.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: i4$1.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i4$1.Tab, selector: "cds-tab, ibm-tab", inputs: ["heading", "title", "context", "active", "disabled", "tabIndex", "id", "cacheActive", "tabContent", "templateContext"], outputs: ["selected"] }, { kind: "component", type: i2$1.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "directive", type: i2$1.RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "component", type: i4$1.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class", "skeleton"] }, { kind: "component", type: i2$1.OverflowMenuComponent, selector: "v-overflow-menu", inputs: ["open", "placement", "menuWidth", "offsetX", "offsetY", "closeOnSelect", "useHostAsReference", "portalToBody"], outputs: ["openChange"] }, { kind: "component", type: i2$1.OverflowMenuOptionComponent, selector: "v-overflow-menu-option", inputs: ["disabled", "type", "testId", "optionId"], outputs: ["selected"] }, { kind: "component", type: i2$1.OverflowMenuTriggerComponent, selector: "v-overflow-menu-trigger", inputs: ["compact"] }, { kind: "component", type: CaseDetailTaskListComponent, selector: "valtimo-case-detail-task-list", inputs: ["openTaskAndProcessLinkInModal"], outputs: ["taskClickEvent", "formSubmitEvent"] }, { kind: "component", type: CaseDetailsTaskDetailComponent, selector: "valtimo-case-detail-task-detail", inputs: ["taskAndProcessLink"], outputs: ["closeEvent", "assignmentOfTaskChanged", "dueDateChanged", "activeChange", "formSubmit"] }, { kind: "component", type: i17.SplitComponent, selector: "as-split", inputs: ["gutterSize", "gutterStep", "disabled", "gutterClickDeltaPx", "direction", "dir", "unit", "gutterAriaLabel", "restrictMove", "useTransition", "gutterDblClickDuration"], outputs: ["gutterClick", "gutterDblClick", "dragStart", "dragEnd", "transitionEnd"], exportAs: ["asSplit"] }, { kind: "component", type: i17.SplitAreaComponent, selector: "as-split-area", inputs: ["size", "minSize", "maxSize", "lockSize", "visible"], exportAs: ["asSplitArea"] }, { kind: "component", type: CaseDetailHeaderWidgetComponent, selector: "valtimo-case-detail-header-widget" }, { kind: "directive", type: i2$1.ObserveSizeDirective, selector: "[observeSize]", outputs: ["widthChange", "heightChange"] }, { kind: "component", type: i2$1.AssignmentComponent, selector: "valtimo-assignment", inputs: ["mode", "hasPermission", "assigneeId", "assigneeFullName", "assignedTeamKey", "assignedTeamTitle", "candidateUsers$", "candidateTeams$"], outputs: ["assignmentChangedEvent", "unassignedEvent"] }, { kind: "component", type: CaseSupportingProcessStartModalComponent, selector: "valtimo-case-supporting-process-start-modal", inputs: ["isAdmin"], outputs: ["formSubmit"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: TabTranslatePipe, name: "tabTranslate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseDetailComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, providers: [CaseTabService, CaseDetailLayoutService, ObserveSizeDirective], 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=\"main-content\"\n  [ngClass]=\"{'main-content--no-horizontal-overflow': $tabHorizontalOverflowDisabled()}\"\n>\n  <div class=\"container-fluid\">\n    <div\n      class=\"main-content__header\"\n      observeSize\n      (heightChange)=\"onMainContentHeaderHeightChange($event)\"\n    >\n      <valtimo-case-detail-header-widget></valtimo-case-detail-header-widget>\n\n      <ng-container *ngIf=\"caseTags$ | async as caseTags\">\n        @if ((caseTags || []).length > 0) {\n          <div class=\"spacing-case-tags\">\n            @for (tag of caseTags; track tag) {\n              <cds-tag size=\"sm\" [type]=\"tag.tagType\">\n                {{ tag.title }}\n              </cds-tag>\n            }\n          </div>\n        }\n      </ng-container>\n\n      <ng-container *ngTemplateOutlet=\"tabs\"></ng-container>\n\n      <ng-template #tabs>\n        <ng-container *ngIf=\"{activeTab: activeTab$ | async} as obs\">\n          <cds-tabs *ngIf=\"tabLoader\" type=\"inline\" class=\"case-detail-tabs\">\n            <cds-tab\n              *ngFor=\"let tab of tabLoader.tabs\"\n              [active]=\"tab.name === (activeTabName$ | async)\"\n              heading=\"{{ tab | tabTranslate | async }}\"\n              (selected)=\"onTabSelected(tab, obs.activeTab)\"\n            ></cds-tab>\n          </cds-tabs>\n        </ng-container>\n      </ng-template>\n    </div>\n\n    <div\n      *ngIf=\"{\n        noTabsConfigured: noTabsConfigured$ | async,\n        showTaskList: showTaskList$ | async,\n        showNoAccess: showNoAccess$ | async,\n        caseDetailLayout: caseDetailLayout$ | async,\n        openTaskAndProcessLinkInModal: openTaskAndProcessLinkInModal$ | async,\n        taskAndProcessLinkOpenedInPanel: taskAndProcessLinkOpenedInPanel$ | async,\n        isDarkMode: isDarkMode$ | async,\n        compactMode: compactMode$ | async,\n        tabContentContainerMaxHeight: tabContentContainerMaxHeight$ | async,\n      } as tabContentObs\"\n      #tabContentContainer\n      class=\"tab-content-container\"\n      [ngClass]=\"{\n        'tab-content-container--dark': tabContentObs.isDarkMode,\n        'tab-content-container--compact': tabContentObs.compactMode,\n      }\"\n      [style.max-height]=\"tabContentObs.tabContentContainerMaxHeight\"\n      [style.height]=\"tabContentObs.tabContentContainerMaxHeight\"\n    >\n      <as-split\n        direction=\"horizontal\"\n        [disabled]=\"!tabContentObs.caseDetailLayout.widthAdjustable\"\n        [gutterSize]=\"CASE_DETAIL_GUTTER_SIZE\"\n        [unit]=\"tabContentObs.caseDetailLayout.unit\"\n        class=\"split-area\"\n      >\n        <as-split-area\n          [size]=\"tabContentObs.caseDetailLayout.leftPanelWidth\"\n          [minSize]=\"tabContentObs.caseDetailLayout.leftPanelMinWidth\"\n          [maxSize]=\"tabContentObs.caseDetailLayout.leftPanelMaxWidth\"\n          class=\"split-area__content\"\n        >\n          <div\n            class=\"card-body bg-white p-5 position-relative tab-container\"\n            [class.tab-container--compact]=\"compactMode$ | async\"\n          >\n            <div *ngIf=\"loadingTabs$ | async\" class=\"loading-container\">\n              <cds-loading></cds-loading>\n            </div>\n\n            <valtimo-no-results\n              *ngIf=\"tabContentObs.showNoAccess\"\n              description=\"{{ 'case.noAccess.description' | translate }}\"\n              title=\"{{ 'case.noAccess.title' | translate }}\"\n              illustration=\"valtimo-layout/img/emptystate-not-authorised.svg\"\n            >\n            </valtimo-no-results>\n\n            <valtimo-no-results\n              *ngIf=\"tabContentObs.noTabsConfigured\"\n              [description]=\"'case.tabs.noResultsDescription' | translate\"\n              [title]=\"'case.tabs.noResults' | translate\"\n            ></valtimo-no-results>\n\n            <ng-template #tabContainer></ng-template>\n\n            <div class=\"clearfix\"></div>\n          </div>\n        </as-split-area>\n\n        <as-split-area\n          *ngIf=\"tabContentObs.caseDetailLayout.showRightPanel\"\n          [size]=\"tabContentObs.caseDetailLayout.rightPanelWidth\"\n          [minSize]=\"tabContentObs.caseDetailLayout.rightPanelMinWidth\"\n          [maxSize]=\"tabContentObs.caseDetailLayout.rightPanelMaxWidth\"\n        >\n          @if (tabContentObs.showTaskList) {\n            <div class=\"task-panel\">\n              @if (!tabContentObs.taskAndProcessLinkOpenedInPanel) {\n                <valtimo-case-detail-task-list\n                  [openTaskAndProcessLinkInModal]=\"tabContentObs.openTaskAndProcessLinkInModal\"\n                  (taskClickEvent)=\"onTaskClickEvent($event)\"\n                  (formSubmitEvent)=\"onFormSubmitEvent()\"\n                ></valtimo-case-detail-task-list>\n              }\n\n              @if (tabContentObs.taskAndProcessLinkOpenedInPanel) {\n                <valtimo-case-detail-task-detail\n                  [taskAndProcessLink]=\"tabContentObs.taskAndProcessLinkOpenedInPanel\"\n                  (activeChange)=\"onActiveChangeEvent($event)\"\n                  (closeEvent)=\"onTaskDetailsClose()\"\n                  (formSubmit)=\"onFormSubmitEvent()\"\n                  (dueDateChanged)=\"onDueDateChanged()\"\n                >\n                </valtimo-case-detail-task-detail>\n              }\n            </div>\n          }\n        </as-split-area>\n      </as-split>\n    </div>\n  </div>\n\n  <valtimo-case-supporting-process-start-modal\n    [isAdmin]=\"isAdmin$ | async\"\n    (formSubmit)=\"onFormSubmitEvent()\"\n    #supportingProcessStartModal\n  ></valtimo-case-supporting-process-start-modal>\n</div>\n\n<ng-template\n  #caseDetailHeader\n  let-canHaveAssignee=\"canHaveAssignee\"\n  let-document=\"document\"\n  let-canAssign=\"canAssign\"\n>\n  <ng-container\n    *ngTemplateOutlet=\"\n      caseDetailAssignee;\n      context: {canHaveAssignee: canHaveAssignee, document: document, canAssign: canAssign}\n    \"\n  ></ng-container>\n</ng-template>\n\n<ng-template\n  #caseDetailAssignee\n  let-canHaveAssignee=\"canHaveAssignee\"\n  let-document=\"document\"\n  let-canAssign=\"canAssign\"\n>\n  <div *ngIf=\"canHaveAssignee && document\">\n    <valtimo-assignment\n      *ngIf=\"canAssignLoaded$ | async\"\n      mode=\"case\"\n      [assigneeFullName]=\"document?.assigneeFullName\"\n      [assigneeId]=\"document.assigneeId\"\n      [assignedTeamKey]=\"document.assignedTeamKey\"\n      [assignedTeamTitle]=\"document.assignedTeamTitle\"\n      [hasPermission]=\"canAssign\"\n      [candidateUsers$]=\"candidateUsers$\"\n      [candidateTeams$]=\"candidateTeams$\"\n      (assignmentChangedEvent)=\"onAssignmentChanged($event)\"\n      (unassignedEvent)=\"onUnassigned()\"\n    ></valtimo-assignment>\n  </div>\n</ng-template>\n\n<ng-template #claimButton let-canClaim=\"canClaim\" let-canHaveAssignee=\"canHaveAssignee\">\n  <v-overflow-menu-option\n    *ngIf=\"canClaim && canHaveAssignee\"\n    [disabled]=\"(isAssigning$ | async) || (isAssignedToCurrentUser$ | async)\"\n    (selected)=\"claimAssignee()\"\n  >\n    {{ 'case.claimAssigneeCase' | translate }}\n  </v-overflow-menu-option>\n</ng-template>\n\n<ng-template\n  #unassignButton\n  let-canAssign=\"canAssign\"\n  let-canHaveAssignee=\"canHaveAssignee\"\n  let-assigneeId=\"assigneeId\"\n>\n  <v-overflow-menu-option\n    *ngIf=\"canHaveAssignee && canAssign\"\n    [disabled]=\"!assigneeId\"\n    (selected)=\"unassignAssignee()\"\n  >\n    {{ 'assignDocument.remove' | translate }}\n  </v-overflow-menu-option>\n</ng-template>\n\n<ng-template #deleteButton let-canDelete=\"canDelete\">\n  <v-overflow-menu-option\n    *ngIf=\"canDelete\"\n    [disabled]=\"isDeleting$ | async\"\n    (selected)=\"deleteDocument()\"\n    type=\"danger\"\n  >\n    {{ 'case.delete.delete' | translate }}\n  </v-overflow-menu-option>\n</ng-template>\n\n<ng-template #customStartTrigger>\n  <button\n    [size]=\"(compactMode$ | async) ? 'sm' : 'lg'\"\n    cdsButton=\"primary\"\n    [disabled]=\"startableItems.length === 0\"\n    [ngbTooltip]=\"startableItems.length === 0 ? 'No action' : null\"\n  >\n    {{ 'case.startSubProcess' | translate }}\n\n    <svg class=\"cds--btn__icon\" cdsIcon=\"chevron--down\" size=\"16\"></svg>\n  </button>\n</ng-template>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"case.delete.confirm\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"case.delete.description\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"case.delete.delete\"\n  (confirmEvent)=\"onConfirmDelete()\"\n></valtimo-confirmation-modal>\n\n<ng-container renderInPageHeader [fullWidth]=\"true\">\n  <ng-template>\n    <div\n      class=\"case-actions\"\n      [ngClass]=\"{\n        'case-actions--compact': compactMode$ | async,\n        'case-actions--small-title': smallTitle$ | async,\n      }\"\n      *ngIf=\"{\n        assigneeId: assigneeId$ | async,\n        canAssign: canAssign$ | async,\n        canClaim: canClaim$ | async,\n        canHaveAssignee: canHaveAssignee$ | async,\n        canDelete: canDelete$ | async,\n        document: document$ | async,\n        caseStatus: caseStatus$ | async,\n      } as obs\"\n    >\n      <div class=\"case-status-assign-custom-title\" [ngClass]=\"{'--compact': compactMode$ | async}\">\n        @if (obs.caseStatus) {\n          <cds-tag size=\"sm\" [type]=\"obs.caseStatus.tagType\" [title]=\"obs.caseStatus.title\">{{\n            obs.caseStatus.title\n          }}</cds-tag>\n        }\n\n        <div [ngClass]=\"{'--compact': compactMode$ | async}\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              caseDetailAssignee;\n              context: {\n                canHaveAssignee: obs.canHaveAssignee,\n                document: obs.document,\n                canAssign: obs.canAssign,\n              }\n            \"\n          ></ng-container>\n        </div>\n\n        <ng-container *ngTemplateOutlet=\"caseDetailHeader\"></ng-container>\n      </div>\n\n      <div class=\"buttons-container\">\n        <v-overflow-menu\n          *ngIf=\"obs.canHaveAssignee || obs.canDelete\"\n          placement=\"bottom-end\"\n          class=\"overflow-button assign-overflow\"\n          [ngClass]=\"{'--compact': compactMode$ | async}\"\n        >\n          <v-overflow-menu-trigger\n            overflowTrigger\n            [compact]=\"compactMode$ | async\"\n          ></v-overflow-menu-trigger>\n\n          <ng-container\n            *ngTemplateOutlet=\"\n              claimButton;\n              context: {canClaim: obs.canClaim, canHaveAssignee: obs.canHaveAssignee}\n            \"\n          >\n          </ng-container>\n\n          <ng-container\n            *ngTemplateOutlet=\"\n              unassignButton;\n              context: {\n                canAssign: obs.canAssign,\n                canHaveAssignee: obs.canHaveAssignee,\n                assigneeId: obs.assigneeId,\n              }\n            \"\n          >\n          </ng-container>\n\n          <ng-container *ngTemplateOutlet=\"deleteButton; context: {canDelete: obs.canDelete}\">\n          </ng-container>\n        </v-overflow-menu>\n\n        <v-overflow-menu\n          [ngClass]=\"{'--compact': compactMode$ | async}\"\n          [menuWidth]=\"dropdownWidth$ | async\"\n          placement=\"bottom-end\"\n          class=\"overflow-button case-detail-overflow\"\n        >\n          <ng-container overflowTrigger>\n            <ng-container *ngTemplateOutlet=\"customStartTrigger\"></ng-container>\n          </ng-container>\n          <v-overflow-menu-option\n            *ngFor=\"let startableItem of startableItems\"\n            [attr.title]=\"startableItem.displayName\"\n            (selected)=\"startItem(startableItem)\"\n          >\n            {{ startableItem.displayName }}\n          </v-overflow-menu-option>\n        </v-overflow-menu>\n      </div>\n    </div>\n  </ng-template>\n</ng-container>\n", styles: [".main-content{overflow:hidden;padding-bottom:0}.main-content--no-horizontal-overflow{overflow-x:hidden}.tab-container{height:min-content;min-height:300px;overflow-y:auto;overflow-x:hidden}.tab-container:has(>.tab--no-margin){padding:0!important}.tab-container:has(>.tab--no-min-height){min-height:unset}.tab-container:has(>.tab--no-background){background:transparent!important}.tab-content-container{display:flex;gap:32px;overflow:auto;margin-bottom:16px}.loading-container{display:flex;justify-content:center;flex-direction:row}.case-detail-tabs{display:flex;margin-bottom:24px}.case-detail-tabs cds-tab{display:none!important}.buttons-container{display:flex;flex-direction:row;gap:8px;align-items:center}.case-actions{display:flex;width:100%;justify-content:space-between;align-items:flex-end;padding-bottom:4px}.case-actions--compact,.case-actions--small-title{padding-bottom:0;align-items:flex-start}.case-actions ::ng-deep .version-selection{width:160px}.case-actions ::ng-deep .version-selection .cds--list-box__selection{display:none}.case-status-assign-custom-title{display:flex;gap:16px;align-items:flex-end}.case-status-assign-custom-title .cds--tag{margin:0;overflow:hidden;text-overflow:ellipsis;line-height:24px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;max-width:100%}.case-status-assign-custom-title.--compact{align-items:center}.task-panel{width:100%;transition:height .15s ease-in-out}.split-area__content{height:100%!important}.split-area__content .tab-container{height:min-content!important;overflow:hidden!important}:host ::ng-deep .container-fluid{height:100%!important;width:100%!important;margin:0!important;padding:0!important}::ng-deep .tab-content-container .as-split-gutter{background-color:transparent!important;--_as-gutter-icon-disabled: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'/%3E\");--_as-gutter-icon-horizontal: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABQJJREFUeF7dWll22zAMpNwzlM5xmpMlOVl6mzrKHexWm8UFy4xIp+/FP3mxQWAwWAiRGsJ3/gwhhJvt4CRCfgCtosYhDOHm4SlW7rZyq9t/R7GsZoYQDhCA89UIrzakKuQtpRTiHv03ycJB3t8KuU9AByNfw5dWJpj1h5YABmGRsvgufzsSG21NEwGWUrv5yiuZb31yMZoAAjBFPqBdor9G0vpwu2+PBgE6TK/q0pUxxiwZxnE0SefkE0sHWQUygGG3ll0c2tGNn+M0DiSfHDlHQBu2rffoWgBWPRHWIUreM654li5bMwDQBIhI9naHFgVQCSS2PHliWlLm0/YsMrcwK6ISp1QGANhzG7XFDj2gUFr8yzrkydOJ6CyACBB1lIWkbPyeQ2UQ2ZKxksCLft4EaWqB/AshHCdg0b/1gB7wJB1QBrQ0ml4E2MMyFgxJ6iABuEGdgCUeZVQm+fQ7fhfAsflzAKFLS1G2ptmMwUpDl1oyAGxo2fw2hHBzjpsm+XiO2TGQF1GWACJGfecAjHmgCTZum/lQfezQTZ3L7z+g3goc2xGtFT86A0qLh5pgjPF13aLmv9aHdYiVn8uMwFNixQlYqVuNvayK3sZxNElgHarlP6duo2bpOcbXWxheVhkTj7Tv4ATsTG/OL6CG8DZ+KCQMIcSf6HnAAo8hrAjGRpIblLxveDm8/q4YC6fT6flyufzWBhXGoTWd4QOUp6enX9fr9X2od6SFhJlTu4FBGZA5n+jbnddZjPG8nz8lo222ItHJEraRICAAMmG6rPGb2FTjedqHsET+4/Lbu+phHWLlJ/g+Cd4gpJDgp71HHzAHFCqOEFCSULjrNkaxw2rO/zidnv/MNY99WIcY+TKufibUmOcSEB5IxLTHXLal2FG4h83VPzET1h6wUxDP8fXfJW5V8xuQhqFwVtGNgDuQ6Yo367Pb9ixdjVckVE1QS/0ekZhybRw/zMZblkBpd1sMPIdJkAsClF2ghQQPYJYBQjp5BKCBEHD4JZDi6bED3AebRDFbAp58Ski3JrgphQcgozEwXZ2dBH3nZ2Bq5KcyahuEgO1wIWBnyIuoS5hA9pHIp01dnANSdlvKwXWocRC6Pw/U70MBozCQAWI5JKDF5wFrtk8uR6XKYQibnL9dr+/CjgA5v81AamMFByTTmOhQp56hPw5/vrrvx61euz2gZKfHgcj98bUkgjo/WJCxeMrJFyQgR8ocQcGnwqsJpgSK8pymTPeIThus4DKwBKWJFNsFklEcOT9ApyFADswAQJMiwkaUldeQ7ZTKDWf79tsSgIasDwGduro1CbY+hVqZgpJ1SA5L6bQHMJNjOy19MsCgBiNgV8DK+1GxSXoYAcMwhNttOedPIZTPAhm8bQ6Anx57ZMBGgfHuXs6yuEANBBtR/2bIjzkj8bAMSIYU+KLDaoKSU8KFCOP7LAsTcDTZ2jPAfrUWf3VGnwdo1pgF5xiz9yhazwOExwfv9suEm2XArJwNtSP/+AxgwlHL1iVwiAUdhEaAxhtLWGbZDEbPEiCyhHWIla93KO7AvMoAwre7bW5jxCAfwaHnoa4N3gVU5X2RthX0gdVNBPhDZnYgzMH7ImKbCOA8wnfsVO+jeUgIEHfYFUs7jHYNLN2YvJkBXwYaNuQIwnp2cgoCag3LN1Z2+EwfwCVPLPAOJ1n05oDt9x5oRR37Pb72s/e+kU81L/EXSRwjcUdkvjUAAAAASUVORK5CYII=)}::ng-deep .tab-content-container .as-split-gutter-icon{background-repeat:no-repeat;background-size:16px 16px}::ng-deep .tab-content-container--dark .as-split-gutter{--_as-gutter-icon-horizontal: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABPlJREFUeF7tm1tW3DAMhu2+krCmdmWlKytrIuGV9HjixDddfjkOtOd0XmAGWZfPsiw7g3fVyzvntvpD9H01+JIuwCamX5YKf9VfmCVaDze2S2fXIDG+CGC8YsrqMCvDFDmHZYCeI5gE6LietD2LlNb6uQAQTLWfCDTLmLpOIfoRvxEZydZn+pH7+vdlAEJyoIwIwDIrFtk7C2TyA/Po9gxY1zVWrN2haZq85FqS3zEF+YET3qi6rFzjfAR0yGkBwQA0wyFU75zf5MaOBYDoR2YGDigqY+U7HOKHlAsFiQOXqax+JYCYBGJr32ZAB+lEpxwc3i1nDcDWtBUYPjN8p35VBxf/4/MQUI7lqAGPzwjYBQDv3PQ0+Ue/CjV/sODp8+UiyNE7XLHO6EM+Dg4/ntBdAI69zdIqBlgTlDldADLN9a7R551cDot0kDPNbn40AIh6LSS4DS0Be9jJg7sAXPHJfBZojbXriMscGgDvvhUYmRGEes6iocJiyVejWdelYDPNk5cquhnAxVSAlgDZQG/7bUqKjvZEDqgdYwaAzQsrVQHowFkPqd5bA4LlO1ytp+zoFM0Ml2V5CYPmeX78lF7v67rla8B6GpynKZxnxBfmD03MvASCMe/9z+DRtm2/SAiZLXRGqcapbYTaICB/BHwggN1wbuzQSUHI3UQBHPqo+wPO/7dlefkWJ0PyR0ofEIAjg49Z8GOe51fOCAYgIcPkd2vLsnz33v+ubadJ0TZw8Fqcmnkk+CBjCahHXodQ49mhHGjUDJCDf37Vjmn54Sa4MuxGaL/weWzDdggJigjgDL7KpG3bxLTPmY/PALqa90JgAahpf/ohb8jjAfAlrQdCCSDG0gRPxCiHzf81XwKUVA1M7gDwbojbspsM4GZea3jov5cFp6cGoHYRFCWE5FthQwKAGCnLS9vD6UXwXbnIRpGUcsH3D6JxI2sADwFHwEnqAI4HKW0AB07ci6QDXgLHELUIghPxbxRBBukICDuAZMCaAbu8XnLf1K4wzBjdGYpzSUGI66ntBQg/8QzYB+PyyW18++sAEHvu8wSY02IbosyONaBTPj7XO6/F+SxVzgPKRooWlN7l0A0g+i0tGXrmvdu2D/qYTrBgO0GKG3ocRlrhB/jm6a13zR2i8GAk+BOOw/lmy95RMIlgAlAvh4ex5/ll5CUndYMkJfGNFyL84sCuoHa3tSVQW9HkGxjeueUNv6Krx7dbTO5R/J1FARSQ9X3d8gyh13RSZAYA9iOcmHkJWO1ZA+LkRdbaRAlO3wogKL/+/YDZl5cuFQogC/P4k/j+mx0AYVDyYVQGWDMPlbcDQDVHOREA1DmGDAgv7emA0bEofgmAmn3euXUpT3d9Z4G+4PRR+6PR9oigRqarPiT6ng4nBzRguCe0ZJEBatyqQGvkfw249VtiHTNSzdGZAddVESmW1YBDv5bSpoxBnOZkst7h6jISx5sCEltnJFp7KKkG3KNfPQvULluB2UMuR1zaBiXjB08+IJr4FQA9c3gDgNINKSDK4SCff67VjEsZEI+Cl3Scg3vwA4cU6uu0bRL3d4k3ZEDm3mAoY2YqdX7BvVsA2OJW9qlhUe+KQvObX1DYANS+2iIdHArR0bArgXfUBoAMoewopH9ROd3oBmcZiMkOANA3sXUq9mm5Pqrvq7IYXLo3Vs713ao7WRAZ8NULfTACRd0fdjtUcYyr1cIAAAAASUVORK5CYII=)}.spacing-case-tags{margin-bottom:8px}\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.BreadcrumbService }, { type: i2.CaseStatusService }, { type: i2$1.CdsThemeService }, { type: i0.ComponentFactoryResolver }, { type: i2.DocumentService }, { type: CaseDetailLayoutService }, { type: CaseService }, { type: CaseTabService }, { type: i2$2.IconService }, { type: i5$4.KeycloakService }, { type: i1$3.NGXLogger }, { type: i1.GlobalNotificationService }, { type: i2$1.PageHeaderService }, { type: i2$1.PageTitleService }, { type: i2$4.PermissionService }, { type: i4.TranslateService }, { type: i0.Renderer2 }, { type: i1$2.ActivatedRoute }, { type: i1$2.Router }, { type: WidgetsService }, { type: i12.UserProviderService }, { type: Document, decorators: [{
+            args: [{ standalone: false, providers: [CaseTabService, CaseDetailLayoutService, ObserveSizeDirective], 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=\"main-content\"\n  [ngClass]=\"{'main-content--no-horizontal-overflow': $tabHorizontalOverflowDisabled()}\"\n>\n  <div class=\"container-fluid\">\n    <div\n      class=\"main-content__header\"\n      observeSize\n      (heightChange)=\"onMainContentHeaderHeightChange($event)\"\n    >\n      <valtimo-case-detail-header-widget></valtimo-case-detail-header-widget>\n\n      <ng-container *ngIf=\"caseTags$ | async as caseTags\">\n        @if ((caseTags || []).length > 0) {\n          <div class=\"spacing-case-tags\">\n            @for (tag of caseTags; track tag) {\n              <cds-tag size=\"sm\" [type]=\"tag.tagType\">\n                {{ tag.title }}\n              </cds-tag>\n            }\n          </div>\n        }\n      </ng-container>\n\n      <ng-container *ngTemplateOutlet=\"tabs\"></ng-container>\n\n      <ng-template #tabs>\n        <ng-container *ngIf=\"{activeTab: activeTab$ | async} as obs\">\n          <cds-tabs *ngIf=\"tabLoader\" type=\"inline\" class=\"case-detail-tabs\">\n            <cds-tab\n              *ngFor=\"let tab of tabLoader.tabs\"\n              [active]=\"tab.name === (activeTabName$ | async)\"\n              heading=\"{{ tab | tabTranslate | async }}\"\n              (selected)=\"onTabSelected(tab, obs.activeTab)\"\n            ></cds-tab>\n          </cds-tabs>\n        </ng-container>\n      </ng-template>\n    </div>\n\n    <div\n      *ngIf=\"{\n        noTabsConfigured: noTabsConfigured$ | async,\n        showTaskList: showTaskList$ | async,\n        showNoAccess: showNoAccess$ | async,\n        caseDetailLayout: caseDetailLayout$ | async,\n        openTaskAndProcessLinkInModal: openTaskAndProcessLinkInModal$ | async,\n        taskAndProcessLinkOpenedInPanel: taskAndProcessLinkOpenedInPanel$ | async,\n        startFormPanel: startFormPanel$ | async,\n        isDarkMode: isDarkMode$ | async,\n        compactMode: compactMode$ | async,\n        tabContentContainerMaxHeight: tabContentContainerMaxHeight$ | async,\n      } as tabContentObs\"\n      #tabContentContainer\n      class=\"tab-content-container\"\n      [ngClass]=\"{\n        'tab-content-container--dark': tabContentObs.isDarkMode,\n        'tab-content-container--compact': tabContentObs.compactMode,\n      }\"\n      [style.max-height]=\"tabContentObs.tabContentContainerMaxHeight\"\n      [style.height]=\"tabContentObs.tabContentContainerMaxHeight\"\n    >\n      <as-split\n        direction=\"horizontal\"\n        [disabled]=\"!tabContentObs.caseDetailLayout.widthAdjustable\"\n        [gutterSize]=\"CASE_DETAIL_GUTTER_SIZE\"\n        [unit]=\"tabContentObs.caseDetailLayout.unit\"\n        class=\"split-area\"\n      >\n        <as-split-area\n          [size]=\"tabContentObs.caseDetailLayout.leftPanelWidth\"\n          [minSize]=\"tabContentObs.caseDetailLayout.leftPanelMinWidth\"\n          [maxSize]=\"tabContentObs.caseDetailLayout.leftPanelMaxWidth\"\n          class=\"split-area__content\"\n        >\n          <div\n            class=\"card-body bg-white p-5 position-relative tab-container\"\n            [class.tab-container--compact]=\"compactMode$ | async\"\n          >\n            <div *ngIf=\"loadingTabs$ | async\" class=\"loading-container\">\n              <cds-loading></cds-loading>\n            </div>\n\n            <valtimo-no-results\n              *ngIf=\"tabContentObs.showNoAccess\"\n              description=\"{{ 'case.noAccess.description' | translate }}\"\n              title=\"{{ 'case.noAccess.title' | translate }}\"\n              illustration=\"valtimo-layout/img/emptystate-not-authorised.svg\"\n            >\n            </valtimo-no-results>\n\n            <valtimo-no-results\n              *ngIf=\"tabContentObs.noTabsConfigured\"\n              [description]=\"'case.tabs.noResultsDescription' | translate\"\n              [title]=\"'case.tabs.noResults' | translate\"\n            ></valtimo-no-results>\n\n            <ng-template #tabContainer></ng-template>\n\n            <div class=\"clearfix\"></div>\n          </div>\n        </as-split-area>\n\n        <as-split-area\n          *ngIf=\"tabContentObs.caseDetailLayout.showRightPanel\"\n          [size]=\"tabContentObs.caseDetailLayout.rightPanelWidth\"\n          [minSize]=\"tabContentObs.caseDetailLayout.rightPanelMinWidth\"\n          [maxSize]=\"tabContentObs.caseDetailLayout.rightPanelMaxWidth\"\n        >\n          @if (tabContentObs.showTaskList) {\n            <div class=\"task-panel\">\n              @if (tabContentObs.startFormPanel) {\n                <div class=\"start-form-panel\">\n                  <section class=\"start-form-panel__header\">\n                    <h4 class=\"start-form-panel__title\">{{ tabContentObs.startFormPanel.title }}</h4>\n\n                    <button cdsButton=\"ghost\" [iconOnly]=\"true\" (click)=\"onStartFormPanelClose()\">\n                      <svg cdsIcon=\"close\" size=\"16\"></svg>\n                    </button>\n                  </section>\n\n                  <section class=\"start-form-panel__body\">\n                    <ng-container\n                      *ngTemplateOutlet=\"tabContentObs.startFormPanel.template\"\n                    ></ng-container>\n                  </section>\n                </div>\n              } @else if (tabContentObs.taskAndProcessLinkOpenedInPanel) {\n                <valtimo-case-detail-task-detail\n                  [taskAndProcessLink]=\"tabContentObs.taskAndProcessLinkOpenedInPanel\"\n                  (activeChange)=\"onActiveChangeEvent($event)\"\n                  (closeEvent)=\"onTaskDetailsClose()\"\n                  (formSubmit)=\"onFormSubmitEvent()\"\n                  (dueDateChanged)=\"onDueDateChanged()\"\n                >\n                </valtimo-case-detail-task-detail>\n              } @else {\n                <valtimo-case-detail-task-list\n                  [openTaskAndProcessLinkInModal]=\"tabContentObs.openTaskAndProcessLinkInModal\"\n                  (taskClickEvent)=\"onTaskClickEvent($event)\"\n                  (formSubmitEvent)=\"onFormSubmitEvent()\"\n                ></valtimo-case-detail-task-list>\n              }\n            </div>\n          }\n        </as-split-area>\n      </as-split>\n    </div>\n  </div>\n\n  <valtimo-case-supporting-process-start-modal\n    [isAdmin]=\"isAdmin$ | async\"\n    (formSubmit)=\"onFormSubmitEvent()\"\n    #supportingProcessStartModal\n  ></valtimo-case-supporting-process-start-modal>\n</div>\n\n<ng-template\n  #caseDetailHeader\n  let-canHaveAssignee=\"canHaveAssignee\"\n  let-document=\"document\"\n  let-canAssign=\"canAssign\"\n>\n  <ng-container\n    *ngTemplateOutlet=\"\n      caseDetailAssignee;\n      context: {canHaveAssignee: canHaveAssignee, document: document, canAssign: canAssign}\n    \"\n  ></ng-container>\n</ng-template>\n\n<ng-template\n  #caseDetailAssignee\n  let-canHaveAssignee=\"canHaveAssignee\"\n  let-document=\"document\"\n  let-canAssign=\"canAssign\"\n>\n  <div *ngIf=\"canHaveAssignee && document\">\n    <valtimo-assignment\n      *ngIf=\"canAssignLoaded$ | async\"\n      mode=\"case\"\n      [assigneeFullName]=\"document?.assigneeFullName\"\n      [assigneeId]=\"document.assigneeId\"\n      [assignedTeamKey]=\"document.assignedTeamKey\"\n      [assignedTeamTitle]=\"document.assignedTeamTitle\"\n      [hasPermission]=\"canAssign\"\n      [candidateUsers$]=\"candidateUsers$\"\n      [candidateTeams$]=\"candidateTeams$\"\n      (assignmentChangedEvent)=\"onAssignmentChanged($event)\"\n      (unassignedEvent)=\"onUnassigned()\"\n    ></valtimo-assignment>\n  </div>\n</ng-template>\n\n<ng-template #claimButton let-canClaim=\"canClaim\" let-canHaveAssignee=\"canHaveAssignee\">\n  <v-overflow-menu-option\n    *ngIf=\"canClaim && canHaveAssignee\"\n    [disabled]=\"(isAssigning$ | async) || (isAssignedToCurrentUser$ | async)\"\n    (selected)=\"claimAssignee()\"\n  >\n    {{ 'case.claimAssigneeCase' | translate }}\n  </v-overflow-menu-option>\n</ng-template>\n\n<ng-template\n  #unassignButton\n  let-canAssign=\"canAssign\"\n  let-canHaveAssignee=\"canHaveAssignee\"\n  let-assigneeId=\"assigneeId\"\n>\n  <v-overflow-menu-option\n    *ngIf=\"canHaveAssignee && canAssign\"\n    [disabled]=\"!assigneeId\"\n    (selected)=\"unassignAssignee()\"\n  >\n    {{ 'assignDocument.remove' | translate }}\n  </v-overflow-menu-option>\n</ng-template>\n\n<ng-template #deleteButton let-canDelete=\"canDelete\">\n  <v-overflow-menu-option\n    *ngIf=\"canDelete\"\n    [disabled]=\"isDeleting$ | async\"\n    (selected)=\"deleteDocument()\"\n    type=\"danger\"\n  >\n    {{ 'case.delete.delete' | translate }}\n  </v-overflow-menu-option>\n</ng-template>\n\n<ng-template #inspectButton let-canInspect=\"canInspect\">\n  <v-overflow-menu-option *ngIf=\"canInspect\" (selected)=\"navigateToInspection()\">\n    {{ 'case.inspection.openInspector' | translate }}\n  </v-overflow-menu-option>\n</ng-template>\n\n<ng-template #customStartTrigger>\n  <button\n    [size]=\"(compactMode$ | async) ? 'sm' : 'lg'\"\n    cdsButton=\"primary\"\n    [disabled]=\"startableItems.length === 0\"\n    [ngbTooltip]=\"startableItems.length === 0 ? 'No action' : null\"\n  >\n    {{ 'case.startSubProcess' | translate }}\n\n    <svg class=\"cds--btn__icon\" cdsIcon=\"chevron--down\" size=\"16\"></svg>\n  </button>\n</ng-template>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"case.delete.confirm\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"case.delete.description\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"case.delete.delete\"\n  (confirmEvent)=\"onConfirmDelete()\"\n></valtimo-confirmation-modal>\n\n<ng-container renderInPageHeader [fullWidth]=\"true\">\n  <ng-template>\n    <div\n      class=\"case-actions\"\n      [ngClass]=\"{\n        'case-actions--compact': compactMode$ | async,\n        'case-actions--small-title': smallTitle$ | async,\n      }\"\n      *ngIf=\"{\n        assigneeId: assigneeId$ | async,\n        canAssign: canAssign$ | async,\n        canClaim: canClaim$ | async,\n        canHaveAssignee: canHaveAssignee$ | async,\n        canDelete: canDelete$ | async,\n        canInspect: canInspect$ | async,\n        document: document$ | async,\n        caseStatus: caseStatus$ | async,\n      } as obs\"\n    >\n      <div class=\"case-status-assign-custom-title\" [ngClass]=\"{'--compact': compactMode$ | async}\">\n        @if (obs.caseStatus) {\n          <cds-tag size=\"sm\" [type]=\"obs.caseStatus.tagType\" [title]=\"obs.caseStatus.title\">{{\n            obs.caseStatus.title\n          }}</cds-tag>\n        }\n\n        <div [ngClass]=\"{'--compact': compactMode$ | async}\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              caseDetailAssignee;\n              context: {\n                canHaveAssignee: obs.canHaveAssignee,\n                document: obs.document,\n                canAssign: obs.canAssign,\n              }\n            \"\n          ></ng-container>\n        </div>\n\n        <ng-container *ngTemplateOutlet=\"caseDetailHeader\"></ng-container>\n      </div>\n\n      <div class=\"buttons-container\">\n        <v-overflow-menu\n          *ngIf=\"obs.canHaveAssignee || obs.canDelete || obs.canInspect\"\n          placement=\"bottom-end\"\n          class=\"overflow-button assign-overflow\"\n          [ngClass]=\"{'--compact': compactMode$ | async}\"\n        >\n          <v-overflow-menu-trigger\n            overflowTrigger\n            [compact]=\"compactMode$ | async\"\n          ></v-overflow-menu-trigger>\n\n          <ng-container\n            *ngTemplateOutlet=\"\n              claimButton;\n              context: {canClaim: obs.canClaim, canHaveAssignee: obs.canHaveAssignee}\n            \"\n          >\n          </ng-container>\n\n          <ng-container\n            *ngTemplateOutlet=\"\n              unassignButton;\n              context: {\n                canAssign: obs.canAssign,\n                canHaveAssignee: obs.canHaveAssignee,\n                assigneeId: obs.assigneeId,\n              }\n            \"\n          >\n          </ng-container>\n\n          <ng-container *ngTemplateOutlet=\"inspectButton; context: {canInspect: obs.canInspect}\">\n          </ng-container>\n\n          <ng-container *ngTemplateOutlet=\"deleteButton; context: {canDelete: obs.canDelete}\">\n          </ng-container>\n        </v-overflow-menu>\n\n        <v-overflow-menu\n          [ngClass]=\"{'--compact': compactMode$ | async}\"\n          [menuWidth]=\"dropdownWidth$ | async\"\n          placement=\"bottom-end\"\n          class=\"overflow-button case-detail-overflow\"\n        >\n          <ng-container overflowTrigger>\n            <ng-container *ngTemplateOutlet=\"customStartTrigger\"></ng-container>\n          </ng-container>\n          <v-overflow-menu-option\n            *ngFor=\"let startableItem of startableItems\"\n            [attr.title]=\"startableItem.displayName\"\n            (selected)=\"startItem(startableItem)\"\n          >\n            {{ startableItem.displayName }}\n          </v-overflow-menu-option>\n        </v-overflow-menu>\n      </div>\n    </div>\n  </ng-template>\n</ng-container>\n", styles: [".main-content{overflow:hidden;padding-bottom:0}.main-content--no-horizontal-overflow{overflow-x:hidden}.tab-container{height:min-content;min-height:300px;overflow-y:auto;overflow-x:hidden}.tab-container:has(>.tab--no-margin){padding:0!important}.tab-container:has(>.tab--no-min-height){min-height:unset}.tab-container:has(>.tab--no-background){background:transparent!important}.tab-content-container{display:flex;gap:32px;overflow:auto;margin-bottom:16px}.loading-container{display:flex;justify-content:center;flex-direction:row}.case-detail-tabs{display:flex;margin-bottom:24px}.case-detail-tabs cds-tab{display:none!important}.buttons-container{display:flex;flex-direction:row;gap:8px;align-items:center}.case-actions{display:flex;width:100%;justify-content:space-between;align-items:flex-end;padding-bottom:4px}.case-actions--compact,.case-actions--small-title{padding-bottom:0;align-items:flex-start}.case-actions ::ng-deep .version-selection{width:160px}.case-actions ::ng-deep .version-selection .cds--list-box__selection{display:none}.case-status-assign-custom-title{display:flex;gap:16px;align-items:flex-end}.case-status-assign-custom-title .cds--tag{margin:0;overflow:hidden;text-overflow:ellipsis;line-height:24px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;max-width:100%}.case-status-assign-custom-title.--compact{align-items:center}.task-panel{width:100%;transition:height .15s ease-in-out}.start-form-panel{display:flex;flex-direction:column;width:100%;height:100%;background-color:var(--cds-layer);padding:8px 16px 16px}.start-form-panel__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.start-form-panel__title{margin:0;color:var(--cds-text-primary);font-weight:600;font-size:16px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.start-form-panel__body{flex:1;overflow-y:auto}.split-area__content{height:100%!important}.split-area__content .tab-container{height:min-content!important;overflow:hidden!important}:host ::ng-deep .container-fluid{height:100%!important;width:100%!important;margin:0!important;padding:0!important}::ng-deep .tab-content-container .as-split-gutter{background-color:transparent!important;--_as-gutter-icon-disabled: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'/%3E\");--_as-gutter-icon-horizontal: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABQJJREFUeF7dWll22zAMpNwzlM5xmpMlOVl6mzrKHexWm8UFy4xIp+/FP3mxQWAwWAiRGsJ3/gwhhJvt4CRCfgCtosYhDOHm4SlW7rZyq9t/R7GsZoYQDhCA89UIrzakKuQtpRTiHv03ycJB3t8KuU9AByNfw5dWJpj1h5YABmGRsvgufzsSG21NEwGWUrv5yiuZb31yMZoAAjBFPqBdor9G0vpwu2+PBgE6TK/q0pUxxiwZxnE0SefkE0sHWQUygGG3ll0c2tGNn+M0DiSfHDlHQBu2rffoWgBWPRHWIUreM654li5bMwDQBIhI9naHFgVQCSS2PHliWlLm0/YsMrcwK6ISp1QGANhzG7XFDj2gUFr8yzrkydOJ6CyACBB1lIWkbPyeQ2UQ2ZKxksCLft4EaWqB/AshHCdg0b/1gB7wJB1QBrQ0ml4E2MMyFgxJ6iABuEGdgCUeZVQm+fQ7fhfAsflzAKFLS1G2ptmMwUpDl1oyAGxo2fw2hHBzjpsm+XiO2TGQF1GWACJGfecAjHmgCTZum/lQfezQTZ3L7z+g3goc2xGtFT86A0qLh5pgjPF13aLmv9aHdYiVn8uMwFNixQlYqVuNvayK3sZxNElgHarlP6duo2bpOcbXWxheVhkTj7Tv4ATsTG/OL6CG8DZ+KCQMIcSf6HnAAo8hrAjGRpIblLxveDm8/q4YC6fT6flyufzWBhXGoTWd4QOUp6enX9fr9X2od6SFhJlTu4FBGZA5n+jbnddZjPG8nz8lo222ItHJEraRICAAMmG6rPGb2FTjedqHsET+4/Lbu+phHWLlJ/g+Cd4gpJDgp71HHzAHFCqOEFCSULjrNkaxw2rO/zidnv/MNY99WIcY+TKufibUmOcSEB5IxLTHXLal2FG4h83VPzET1h6wUxDP8fXfJW5V8xuQhqFwVtGNgDuQ6Yo367Pb9ixdjVckVE1QS/0ekZhybRw/zMZblkBpd1sMPIdJkAsClF2ghQQPYJYBQjp5BKCBEHD4JZDi6bED3AebRDFbAp58Ski3JrgphQcgozEwXZ2dBH3nZ2Bq5KcyahuEgO1wIWBnyIuoS5hA9pHIp01dnANSdlvKwXWocRC6Pw/U70MBozCQAWI5JKDF5wFrtk8uR6XKYQibnL9dr+/CjgA5v81AamMFByTTmOhQp56hPw5/vrrvx61euz2gZKfHgcj98bUkgjo/WJCxeMrJFyQgR8ocQcGnwqsJpgSK8pymTPeIThus4DKwBKWJFNsFklEcOT9ApyFADswAQJMiwkaUldeQ7ZTKDWf79tsSgIasDwGduro1CbY+hVqZgpJ1SA5L6bQHMJNjOy19MsCgBiNgV8DK+1GxSXoYAcMwhNttOedPIZTPAhm8bQ6Anx57ZMBGgfHuXs6yuEANBBtR/2bIjzkj8bAMSIYU+KLDaoKSU8KFCOP7LAsTcDTZ2jPAfrUWf3VGnwdo1pgF5xiz9yhazwOExwfv9suEm2XArJwNtSP/+AxgwlHL1iVwiAUdhEaAxhtLWGbZDEbPEiCyhHWIla93KO7AvMoAwre7bW5jxCAfwaHnoa4N3gVU5X2RthX0gdVNBPhDZnYgzMH7ImKbCOA8wnfsVO+jeUgIEHfYFUs7jHYNLN2YvJkBXwYaNuQIwnp2cgoCag3LN1Z2+EwfwCVPLPAOJ1n05oDt9x5oRR37Pb72s/e+kU81L/EXSRwjcUdkvjUAAAAASUVORK5CYII=)}::ng-deep .tab-content-container .as-split-gutter-icon{background-repeat:no-repeat;background-size:16px 16px}::ng-deep .tab-content-container--dark .as-split-gutter{--_as-gutter-icon-horizontal: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABPlJREFUeF7tm1tW3DAMhu2+krCmdmWlKytrIuGV9HjixDddfjkOtOd0XmAGWZfPsiw7g3fVyzvntvpD9H01+JIuwCamX5YKf9VfmCVaDze2S2fXIDG+CGC8YsrqMCvDFDmHZYCeI5gE6LietD2LlNb6uQAQTLWfCDTLmLpOIfoRvxEZydZn+pH7+vdlAEJyoIwIwDIrFtk7C2TyA/Po9gxY1zVWrN2haZq85FqS3zEF+YET3qi6rFzjfAR0yGkBwQA0wyFU75zf5MaOBYDoR2YGDigqY+U7HOKHlAsFiQOXqax+JYCYBGJr32ZAB+lEpxwc3i1nDcDWtBUYPjN8p35VBxf/4/MQUI7lqAGPzwjYBQDv3PQ0+Ue/CjV/sODp8+UiyNE7XLHO6EM+Dg4/ntBdAI69zdIqBlgTlDldADLN9a7R551cDot0kDPNbn40AIh6LSS4DS0Be9jJg7sAXPHJfBZojbXriMscGgDvvhUYmRGEes6iocJiyVejWdelYDPNk5cquhnAxVSAlgDZQG/7bUqKjvZEDqgdYwaAzQsrVQHowFkPqd5bA4LlO1ytp+zoFM0Ml2V5CYPmeX78lF7v67rla8B6GpynKZxnxBfmD03MvASCMe/9z+DRtm2/SAiZLXRGqcapbYTaICB/BHwggN1wbuzQSUHI3UQBHPqo+wPO/7dlefkWJ0PyR0ofEIAjg49Z8GOe51fOCAYgIcPkd2vLsnz33v+ubadJ0TZw8Fqcmnkk+CBjCahHXodQ49mhHGjUDJCDf37Vjmn54Sa4MuxGaL/weWzDdggJigjgDL7KpG3bxLTPmY/PALqa90JgAahpf/ohb8jjAfAlrQdCCSDG0gRPxCiHzf81XwKUVA1M7gDwbojbspsM4GZea3jov5cFp6cGoHYRFCWE5FthQwKAGCnLS9vD6UXwXbnIRpGUcsH3D6JxI2sADwFHwEnqAI4HKW0AB07ci6QDXgLHELUIghPxbxRBBukICDuAZMCaAbu8XnLf1K4wzBjdGYpzSUGI66ntBQg/8QzYB+PyyW18++sAEHvu8wSY02IbosyONaBTPj7XO6/F+SxVzgPKRooWlN7l0A0g+i0tGXrmvdu2D/qYTrBgO0GKG3ocRlrhB/jm6a13zR2i8GAk+BOOw/lmy95RMIlgAlAvh4ex5/ll5CUndYMkJfGNFyL84sCuoHa3tSVQW9HkGxjeueUNv6Krx7dbTO5R/J1FARSQ9X3d8gyh13RSZAYA9iOcmHkJWO1ZA+LkRdbaRAlO3wogKL/+/YDZl5cuFQogC/P4k/j+mx0AYVDyYVQGWDMPlbcDQDVHOREA1DmGDAgv7emA0bEofgmAmn3euXUpT3d9Z4G+4PRR+6PR9oigRqarPiT6ng4nBzRguCe0ZJEBatyqQGvkfw249VtiHTNSzdGZAddVESmW1YBDv5bSpoxBnOZkst7h6jISx5sCEltnJFp7KKkG3KNfPQvULluB2UMuR1zaBiXjB08+IJr4FQA9c3gDgNINKSDK4SCff67VjEsZEI+Cl3Scg3vwA4cU6uu0bRL3d4k3ZEDm3mAoY2YqdX7BvVsA2OJW9qlhUe+KQvObX1DYANS+2iIdHArR0bArgXfUBoAMoewopH9ROd3oBmcZiMkOANA3sXUq9mm5Pqrvq7IYXLo3Vs713ao7WRAZ8NULfTACRd0fdjtUcYyr1cIAAAAASUVORK5CYII=)}.spacing-case-tags{margin-bottom:8px}\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.BreadcrumbService }, { type: i2.CaseStatusService }, { type: i2$1.CdsThemeService }, { type: i0.ComponentFactoryResolver }, { type: i2.DocumentService }, { type: CaseDetailLayoutService }, { type: CaseService }, { type: CaseTabService }, { type: i4$1.IconService }, { type: i5$4.KeycloakService }, { type: i1$3.NGXLogger }, { type: i1.GlobalNotificationService }, { type: i2$1.PageHeaderService }, { type: i2$1.PageTitleService }, { type: i2$3.PermissionService }, { type: i4.TranslateService }, { type: i0.Renderer2 }, { type: i1$2.ActivatedRoute }, { type: i1$2.Router }, { type: WidgetsService }, { type: i12.UserProviderService }, { type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
                 }] }], propDecorators: { supportingProcessStart: [{
@@ -5319,6 +5549,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+const DEFAULT_START_MODAL_SIZE = 'sm';
 class CaseProcessStartModalComponent {
     get _useStartEventNameAsStartFormTitle() {
         return !!this.configService.featureToggles?.useStartEventNameAsStartFormTitle;
@@ -5341,6 +5572,7 @@ class CaseProcessStartModalComponent {
         this.formFlowComplete = new EventEmitter();
         this.noProcessLinked = new EventEmitter();
         this.modalOpen$ = new BehaviorSubject(false);
+        this.modalSize$ = new BehaviorSubject(DEFAULT_START_MODAL_SIZE);
         this._subscriptions = new Subscription();
         this._formCustomComponentConfig$ = new BehaviorSubject({});
         this.closeModalEvent = new EventEmitter();
@@ -5356,6 +5588,7 @@ class CaseProcessStartModalComponent {
         this.processLinkId = null;
         this.formDefinition = null;
         this.formFlowInstanceId = null;
+        this.modalSize$.next(DEFAULT_START_MODAL_SIZE);
         this.formViewModelDynamicContainer?.clear();
         this.formCustomComponentDynamicContainer?.clear();
         if (this._useStartEventNameAsStartFormTitle) {
@@ -5374,6 +5607,7 @@ class CaseProcessStartModalComponent {
                         this.formDefinition = startProcessResult.properties.prefilledForm;
                         this.processLinkId = startProcessResult.processLinkId;
                         this.isFormViewModel = false;
+                        this.setModalSize(startProcessResult.properties.formSize);
                         this.openCdsModal();
                         break;
                     case 'form-flow':
@@ -5416,6 +5650,9 @@ class CaseProcessStartModalComponent {
             }
         });
     }
+    setModalSize(formSize) {
+        this.modalSize$.next(formSize ? formSizeToCarbonModalSizeMap[formSize] : DEFAULT_START_MODAL_SIZE);
+    }
     gotoProcessLinkScreen() {
         this.closeCdsModal();
         this.router.navigate(['case-management']);
@@ -5538,8 +5775,8 @@ class CaseProcessStartModalComponent {
         setTimeout(() => this.modalOpen$.next(false));
         this.closeModalEvent.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseProcessStartModalComponent, deps: [{ token: i1$2.Router }, { token: i2$3.ProcessService }, { token: i3$3.ProcessLinkService }, { token: i12.UserProviderService }, { token: i2$4.PermissionService }, { token: CaseListService }, { token: StartModalService }, { token: i1.ConfigService }, { token: FORM_VIEW_MODEL_TOKEN, optional: true }, { token: FORM_CUSTOM_COMPONENT_TOKEN, optional: true }, { token: i3$3.UrlResolverService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CaseProcessStartModalComponent, isStandalone: true, selector: "valtimo-case-process-start-modal", inputs: { navigateAfterSubmit: "navigateAfterSubmit" }, outputs: { formFlowComplete: "formFlowComplete", noProcessLinked: "noProcessLinked" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }, { propertyName: "formViewModelDynamicContainer", first: true, predicate: ["formViewModelComponent"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "formCustomComponentDynamicContainer", first: true, predicate: ["formCustomComponent"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n<valtimo-render-in-body>\n  <cds-modal [open]=\"modalOpen$ | async\" size=\"sm\" valtimoCdsModal [minContentHeight]=\"480\">\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCloseSelect()\"\n      ><h3 cdsModalHeaderHeading>\n        {{ modalTitle }}\n      </h3>\n    </cds-modal-header>\n\n    <section cdsModalContent [cdsLayer]=\"1\" class=\"process-start-modal-content\">\n      <ng-template #formViewModelComponent></ng-template>\n\n      <ng-template #formCustomComponent></ng-template>\n\n      @if (formDefinition && !isFormViewModel) {\n        <valtimo-form-io\n          #form\n          [form]=\"formDefinition\"\n          [options]=\"options\"\n          (submit)=\"onSubmit($event)\"\n        >\n        </valtimo-form-io>\n      }\n\n      @if (formFlowInstanceId) {\n        <valtimo-form-flow\n          [formFlowInstanceId]=\"formFlowInstanceId\"\n          (formFlowComplete)=\"formFlowSubmitted($event)\"\n        ></valtimo-form-flow>\n      }\n\n      @if (!formFlowInstanceId && !formDefinition && isAdmin && !isUIComponent) {\n        <div\n          class=\"bg-warning text-black mb-0 p-3 text-center\"\n          [translate]=\"'formManagement.noFormDefinitionFoundAdmin'\"\n        ></div>\n        <div class=\"mb-0 mt-4 p-3 text-center\">\n          <button\n            (click)=\"gotoProcessLinkScreen()\"\n            class=\"btn btn-secondary btn-space\"\n            id=\"process-link-button\"\n            type=\"button\"\n          >\n            {{ 'formManagement.gotoProcessLinksButton' | translate }}\n          </button>\n        </div>\n      }\n\n      @if (!formFlowInstanceId && !formDefinition && !isAdmin && !isUIComponent) {\n        <div\n          class=\"bg-warning text-black mb-0 p-3 text-center\"\n          [translate]=\"'formManagement.noFormDefinitionFoundUser'\"\n        ></div>\n      }\n    </section>\n  </cds-modal>\n</valtimo-render-in-body>\n", styles: [".process-start-modal-content{padding: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: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "directive", type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "ngmodule", type: ProcessLinkModule }, { kind: "component", type: i3$3.FormFlowComponent, selector: "valtimo-form-flow", inputs: ["formIoFormData", "formFlowInstanceId"], outputs: ["formFlowComplete", "formFlowChange"] }, { kind: "ngmodule", type: FormIoModule }, { kind: "component", type: i2$1.FormioComponent, selector: "valtimo-form-io", inputs: ["options", "submission", "form", "readOnly", "formRefresh$"], outputs: ["submit", "change", "event"] }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "ngmodule", type: DialogModule }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i2$2.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i2$2.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "directive", type: i2$2.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i2$2.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i2$2.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "component", type: RenderInBodyComponent, selector: "valtimo-render-in-body" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseProcessStartModalComponent, deps: [{ token: i1$2.Router }, { token: i2$2.ProcessService }, { token: i3$3.ProcessLinkService }, { token: i12.UserProviderService }, { token: i2$3.PermissionService }, { token: CaseListService }, { token: StartModalService }, { token: i1.ConfigService }, { token: FORM_VIEW_MODEL_TOKEN, optional: true }, { token: FORM_CUSTOM_COMPONENT_TOKEN, optional: true }, { token: i3$3.UrlResolverService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CaseProcessStartModalComponent, isStandalone: true, selector: "valtimo-case-process-start-modal", inputs: { navigateAfterSubmit: "navigateAfterSubmit" }, outputs: { formFlowComplete: "formFlowComplete", noProcessLinked: "noProcessLinked" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }, { propertyName: "formViewModelDynamicContainer", first: true, predicate: ["formViewModelComponent"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "formCustomComponentDynamicContainer", first: true, predicate: ["formCustomComponent"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n<valtimo-render-in-body>\n  <cds-modal\n    [open]=\"modalOpen$ | async\"\n    [size]=\"modalSize$ | async\"\n    valtimoCdsModal\n    [minContentHeight]=\"480\"\n  >\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCloseSelect()\"\n      ><h3 cdsModalHeaderHeading>\n        {{ modalTitle }}\n      </h3>\n    </cds-modal-header>\n\n    <section cdsModalContent [cdsLayer]=\"1\" class=\"process-start-modal-content\">\n      <ng-template #formViewModelComponent></ng-template>\n\n      <ng-template #formCustomComponent></ng-template>\n\n      @if (formDefinition && !isFormViewModel) {\n        <valtimo-form-io\n          #form\n          [form]=\"formDefinition\"\n          [options]=\"options\"\n          (submit)=\"onSubmit($event)\"\n        >\n        </valtimo-form-io>\n      }\n\n      @if (formFlowInstanceId) {\n        <valtimo-form-flow\n          [formFlowInstanceId]=\"formFlowInstanceId\"\n          (formFlowComplete)=\"formFlowSubmitted($event)\"\n        ></valtimo-form-flow>\n      }\n\n      @if (!formFlowInstanceId && !formDefinition && isAdmin && !isUIComponent) {\n        <div\n          class=\"bg-warning text-black mb-0 p-3 text-center\"\n          [translate]=\"'formManagement.noFormDefinitionFoundAdmin'\"\n        ></div>\n        <div class=\"mb-0 mt-4 p-3 text-center\">\n          <button\n            (click)=\"gotoProcessLinkScreen()\"\n            class=\"btn btn-secondary btn-space\"\n            id=\"process-link-button\"\n            type=\"button\"\n          >\n            {{ 'formManagement.gotoProcessLinksButton' | translate }}\n          </button>\n        </div>\n      }\n\n      @if (!formFlowInstanceId && !formDefinition && !isAdmin && !isUIComponent) {\n        <div\n          class=\"bg-warning text-black mb-0 p-3 text-center\"\n          [translate]=\"'formManagement.noFormDefinitionFoundUser'\"\n        ></div>\n      }\n    </section>\n  </cds-modal>\n</valtimo-render-in-body>\n", styles: [".process-start-modal-content{padding: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: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "directive", type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "ngmodule", type: ProcessLinkModule }, { kind: "component", type: i3$3.FormFlowComponent, selector: "valtimo-form-flow", inputs: ["formIoFormData", "formFlowInstanceId"], outputs: ["formFlowComplete", "formFlowChange"] }, { kind: "ngmodule", type: FormIoModule }, { kind: "component", type: i2$1.FormioComponent, selector: "valtimo-form-io", inputs: ["options", "submission", "form", "readOnly", "errors", "formRefresh$"], outputs: ["submit", "change", "event"] }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "ngmodule", type: DialogModule }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i4$1.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i4$1.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "directive", type: i4$1.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i4$1.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i4$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "component", type: RenderInBodyComponent, selector: "valtimo-render-in-body" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseProcessStartModalComponent, decorators: [{
             type: Component,
@@ -5553,8 +5790,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         ModalModule,
                         LayerModule,
                         RenderInBodyComponent,
-                    ], 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<valtimo-render-in-body>\n  <cds-modal [open]=\"modalOpen$ | async\" size=\"sm\" valtimoCdsModal [minContentHeight]=\"480\">\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCloseSelect()\"\n      ><h3 cdsModalHeaderHeading>\n        {{ modalTitle }}\n      </h3>\n    </cds-modal-header>\n\n    <section cdsModalContent [cdsLayer]=\"1\" class=\"process-start-modal-content\">\n      <ng-template #formViewModelComponent></ng-template>\n\n      <ng-template #formCustomComponent></ng-template>\n\n      @if (formDefinition && !isFormViewModel) {\n        <valtimo-form-io\n          #form\n          [form]=\"formDefinition\"\n          [options]=\"options\"\n          (submit)=\"onSubmit($event)\"\n        >\n        </valtimo-form-io>\n      }\n\n      @if (formFlowInstanceId) {\n        <valtimo-form-flow\n          [formFlowInstanceId]=\"formFlowInstanceId\"\n          (formFlowComplete)=\"formFlowSubmitted($event)\"\n        ></valtimo-form-flow>\n      }\n\n      @if (!formFlowInstanceId && !formDefinition && isAdmin && !isUIComponent) {\n        <div\n          class=\"bg-warning text-black mb-0 p-3 text-center\"\n          [translate]=\"'formManagement.noFormDefinitionFoundAdmin'\"\n        ></div>\n        <div class=\"mb-0 mt-4 p-3 text-center\">\n          <button\n            (click)=\"gotoProcessLinkScreen()\"\n            class=\"btn btn-secondary btn-space\"\n            id=\"process-link-button\"\n            type=\"button\"\n          >\n            {{ 'formManagement.gotoProcessLinksButton' | translate }}\n          </button>\n        </div>\n      }\n\n      @if (!formFlowInstanceId && !formDefinition && !isAdmin && !isUIComponent) {\n        <div\n          class=\"bg-warning text-black mb-0 p-3 text-center\"\n          [translate]=\"'formManagement.noFormDefinitionFoundUser'\"\n        ></div>\n      }\n    </section>\n  </cds-modal>\n</valtimo-render-in-body>\n", styles: [".process-start-modal-content{padding:16px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
-        }], ctorParameters: () => [{ type: i1$2.Router }, { type: i2$3.ProcessService }, { type: i3$3.ProcessLinkService }, { type: i12.UserProviderService }, { type: i2$4.PermissionService }, { type: CaseListService }, { type: StartModalService }, { type: i1.ConfigService }, { type: undefined, decorators: [{
+                    ], 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<valtimo-render-in-body>\n  <cds-modal\n    [open]=\"modalOpen$ | async\"\n    [size]=\"modalSize$ | async\"\n    valtimoCdsModal\n    [minContentHeight]=\"480\"\n  >\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCloseSelect()\"\n      ><h3 cdsModalHeaderHeading>\n        {{ modalTitle }}\n      </h3>\n    </cds-modal-header>\n\n    <section cdsModalContent [cdsLayer]=\"1\" class=\"process-start-modal-content\">\n      <ng-template #formViewModelComponent></ng-template>\n\n      <ng-template #formCustomComponent></ng-template>\n\n      @if (formDefinition && !isFormViewModel) {\n        <valtimo-form-io\n          #form\n          [form]=\"formDefinition\"\n          [options]=\"options\"\n          (submit)=\"onSubmit($event)\"\n        >\n        </valtimo-form-io>\n      }\n\n      @if (formFlowInstanceId) {\n        <valtimo-form-flow\n          [formFlowInstanceId]=\"formFlowInstanceId\"\n          (formFlowComplete)=\"formFlowSubmitted($event)\"\n        ></valtimo-form-flow>\n      }\n\n      @if (!formFlowInstanceId && !formDefinition && isAdmin && !isUIComponent) {\n        <div\n          class=\"bg-warning text-black mb-0 p-3 text-center\"\n          [translate]=\"'formManagement.noFormDefinitionFoundAdmin'\"\n        ></div>\n        <div class=\"mb-0 mt-4 p-3 text-center\">\n          <button\n            (click)=\"gotoProcessLinkScreen()\"\n            class=\"btn btn-secondary btn-space\"\n            id=\"process-link-button\"\n            type=\"button\"\n          >\n            {{ 'formManagement.gotoProcessLinksButton' | translate }}\n          </button>\n        </div>\n      }\n\n      @if (!formFlowInstanceId && !formDefinition && !isAdmin && !isUIComponent) {\n        <div\n          class=\"bg-warning text-black mb-0 p-3 text-center\"\n          [translate]=\"'formManagement.noFormDefinitionFoundUser'\"\n        ></div>\n      }\n    </section>\n  </cds-modal>\n</valtimo-render-in-body>\n", styles: [".process-start-modal-content{padding:16px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+        }], ctorParameters: () => [{ type: i1$2.Router }, { type: i2$2.ProcessService }, { type: i3$3.ProcessLinkService }, { type: i12.UserProviderService }, { type: i2$3.PermissionService }, { type: CaseListService }, { type: StartModalService }, { type: i1.ConfigService }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
@@ -5693,7 +5930,7 @@ class CaseListActionsComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseListActionsComponent, deps: [{ token: i2.DocumentService }, { token: CaseListService }, { token: i1.GlobalNotificationService }, { token: i1$2.Router }, { token: i4.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseListActionsComponent, isStandalone: true, selector: "valtimo-case-list-actions", inputs: { loading: "loading", navigateAfterSubmit: "navigateAfterSubmit" }, outputs: { formFlowComplete: "formFlowComplete", startButtonDisableEvent: "startButtonDisableEvent" }, viewQueries: [{ propertyName: "processStart", first: true, predicate: ["processStartModal"], 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-render-in-body>\n  <cds-modal\n    valtimoCdsModal\n    [open]=\"startSelectionModalOpen$ | async\"\n    size=\"xs\"\n    *ngIf=\"{\n      associatedProcessDocumentDefinitions: associatedProcessDocumentDefinitions$ | async,\n      caseSettings: caseSettings$ | async,\n    } as obs\"\n  >\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCloseSelect()\"\n      ><h3 cdsModalHeaderHeading>\n        {{ 'dashboard.startProcess.title' | translate }}\n      </h3>\n    </cds-modal-header>\n\n    <section cdsModalContent class=\"start-modal-content\" [cdsLayer]=\"1\">\n      <cds-clickable-tile\n        *ngIf=\"obs.caseSettings?.hasExternalStartForm\"\n        (click)=\"openExternalCaseStartForm(true)\"\n      >\n        {{ obs?.caseSettings.externalStartFormDescription || '-' }}\n      </cds-clickable-tile>\n\n      <cds-clickable-tile\n        *ngFor=\"let processDocumentDefinition of obs.associatedProcessDocumentDefinitions\"\n        (click)=\"selectProcess(processDocumentDefinition)\"\n      >\n        {{ processDocumentDefinition.processDefinitionName }}\n      </cds-clickable-tile>\n    </section>\n  </cds-modal>\n</valtimo-render-in-body>\n\n<valtimo-case-process-start-modal\n  #processStartModal\n  [navigateAfterSubmit]=\"navigateAfterSubmit\"\n  (formFlowComplete)=\"onFormFlowComplete()\"\n  (noProcessLinked)=\"onNoProcessLinked($event)\"\n></valtimo-case-process-start-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: "ngmodule", type: CommonModule }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: DialogModule }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i2$2.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i2$2.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "directive", type: i2$2.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i2$2.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "ngmodule", type: TilesModule }, { kind: "component", type: i2$2.ClickableTile, selector: "cds-clickable-tile, ibm-clickable-tile", inputs: ["theme", "href", "target", "rel", "disabled", "route", "routeExtras"], outputs: ["navigation"] }, { kind: "component", type: CaseProcessStartModalComponent, selector: "valtimo-case-process-start-modal", inputs: ["navigateAfterSubmit"], outputs: ["formFlowComplete", "noProcessLinked"] }, { kind: "component", type: RenderInBodyComponent, selector: "valtimo-render-in-body" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseListActionsComponent, isStandalone: true, selector: "valtimo-case-list-actions", inputs: { loading: "loading", navigateAfterSubmit: "navigateAfterSubmit" }, outputs: { formFlowComplete: "formFlowComplete", startButtonDisableEvent: "startButtonDisableEvent" }, viewQueries: [{ propertyName: "processStart", first: true, predicate: ["processStartModal"], 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-render-in-body>\n  <cds-modal\n    valtimoCdsModal\n    [open]=\"startSelectionModalOpen$ | async\"\n    size=\"xs\"\n    *ngIf=\"{\n      associatedProcessDocumentDefinitions: associatedProcessDocumentDefinitions$ | async,\n      caseSettings: caseSettings$ | async,\n    } as obs\"\n  >\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCloseSelect()\"\n      ><h3 cdsModalHeaderHeading>\n        {{ 'dashboard.startProcess.title' | translate }}\n      </h3>\n    </cds-modal-header>\n\n    <section cdsModalContent class=\"start-modal-content\" [cdsLayer]=\"1\">\n      <cds-clickable-tile\n        *ngIf=\"obs.caseSettings?.hasExternalStartForm\"\n        (click)=\"openExternalCaseStartForm(true)\"\n      >\n        {{ obs?.caseSettings.externalStartFormDescription || '-' }}\n      </cds-clickable-tile>\n\n      <cds-clickable-tile\n        *ngFor=\"let processDocumentDefinition of obs.associatedProcessDocumentDefinitions\"\n        (click)=\"selectProcess(processDocumentDefinition)\"\n      >\n        {{ processDocumentDefinition.processDefinitionName }}\n      </cds-clickable-tile>\n    </section>\n  </cds-modal>\n</valtimo-render-in-body>\n\n<valtimo-case-process-start-modal\n  #processStartModal\n  [navigateAfterSubmit]=\"navigateAfterSubmit\"\n  (formFlowComplete)=\"onFormFlowComplete()\"\n  (noProcessLinked)=\"onNoProcessLinked($event)\"\n></valtimo-case-process-start-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: "ngmodule", type: CommonModule }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: DialogModule }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i4$1.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i4$1.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "directive", type: i4$1.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i4$1.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "ngmodule", type: TilesModule }, { kind: "component", type: i4$1.ClickableTile, selector: "cds-clickable-tile, ibm-clickable-tile", inputs: ["theme", "href", "target", "rel", "disabled", "route", "routeExtras"], outputs: ["navigation"] }, { kind: "component", type: CaseProcessStartModalComponent, selector: "valtimo-case-process-start-modal", inputs: ["navigateAfterSubmit"], outputs: ["formFlowComplete", "noProcessLinked"] }, { kind: "component", type: RenderInBodyComponent, selector: "valtimo-render-in-body" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseListActionsComponent, decorators: [{
             type: Component,
@@ -5783,7 +6020,7 @@ class CaseListTabsComponent {
         this.tabChangeEvent.emit(tab);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseListTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseListTabsComponent, isStandalone: false, selector: "valtimo-case-list-tabs", inputs: { assigneeFilter: "assigneeFilter", selectedRowCount: "selectedRowCount", visibleTabs: "visibleTabs" }, outputs: { tabChangeEvent: "tabChangeEvent" }, viewQueries: [{ propertyName: "tabsComponent", first: true, predicate: Tabs, 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 *ngIf=\"!visibleTabs; else configuredTabs\">\n  <cds-tabs type=\"contained\" class=\"case-list-tabs\">\n    <cds-tab\n      *ngFor=\"let tab of defaultTabs; trackBy: trackByIndex\"\n      [active]=\"assigneeFilter === tab\"\n      heading=\"{{ 'case.tabs.' + tab | translate }}\"\n      [id]=\"tab\"\n      (selected)=\"tabChange(tab)\"\n    ></cds-tab>\n  </cds-tabs>\n</ng-container>\n\n<ng-template #configuredTabs>\n  <cds-tabs type=\"contained\" class=\"case-list-tabs\">\n    <cds-tab\n      *ngFor=\"let tab of visibleTabs; trackBy: trackByIndex\"\n      [active]=\"assigneeFilter === tab\"\n      heading=\"{{ 'case.tabs.' + tab | translate }}\"\n      [id]=\"tab\"\n      (selected)=\"tabChange(tab)\"\n    ></cds-tab>\n  </cds-tabs>\n</ng-template>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"case.changeTabModal.confirm\"\n  contentTranslationKey=\"case.changeTabModal.content\"\n  [outputOnConfirm]=\"tabChange$ | async\"\n  [showModalSubject$]=\"showChangeTabModal$\"\n  titleTranslationKey=\"case.changeTabModal.title\"\n  (cancelEvent)=\"onChangeTabCancel()\"\n  (confirmEvent)=\"onChangeTabConfirm($event)\"\n></valtimo-confirmation-modal>\n", styles: [".case-list-tabs cds-tab{display:none}\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: "component", type: i2$1.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$2.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i2$2.Tab, selector: "cds-tab, ibm-tab", inputs: ["heading", "title", "context", "active", "disabled", "tabIndex", "id", "cacheActive", "tabContent", "templateContext"], outputs: ["selected"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseListTabsComponent, isStandalone: false, selector: "valtimo-case-list-tabs", inputs: { assigneeFilter: "assigneeFilter", selectedRowCount: "selectedRowCount", visibleTabs: "visibleTabs" }, outputs: { tabChangeEvent: "tabChangeEvent" }, viewQueries: [{ propertyName: "tabsComponent", first: true, predicate: Tabs, 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 *ngIf=\"!visibleTabs; else configuredTabs\">\n  <cds-tabs type=\"contained\" class=\"case-list-tabs\">\n    <cds-tab\n      *ngFor=\"let tab of defaultTabs; trackBy: trackByIndex\"\n      [active]=\"assigneeFilter === tab\"\n      heading=\"{{ 'case.tabs.' + tab | translate }}\"\n      [id]=\"tab\"\n      (selected)=\"tabChange(tab)\"\n    ></cds-tab>\n  </cds-tabs>\n</ng-container>\n\n<ng-template #configuredTabs>\n  <cds-tabs type=\"contained\" class=\"case-list-tabs\">\n    <cds-tab\n      *ngFor=\"let tab of visibleTabs; trackBy: trackByIndex\"\n      [active]=\"assigneeFilter === tab\"\n      heading=\"{{ 'case.tabs.' + tab | translate }}\"\n      [id]=\"tab\"\n      (selected)=\"tabChange(tab)\"\n    ></cds-tab>\n  </cds-tabs>\n</ng-template>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"case.changeTabModal.confirm\"\n  contentTranslationKey=\"case.changeTabModal.content\"\n  [outputOnConfirm]=\"tabChange$ | async\"\n  [showModalSubject$]=\"showChangeTabModal$\"\n  titleTranslationKey=\"case.changeTabModal.title\"\n  (cancelEvent)=\"onChangeTabCancel()\"\n  (confirmEvent)=\"onChangeTabConfirm($event)\"\n></valtimo-confirmation-modal>\n", styles: [".case-list-tabs cds-tab{display:none}\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: "component", type: i2$1.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: i4$1.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i4$1.Tab, selector: "cds-tab, ibm-tab", inputs: ["heading", "title", "context", "active", "disabled", "tabIndex", "id", "cacheActive", "tabContent", "templateContext"], outputs: ["selected"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseListTabsComponent, decorators: [{
             type: Component,
@@ -5831,7 +6068,7 @@ class CaseListToolbarComponent {
         this.viewUpdateEvent = new EventEmitter();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseListToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseListToolbarComponent, isStandalone: false, selector: "valtimo-case-list-toolbar", inputs: { availableFields: "availableFields", canCreate: "canCreate", canExport: "canExport", disableExport: "disableExport", disableStart: "disableStart", hasApiColumnConfig: "hasApiColumnConfig", hiddenColumns: "hiddenColumns", loadingExport: "loadingExport" }, outputs: { exportEvent: "exportEvent", startCaseEvent: "startCaseEvent", viewUpdateEvent: "viewUpdateEvent" }, 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 class=\"case-list-toolbar\">\n  <valtimo-list-column-view\n    [availableFields]=\"availableFields\"\n    [disabled]=\"!hasApiColumnConfig\"\n    [hiddenColumns]=\"hiddenColumns\"\n    (viewUpdateEvent)=\"viewUpdateEvent.emit($event)\"\n  ></valtimo-list-column-view>\n\n  <cds-tooltip *ngIf=\"canExport\" [description]=\"'case.exportButtonTooltip' | translate\">\n    <cds-loading *ngIf=\"loadingExport\" size=\"sm\" class=\"loading-spinner\"></cds-loading>\n\n    <button\n      *ngIf=\"!loadingExport\"\n      data-testid=\"case-list-export-button\"\n      cdsButton=\"ghost\"\n      iconOnly=\"true\"\n      (click)=\"exportEvent.emit()\"\n      [disabled]=\"disableExport\"\n    >\n      <svg cdsIcon=\"download\" size=\"16\"></svg>\n    </button>\n  </cds-tooltip>\n\n  <button\n    *ngIf=\"canCreate\"\n    cdsButton=\"primary\"\n    [disabled]=\"disableStart\"\n    (click)=\"startCaseEvent.emit()\"\n  >\n    {{ 'Start Case' | translate }}\n\n    <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n  </button>\n</div>\n", styles: [".case-list-toolbar{display:flex}.loading-spinner{margin:24px 24px 0 10px}\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: "component", type: i2$2.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "directive", type: i2$2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i2$2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i2$2.Tooltip, selector: "cds-tooltip, ibm-tooltip", inputs: ["id", "enterDelayMs", "leaveDelayMs", "disabled", "description", "templateContext"] }, { kind: "component", type: i2$1.ListColumnViewComponent, selector: "valtimo-list-column-view", inputs: ["availableFields", "hiddenColumns", "disabled"], outputs: ["viewUpdateEvent"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseListToolbarComponent, isStandalone: false, selector: "valtimo-case-list-toolbar", inputs: { availableFields: "availableFields", canCreate: "canCreate", canExport: "canExport", disableExport: "disableExport", disableStart: "disableStart", hasApiColumnConfig: "hasApiColumnConfig", hiddenColumns: "hiddenColumns", loadingExport: "loadingExport" }, outputs: { exportEvent: "exportEvent", startCaseEvent: "startCaseEvent", viewUpdateEvent: "viewUpdateEvent" }, 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 class=\"case-list-toolbar\">\n  <valtimo-list-column-view\n    [availableFields]=\"availableFields\"\n    [disabled]=\"!hasApiColumnConfig\"\n    [hiddenColumns]=\"hiddenColumns\"\n    (viewUpdateEvent)=\"viewUpdateEvent.emit($event)\"\n  ></valtimo-list-column-view>\n\n  <cds-tooltip *ngIf=\"canExport\" [description]=\"'case.exportButtonTooltip' | translate\">\n    <cds-loading *ngIf=\"loadingExport\" size=\"sm\" class=\"loading-spinner\"></cds-loading>\n\n    <button\n      *ngIf=\"!loadingExport\"\n      data-testid=\"case-list-export-button\"\n      cdsButton=\"ghost\"\n      iconOnly=\"true\"\n      (click)=\"exportEvent.emit()\"\n      [disabled]=\"disableExport\"\n    >\n      <svg cdsIcon=\"download\" size=\"16\"></svg>\n    </button>\n  </cds-tooltip>\n\n  <button\n    *ngIf=\"canCreate\"\n    cdsButton=\"primary\"\n    [disabled]=\"disableStart\"\n    (click)=\"startCaseEvent.emit()\"\n  >\n    {{ 'Start Case' | translate }}\n\n    <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n  </button>\n</div>\n", styles: [".case-list-toolbar{display:flex}.loading-spinner{margin:24px 24px 0 10px}\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: "component", type: i4$1.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "directive", type: i4$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i4$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i4$1.Tooltip, selector: "cds-tooltip, ibm-tooltip", inputs: ["id", "enterDelayMs", "leaveDelayMs", "disabled", "description", "templateContext"] }, { kind: "component", type: i2$1.ListColumnViewComponent, selector: "valtimo-list-column-view", inputs: ["availableFields", "hiddenColumns", "disabled"], outputs: ["viewUpdateEvent"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseListToolbarComponent, decorators: [{
             type: Component,
@@ -6099,7 +6336,7 @@ class CaseListComponent {
                 provide: QUICK_SEARCH_SERVICE,
                 useClass: CaseListQuickSearchService,
             },
-        ], viewQueries: [{ propertyName: "carbonList", first: true, predicate: CarbonListComponent, descendants: true }, { propertyName: "listActionsComponent", first: true, predicate: CaseListActionsComponent, descendants: true }, { propertyName: "tabsComponent", first: true, predicate: CaseListTabsComponent, 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    availableFields: orchestration.availableFields$ | async,\n    fields: orchestration.fields$ | async,\n    documentItems: orchestration.documentItems$ | async,\n    noResultsMessage: orchestration.noResultsMessage$ | async,\n    hasApiColumnConfig: orchestration.hasApiColumnConfig$ | async,\n    searchFields: orchestration.searchFields$ | async,\n    schema: orchestration.schema$ | async,\n    showAssignModal: showAssignModal$ | async,\n    selectedCaseIds: selectedCaseIds$ | async,\n    statuses: orchestration.statuses$ | async,\n    caseTags: orchestration.caseTags$ | async,\n    selectedStatusKeys: orchestration.selectedStatusKeys$ | async,\n    selectedCaseTagKeys: orchestration.selectedCaseTagKeys$ | async,\n    showStatusSelector: orchestration.showStatusSelector$ | async,\n    showCaseTagsSelector: orchestration.showCaseTagsSelector$ | async,\n    loaded: orchestration.loaded$ | async,\n    canCreate: orchestration.canCreateCase$ | async,\n    canExport: orchestration.canExportCase$ | async,\n    disableExport: orchestration.disableExportButton$ | async,\n    disableSaveSearch: orchestration.disableSaveSearch$ | async,\n    assigneeFilter: orchestration.assigneeFilter$ | async,\n    hiddenColumns: orchestration.hiddenColumns$ | async,\n    disableStartButton: disableStartButton$ | async,\n  } as obs\"\n>\n  <valtimo-case-list-actions\n    [loading]=\"!obs.loaded\"\n    (formFlowComplete)=\"forceRefresh()\"\n    (startButtonDisableEvent)=\"onStartButtonDisableEvent($event)\"\n  ></valtimo-case-list-actions>\n\n  <ng-container *ngTemplateOutlet=\"searchFields; context: {obs: obs}\"></ng-container>\n\n  <valtimo-quick-search (quickSearchEvent)=\"onQuickSearchEvent($event)\"></valtimo-quick-search>\n\n  <ng-container *ngIf=\"obs.loaded; else loading\">\n    <ng-container *ngTemplateOutlet=\"list; context: {obs: obs}\"></ng-container>\n  </ng-container>\n\n  <ng-container *ngTemplateOutlet=\"bulkAssignModal; context: {obs: obs}\"></ng-container>\n\n  <ng-container *ngTemplateOutlet=\"changePageModal\"></ng-container>\n</ng-container>\n\n<ng-template #searchFields let-obs=\"obs\">\n  <valtimo-search-fields\n    [disableSaveSearch]=\"obs.disableSaveSearch\"\n    [canSaveSearch]=\"true\"\n    [searchFields]=\"obs.searchFields\"\n    [caseDefinitionKey]=\"orchestration.caseDefinitionKey$ | async\"\n    [defaultValues]=\"orchestration.searchFieldValues$ | async\"\n    [inputDisabled]=\"!obs.loaded\"\n    [externalSearchField]=\"obs.showStatusSelector\"\n    (clearEvent)=\"onClearEvent()\"\n    (doSearch)=\"search($event)\"\n    (saveSearchEvent)=\"onSaveSearchEvent($event)\"\n  >\n    <valtimo-status-selector\n      *ngIf=\"obs.showStatusSelector\"\n      [statuses]=\"obs.statuses\"\n      [selectedStatusKeys]=\"obs.selectedStatusKeys\"\n      [disabled]=\"!obs.loaded\"\n      (selectedStatusesChangeEvent)=\"onSelectedStatusesChange($event)\"\n    ></valtimo-status-selector>\n\n    <valtimo-case-tags-selector\n      *ngIf=\"obs.showCaseTagsSelector\"\n      [caseTags]=\"obs.caseTags\"\n      [selectedCaseTagKeys]=\"obs.selectedCaseTagKeys\"\n      [disabled]=\"!obs.loaded\"\n      (selectedCaseTagsChangeEvent)=\"onSelectedCaseTagsChange($event)\"\n    ></valtimo-case-tags-selector>\n  </valtimo-search-fields>\n</ng-template>\n\n<ng-template #list let-obs=\"obs\">\n  <valtimo-carbon-list\n    [fields]=\"obs.fields\"\n    [header]=\"false\"\n    [initialSortState]=\"pagination.sort\"\n    [items]=\"obs.documentItems\"\n    [pagination]=\"pagination\"\n\n    lockedTooltipTranslationKey=\"case.rowLocked\"\n    [showSelectionColumn]=\"canHaveAssignee\"\n    [tableTranslations]=\"tableTranslations\"\n    (paginationClicked)=\"pageChange($event)\"\n    (paginationSet)=\"pageSizeChange($event)\"\n    (rowClicked)=\"rowClick($event)\"\n    (sortChanged)=\"sortChanged($event)\"\n  >\n    <ng-container carbonToolbarActions>\n      <button cdsButton=\"primary\" (click)=\"showAssignModal()\">\n        {{ 'case.bulkAssign.assign' | translate }}\n      </button>\n    </ng-container>\n\n    <div carbonToolbarContent>\n      <valtimo-case-list-toolbar\n        [availableFields]=\"obs.availableFields\"\n        [canCreate]=\"obs.canCreate\"\n        [canExport]=\"obs.canExport\"\n        [disableExport]=\"obs.disableExport\"\n        [disableStart]=\"obs.disableStartButton\"\n        [hasApiColumnConfig]=\"obs.hasApiColumnConfig\"\n        [hiddenColumns]=\"obs.hiddenColumns\"\n        [loadingExport]=\"loadingExport\"\n        (exportEvent)=\"export()\"\n        (startCaseEvent)=\"startCase()\"\n        (viewUpdateEvent)=\"onViewUpdateEvent($event)\"\n      ></valtimo-case-list-toolbar>\n    </div>\n\n    <valtimo-no-results\n      [action]=\"obs.noResultsMessage.isSearchResult ? null : caseListActionsNoResult\"\n      [description]=\"obs.noResultsMessage.description | translate\"\n      [title]=\"obs.noResultsMessage.title | translate\"\n    ></valtimo-no-results>\n\n    <div tabs *ngIf=\"canHaveAssignee\">\n      <valtimo-case-list-tabs\n        [assigneeFilter]=\"obs.assigneeFilter\"\n        [selectedRowCount]=\"carbonList?.model?.selectedRowsCount() ?? 0\"\n        [visibleTabs]=\"visibleCaseTabs\"\n        (tabChangeEvent)=\"onTabChange($event)\"\n      ></valtimo-case-list-tabs>\n    </div>\n  </valtimo-carbon-list>\n</ng-template>\n\n<ng-template #loading>\n  <valtimo-carbon-list [loading]=\"true\">\n    <div tabs *ngIf=\"canHaveAssignee\">\n      <valtimo-case-list-tabs\n        [assigneeFilter]=\"orchestration.assigneeFilter$ | async\"\n        [selectedRowCount]=\"0\"\n        [visibleTabs]=\"visibleCaseTabs\"\n        (tabChangeEvent)=\"onTabChange($event)\"\n      ></valtimo-case-list-tabs>\n    </div>\n  </valtimo-carbon-list>\n</ng-template>\n\n<ng-template #bulkAssignModal let-obs=\"obs\">\n  <valtimo-case-bulk-assign-modal\n    [documentIds]=\"obs.selectedCaseIds\"\n    [open]=\"obs.showAssignModal\"\n    (closeEvent)=\"onCloseEvent($event)\"\n  ></valtimo-case-bulk-assign-modal>\n</ng-template>\n\n<ng-template #changePageModal>\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"case.changePageModal.confirm\"\n    contentTranslationKey=\"case.changePageModal.content\"\n    [outputOnConfirm]=\"paginationChange$ | async\"\n    [showModalSubject$]=\"showChangePageModal$\"\n    titleTranslationKey=\"case.changePageModal.title\"\n    (confirmEvent)=\"onChangePageConfirm($event)\"\n  ></valtimo-confirmation-modal>\n</ng-template>\n\n<ng-template #caseListActionsNoResult>\n  <button\n    *ngIf=\"orchestration.canCreateCase$ | async\"\n    cdsButton=\"primary\"\n    [disabled]=\"disableStartButton$ | async\"\n    (click)=\"startCase()\"\n  >\n    {{ 'Start Case' | translate }}\n\n    <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n  </button>\n</ng-template>\n", styles: [":host{display:flex;flex-direction:column;gap:16px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "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$1.SearchFieldsComponent, selector: "valtimo-search-fields", inputs: ["loading", "searchFields", "caseDefinitionKey", "setValuesSubject$", "clearValuesSubject$", "defaultValues", "disableSaveSearch", "inputDisabled", "externalSearchField", "canSaveSearch"], outputs: ["doSearch", "saveSearchEvent", "clearEvent"] }, { kind: "directive", type: i2$2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i2$2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i2$1.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$1.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: i2$1.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "component", type: i2$1.StatusSelectorComponent, selector: "valtimo-status-selector", inputs: ["statuses", "selectedStatusKeys", "carbonTheme", "disabled"], outputs: ["selectedStatusesChangeEvent"] }, { kind: "component", type: i2$1.CaseTagsSelectorComponent, selector: "valtimo-case-tags-selector", inputs: ["caseTags", "selectedCaseTagKeys", "carbonTheme", "disabled"], outputs: ["selectedCaseTagsChangeEvent"] }, { kind: "component", type: i2$1.QuickSearchComponent, selector: "valtimo-quick-search", outputs: ["quickSearchEvent"] }, { kind: "component", type: CaseListActionsComponent, selector: "valtimo-case-list-actions", inputs: ["loading", "navigateAfterSubmit"], outputs: ["formFlowComplete", "startButtonDisableEvent"] }, { kind: "component", type: CaseBulkAssignModalComponent, selector: "valtimo-case-bulk-assign-modal", inputs: ["documentIds", "open"], outputs: ["closeEvent"] }, { kind: "component", type: CaseListTabsComponent, selector: "valtimo-case-list-tabs", inputs: ["assigneeFilter", "selectedRowCount", "visibleTabs"], outputs: ["tabChangeEvent"] }, { kind: "component", type: CaseListToolbarComponent, selector: "valtimo-case-list-toolbar", inputs: ["availableFields", "canCreate", "canExport", "disableExport", "disableStart", "hasApiColumnConfig", "hiddenColumns", "loadingExport"], outputs: ["exportEvent", "startCaseEvent", "viewUpdateEvent"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
+        ], viewQueries: [{ propertyName: "carbonList", first: true, predicate: CarbonListComponent, descendants: true }, { propertyName: "listActionsComponent", first: true, predicate: CaseListActionsComponent, descendants: true }, { propertyName: "tabsComponent", first: true, predicate: CaseListTabsComponent, 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    availableFields: orchestration.availableFields$ | async,\n    fields: orchestration.fields$ | async,\n    documentItems: orchestration.documentItems$ | async,\n    noResultsMessage: orchestration.noResultsMessage$ | async,\n    hasApiColumnConfig: orchestration.hasApiColumnConfig$ | async,\n    searchFields: orchestration.searchFields$ | async,\n    schema: orchestration.schema$ | async,\n    showAssignModal: showAssignModal$ | async,\n    selectedCaseIds: selectedCaseIds$ | async,\n    statuses: orchestration.statuses$ | async,\n    caseTags: orchestration.caseTags$ | async,\n    selectedStatusKeys: orchestration.selectedStatusKeys$ | async,\n    selectedCaseTagKeys: orchestration.selectedCaseTagKeys$ | async,\n    showStatusSelector: orchestration.showStatusSelector$ | async,\n    showCaseTagsSelector: orchestration.showCaseTagsSelector$ | async,\n    loaded: orchestration.loaded$ | async,\n    canCreate: orchestration.canCreateCase$ | async,\n    canExport: orchestration.canExportCase$ | async,\n    disableExport: orchestration.disableExportButton$ | async,\n    disableSaveSearch: orchestration.disableSaveSearch$ | async,\n    assigneeFilter: orchestration.assigneeFilter$ | async,\n    hiddenColumns: orchestration.hiddenColumns$ | async,\n    disableStartButton: disableStartButton$ | async,\n  } as obs\"\n>\n  <valtimo-case-list-actions\n    [loading]=\"!obs.loaded\"\n    (formFlowComplete)=\"forceRefresh()\"\n    (startButtonDisableEvent)=\"onStartButtonDisableEvent($event)\"\n  ></valtimo-case-list-actions>\n\n  <ng-container *ngTemplateOutlet=\"searchFields; context: {obs: obs}\"></ng-container>\n\n  <valtimo-quick-search (quickSearchEvent)=\"onQuickSearchEvent($event)\"></valtimo-quick-search>\n\n  <ng-container *ngIf=\"obs.loaded; else loading\">\n    <ng-container *ngTemplateOutlet=\"list; context: {obs: obs}\"></ng-container>\n  </ng-container>\n\n  <ng-container *ngTemplateOutlet=\"bulkAssignModal; context: {obs: obs}\"></ng-container>\n\n  <ng-container *ngTemplateOutlet=\"changePageModal\"></ng-container>\n</ng-container>\n\n<ng-template #searchFields let-obs=\"obs\">\n  <valtimo-search-fields\n    [disableSaveSearch]=\"obs.disableSaveSearch\"\n    [canSaveSearch]=\"true\"\n    [searchFields]=\"obs.searchFields\"\n    [caseDefinitionKey]=\"orchestration.caseDefinitionKey$ | async\"\n    [defaultValues]=\"orchestration.searchFieldValues$ | async\"\n    [inputDisabled]=\"!obs.loaded\"\n    [externalSearchField]=\"obs.showStatusSelector\"\n    (clearEvent)=\"onClearEvent()\"\n    (doSearch)=\"search($event)\"\n    (saveSearchEvent)=\"onSaveSearchEvent($event)\"\n  >\n    <valtimo-status-selector\n      *ngIf=\"obs.showStatusSelector\"\n      [statuses]=\"obs.statuses\"\n      [selectedStatusKeys]=\"obs.selectedStatusKeys\"\n      [disabled]=\"!obs.loaded\"\n      (selectedStatusesChangeEvent)=\"onSelectedStatusesChange($event)\"\n    ></valtimo-status-selector>\n\n    <valtimo-case-tags-selector\n      *ngIf=\"obs.showCaseTagsSelector\"\n      [caseTags]=\"obs.caseTags\"\n      [selectedCaseTagKeys]=\"obs.selectedCaseTagKeys\"\n      [disabled]=\"!obs.loaded\"\n      (selectedCaseTagsChangeEvent)=\"onSelectedCaseTagsChange($event)\"\n    ></valtimo-case-tags-selector>\n  </valtimo-search-fields>\n</ng-template>\n\n<ng-template #list let-obs=\"obs\">\n  <valtimo-carbon-list\n    [fields]=\"obs.fields\"\n    [header]=\"false\"\n    [initialSortState]=\"pagination.sort\"\n    [items]=\"obs.documentItems\"\n    [pagination]=\"pagination\"\n\n    lockedTooltipTranslationKey=\"case.rowLocked\"\n    [showSelectionColumn]=\"canHaveAssignee\"\n    [tableTranslations]=\"tableTranslations\"\n    (paginationClicked)=\"pageChange($event)\"\n    (paginationSet)=\"pageSizeChange($event)\"\n    (rowClicked)=\"rowClick($event)\"\n    (sortChanged)=\"sortChanged($event)\"\n  >\n    <ng-container carbonToolbarActions>\n      <button cdsButton=\"primary\" (click)=\"showAssignModal()\">\n        {{ 'case.bulkAssign.assign' | translate }}\n      </button>\n    </ng-container>\n\n    <div carbonToolbarContent>\n      <valtimo-case-list-toolbar\n        [availableFields]=\"obs.availableFields\"\n        [canCreate]=\"obs.canCreate\"\n        [canExport]=\"obs.canExport\"\n        [disableExport]=\"obs.disableExport\"\n        [disableStart]=\"obs.disableStartButton\"\n        [hasApiColumnConfig]=\"obs.hasApiColumnConfig\"\n        [hiddenColumns]=\"obs.hiddenColumns\"\n        [loadingExport]=\"loadingExport\"\n        (exportEvent)=\"export()\"\n        (startCaseEvent)=\"startCase()\"\n        (viewUpdateEvent)=\"onViewUpdateEvent($event)\"\n      ></valtimo-case-list-toolbar>\n    </div>\n\n    <valtimo-no-results\n      [action]=\"obs.noResultsMessage.isSearchResult ? null : caseListActionsNoResult\"\n      [description]=\"obs.noResultsMessage.description | translate\"\n      [title]=\"obs.noResultsMessage.title | translate\"\n    ></valtimo-no-results>\n\n    <div tabs *ngIf=\"canHaveAssignee\">\n      <valtimo-case-list-tabs\n        [assigneeFilter]=\"obs.assigneeFilter\"\n        [selectedRowCount]=\"carbonList?.model?.selectedRowsCount() ?? 0\"\n        [visibleTabs]=\"visibleCaseTabs\"\n        (tabChangeEvent)=\"onTabChange($event)\"\n      ></valtimo-case-list-tabs>\n    </div>\n  </valtimo-carbon-list>\n</ng-template>\n\n<ng-template #loading>\n  <valtimo-carbon-list [loading]=\"true\">\n    <div tabs *ngIf=\"canHaveAssignee\">\n      <valtimo-case-list-tabs\n        [assigneeFilter]=\"orchestration.assigneeFilter$ | async\"\n        [selectedRowCount]=\"0\"\n        [visibleTabs]=\"visibleCaseTabs\"\n        (tabChangeEvent)=\"onTabChange($event)\"\n      ></valtimo-case-list-tabs>\n    </div>\n  </valtimo-carbon-list>\n</ng-template>\n\n<ng-template #bulkAssignModal let-obs=\"obs\">\n  <valtimo-case-bulk-assign-modal\n    [documentIds]=\"obs.selectedCaseIds\"\n    [open]=\"obs.showAssignModal\"\n    (closeEvent)=\"onCloseEvent($event)\"\n  ></valtimo-case-bulk-assign-modal>\n</ng-template>\n\n<ng-template #changePageModal>\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"case.changePageModal.confirm\"\n    contentTranslationKey=\"case.changePageModal.content\"\n    [outputOnConfirm]=\"paginationChange$ | async\"\n    [showModalSubject$]=\"showChangePageModal$\"\n    titleTranslationKey=\"case.changePageModal.title\"\n    (confirmEvent)=\"onChangePageConfirm($event)\"\n  ></valtimo-confirmation-modal>\n</ng-template>\n\n<ng-template #caseListActionsNoResult>\n  <button\n    *ngIf=\"orchestration.canCreateCase$ | async\"\n    cdsButton=\"primary\"\n    [disabled]=\"disableStartButton$ | async\"\n    (click)=\"startCase()\"\n  >\n    {{ 'Start Case' | translate }}\n\n    <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n  </button>\n</ng-template>\n", styles: [":host{display:flex;flex-direction:column;gap:16px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "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$1.SearchFieldsComponent, selector: "valtimo-search-fields", inputs: ["loading", "searchFields", "caseDefinitionKey", "setValuesSubject$", "clearValuesSubject$", "defaultValues", "disableSaveSearch", "inputDisabled", "externalSearchField", "canSaveSearch"], outputs: ["doSearch", "saveSearchEvent", "clearEvent"] }, { kind: "directive", type: i4$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i4$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i2$1.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$1.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: i2$1.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "component", type: i2$1.StatusSelectorComponent, selector: "valtimo-status-selector", inputs: ["statuses", "selectedStatusKeys", "carbonTheme", "disabled"], outputs: ["selectedStatusesChangeEvent"] }, { kind: "component", type: i2$1.CaseTagsSelectorComponent, selector: "valtimo-case-tags-selector", inputs: ["caseTags", "selectedCaseTagKeys", "carbonTheme", "disabled"], outputs: ["selectedCaseTagsChangeEvent"] }, { kind: "component", type: i2$1.QuickSearchComponent, selector: "valtimo-quick-search", outputs: ["quickSearchEvent"] }, { kind: "component", type: CaseListActionsComponent, selector: "valtimo-case-list-actions", inputs: ["loading", "navigateAfterSubmit"], outputs: ["formFlowComplete", "startButtonDisableEvent"] }, { kind: "component", type: CaseBulkAssignModalComponent, selector: "valtimo-case-bulk-assign-modal", inputs: ["documentIds", "open"], outputs: ["closeEvent"] }, { kind: "component", type: CaseListTabsComponent, selector: "valtimo-case-list-tabs", inputs: ["assigneeFilter", "selectedRowCount", "visibleTabs"], outputs: ["tabChangeEvent"] }, { kind: "component", type: CaseListToolbarComponent, selector: "valtimo-case-list-toolbar", inputs: ["availableFields", "canCreate", "canExport", "disableExport", "disableStart", "hasApiColumnConfig", "hiddenColumns", "loadingExport"], outputs: ["exportEvent", "startCaseEvent", "viewUpdateEvent"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseListComponent, decorators: [{
             type: Component,
@@ -6244,134 +6481,1466 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-const ALL_CASES_ID = 'ALL_CASES';
-class GenericCaseListComponent {
-    constructor(assigneeService, breadcrumbService, bulkAssignService, caseExportService, caseListCaseTagService, listService, pageTitleService, paginationService, parameterService, quickSearchStateService, router, searchService, statusService, caseListQuickSearchService, configService, teamsApiService, documentService, translateService) {
-        this.assigneeService = assigneeService;
-        this.breadcrumbService = breadcrumbService;
-        this.bulkAssignService = bulkAssignService;
-        this.caseExportService = caseExportService;
-        this.caseListCaseTagService = caseListCaseTagService;
-        this.listService = listService;
-        this.pageTitleService = pageTitleService;
-        this.paginationService = paginationService;
-        this.parameterService = parameterService;
-        this.quickSearchStateService = quickSearchStateService;
-        this.router = router;
-        this.searchService = searchService;
-        this.statusService = statusService;
-        this.caseListQuickSearchService = caseListQuickSearchService;
-        this.configService = configService;
-        this.teamsApiService = teamsApiService;
-        this.documentService = documentService;
+class CaseInspectionBuildingBlockDetailComponent {
+    constructor(caseInspectionService, permissionService, notificationService, translateService) {
+        this.caseInspectionService = caseInspectionService;
+        this.permissionService = permissionService;
+        this.notificationService = notificationService;
         this.translateService = translateService;
-        this.ALL_CASES_ID = ALL_CASES_ID;
-        this.tableTranslations = CASE_LIST_TABLE_TRANSLATIONS;
-        this.loadingExport = false;
-        this.visibleCaseTabs = null;
-        this.orchestration = inject(CaseListOrchestrationService);
-        this.showAssignModal$ = new BehaviorSubject(false);
-        this.showChangePageModal$ = new BehaviorSubject(false);
-        this.disableStartButton$ = new BehaviorSubject(false);
-        this.selectedCaseIds$ = new BehaviorSubject([]);
-        this.paginationChange$ = new BehaviorSubject(null);
-        // --- Case definition dropdown ---
-        this.loadingCaseListItems$ = new BehaviorSubject(true);
-        this._selectedCaseDefinitionId$ = new BehaviorSubject(ALL_CASES_ID);
-        this.selectedCaseDefinitionId$ = this._selectedCaseDefinitionId$.asObservable();
-        this.isAllCases$ = this._selectedCaseDefinitionId$.pipe(map(id => id === ALL_CASES_ID));
-        this.caseListItems$ = combineLatest([
-            this.documentService.getAllDefinitions(),
-            this._selectedCaseDefinitionId$,
-            this.translateService.stream('key'),
-        ]).pipe(map(([documentDefinitionRes, selectedId]) => [
-            {
-                content: this.translateService.instant('case.allCases'),
-                id: ALL_CASES_ID,
-                selected: selectedId === ALL_CASES_ID,
-            },
-            ...documentDefinitionRes.content.map(documentDefinition => ({
-                id: documentDefinition.id.name,
-                content: documentDefinition?.schema?.title,
-                selected: documentDefinition.id.name === selectedId,
-            })),
-        ]), tap(() => this.loadingCaseListItems$.next(false)));
-        // --- "All Cases" data pipeline ---
-        this._allCasesPage$ = new BehaviorSubject(1);
-        this._allCasesSize$ = new BehaviorSubject(10);
-        this._allCasesSort$ = new BehaviorSubject(null);
-        this._allCasesReload$ = new BehaviorSubject(false);
-        this._allCasesAssigneeFilter$ = new BehaviorSubject('ALL');
-        this.allCasesAssigneeFilter$ = this._allCasesAssigneeFilter$.asObservable();
-        this.allCasesFields$ = this.translateService
-            .stream('fieldLabels')
-            .pipe(map(() => this.mapDefaultColumnsToListFields(this.configService.config?.defaultDefinitionTable || [])));
-        this.allCasesLoading$ = new BehaviorSubject(true);
-        this.allCasesData$ = combineLatest([
-            this._allCasesPage$,
-            this._allCasesSize$,
-            this._allCasesSort$,
-            this._allCasesReload$,
-            this._allCasesAssigneeFilter$,
-        ]).pipe(tap(() => this.allCasesLoading$.next(true)), switchMap(([page, size, sort, _, assigneeFilter]) => {
-            const request = new DocumentSearchRequestImpl('', page - 1, size, undefined, undefined, undefined, sort, undefined, assigneeFilter !== 'ALL' ? assigneeFilter : undefined);
-            return this.documentService.getDocuments(request).pipe(map((documents) => ({
-                items: documents.content.map(document => {
-                    const { content, ...others } = document;
-                    return { ...content, ...others };
-                }),
-                pagination: {
-                    collectionSize: documents.totalElements,
-                    page,
-                    size,
-                    sort,
-                },
-            })));
-        }), tap(() => this.allCasesLoading$.next(false)), shareReplay(1));
-        this._subscriptions = new Subscription();
-    }
-    ngOnInit() {
-        this.pageTitleService.disableReset();
-        this.pageTitleService.setCustomPageTitle(this.translateService.instant('Cases'), true);
-        this.resolveVisibleCaseTabs();
-    }
-    ngOnDestroy() {
-        this._subscriptions.unsubscribe();
-        this._paginationSubscription?.unsubscribe();
-        this._canHaveAssigneeSubscription?.unsubscribe();
-        this._searchFieldsSubscription?.unsubscribe();
-        this.pageTitleService.enableReset();
-    }
-    // --- Case definition switching ---
-    setCaseDefinition(definition) {
-        const newId = definition.item.id;
-        if (newId === this._selectedCaseDefinitionId$.getValue())
-            return;
-        this._selectedCaseDefinitionId$.next(newId);
-        if (newId !== ALL_CASES_ID) {
-            this.parameterService.clearParameters();
-            this.parameterService.clearSearchFieldValues();
-            this.paginationService.clearPagination();
-            this.assigneeService.resetAssigneeFilter();
-            this.listService.setCaseDefinitionKey(newId);
-            this.orchestration.setLoading();
-            this.subscribeToPagination();
-            this.subscribeToCanHaveAssignee();
-            this.subscribeToSearchFields();
-        }
-        else {
-            this._allCasesPage$.next(1);
-            this._allCasesReload$.next(!this._allCasesReload$.getValue());
+        this.viewProcessLogsEvent = new EventEmitter();
+        this.$loading = signal(true);
+        this.$errorMessage = signal(null);
+        this.$canInspectModify = signal(false);
+        this.$document = signal(null);
+        this.model$ = new BehaviorSubject(null);
+    }
+    ngOnChanges(changes) {
+        if (changes.instance && this.instance) {
+            this.loadDocument(this.instance.documentId);
+            this.loadPermission(this.instance.documentId);
         }
     }
-    // --- Delegated to existing case list services when a specific definition is selected ---
-    search(searchFieldValues) {
-        this.searchService.search(searchFieldValues);
+    onViewProcessLogs() {
+        if (this.instance.processInstanceId) {
+            this.viewProcessLogsEvent.emit(this.instance.processInstanceId);
+        }
     }
-    rowClick(item) {
-        this._selectedCaseDefinitionId$.pipe(take(1)).subscribe(selectedId => {
-            const caseDefinitionKey = selectedId !== ALL_CASES_ID ? selectedId : item.definitionName || item.definitionId?.name;
-            if (caseDefinitionKey) {
+    onSaveEvent(content) {
+        const documentId = this.instance.documentId;
+        this.caseInspectionService
+            .modifyDocumentForInspection(documentId, {
+            documentId,
+            content,
+        })
+            .subscribe({
+            next: result => {
+                if (result.errors?.length) {
+                    this.$errorMessage.set(result.errors.join('\n'));
+                    return;
+                }
+                this.$errorMessage.set(null);
+                this.notificationService.showToast({
+                    type: 'success',
+                    title: this.translateService.instant('case.inspection.buildingBlocks.saved'),
+                    message: '',
+                });
+                this.loadDocument(documentId);
+            },
+            error: err => {
+                this.$errorMessage.set(err?.error?.message ?? err?.message ?? 'Save failed');
+            },
+        });
+    }
+    loadDocument(documentId) {
+        this.$loading.set(true);
+        this.$errorMessage.set(null);
+        this.$document.set(null);
+        this.model$.next(null);
+        this.caseInspectionService.getDocument(documentId).subscribe({
+            next: document => {
+                if (documentId !== this.instance.documentId) {
+                    return;
+                }
+                this.$document.set(document);
+                this.model$.next({
+                    value: JSON.stringify(document.content ?? {}, null, 2),
+                    language: 'json',
+                });
+                this.$loading.set(false);
+            },
+            error: err => {
+                if (documentId !== this.instance.documentId) {
+                    return;
+                }
+                this.$errorMessage.set(err?.error?.message ?? err?.message ?? 'Failed to load building block');
+                this.$loading.set(false);
+            },
+        });
+    }
+    loadPermission(documentId) {
+        this.permissionService
+            .requestPermission(CAN_INSPECT_MODIFY_CASE_PERMISSION, {
+            resource: CASE_DETAIL_PERMISSION_RESOURCE.jsonSchemaDocument,
+            identifier: documentId,
+        })
+            .subscribe({
+            next: (allowed) => {
+                if (documentId !== this.instance.documentId) {
+                    return;
+                }
+                this.$canInspectModify.set(allowed);
+            },
+            error: () => {
+                if (documentId !== this.instance.documentId) {
+                    return;
+                }
+                this.$canInspectModify.set(false);
+            },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseInspectionBuildingBlockDetailComponent, deps: [{ token: CaseInspectionService }, { token: i2$3.PermissionService }, { token: i1.GlobalNotificationService }, { token: i4.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseInspectionBuildingBlockDetailComponent, isStandalone: true, selector: "valtimo-case-inspection-building-block-detail", inputs: { instance: "instance" }, outputs: { viewProcessLogsEvent: "viewProcessLogsEvent" }, usesOnChanges: 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<section class=\"case-inspection-bb-detail\">\n  <header class=\"case-inspection-bb-detail__header\">\n    <h3>\n      {{ instance.definitionKey }}\n      <small>{{ instance.definitionVersionTag }}</small>\n    </h3>\n\n    <cds-structured-list class=\"case-inspection-bb-detail__meta\" [condensed]=\"true\">\n      <cds-list-row>\n        <cds-list-column>{{\n          'case.inspection.buildingBlocks.detail.instanceId' | translate\n        }}</cds-list-column>\n        <cds-list-column\n          ><code>{{ instance.id }}</code></cds-list-column\n        >\n      </cds-list-row>\n\n      <cds-list-row>\n        <cds-list-column>{{\n          'case.inspection.buildingBlocks.detail.documentId' | translate\n        }}</cds-list-column>\n        <cds-list-column\n          ><code>{{ instance.documentId }}</code></cds-list-column\n        >\n      </cds-list-row>\n\n      <cds-list-row>\n        <cds-list-column>{{\n          'case.inspection.buildingBlocks.detail.processInstance' | translate\n        }}</cds-list-column>\n        <cds-list-column>\n          <ng-container *ngIf=\"instance.processInstanceId; else noProcess\">\n            <code>{{ instance.processInstanceId }}</code>\n            <button\n              class=\"case-inspection-bb-detail__view-logs\"\n              type=\"button\"\n              (click)=\"onViewProcessLogs()\"\n            >\n              {{ 'case.inspection.processes.viewLogs' | translate }}\n            </button>\n          </ng-container>\n\n          <ng-template #noProcess>\u2014</ng-template>\n        </cds-list-column>\n      </cds-list-row>\n\n      <cds-list-row>\n        <cds-list-column>{{\n          'case.inspection.buildingBlocks.detail.parent' | translate\n        }}</cds-list-column>\n        <cds-list-column>\n          <ng-container *ngIf=\"instance.parentBuildingBlockInstanceId; else noParent\">\n            <code>{{ instance.parentBuildingBlockInstanceId }}</code>\n          </ng-container>\n\n          <ng-template #noParent>\u2014</ng-template>\n        </cds-list-column>\n      </cds-list-row>\n    </cds-structured-list>\n  </header>\n\n  <ng-container *ngIf=\"$errorMessage() as message\">\n    <p class=\"case-inspection-bb-detail__error\">{{ message }}</p>\n  </ng-container>\n\n  <ng-container *ngIf=\"$loading()\">\n    <p>{{ 'case.inspection.buildingBlocks.detail.loading' | translate }}</p>\n  </ng-container>\n\n  <ng-container *ngIf=\"!$loading() && (model$ | async) as model\">\n    <h4 class=\"case-inspection-bb-detail__subhead\">\n      {{ 'case.inspection.buildingBlocks.detail.content' | translate }}\n    </h4>\n\n    <div class=\"json-editor-container\">\n      <valtimo-json-editor\n        cdsLayer=\"2\"\n        [model]=\"model\"\n        [heightPx]=\"400\"\n        [showEditButton]=\"$canInspectModify()\"\n        (saveEvent)=\"onSaveEvent($event)\"\n      ></valtimo-json-editor>\n    </div>\n  </ng-container>\n</section>\n", styles: [".json-editor-container{border:1px solid var(--cds-border-subtle)}.case-inspection-bb-detail{padding-top:16px;padding-bottom:16px;padding-right:16px}.case-inspection-bb-detail__header{margin-bottom:var(--cds-spacing-05)}.case-inspection-bb-detail__header h3{margin:0 0 8px}.case-inspection-bb-detail__header h3 small{font-weight:400;color:var(--cds-text-helper);margin-left:var(--cds-spacing-03);font-size:var(--cds-body-compact-01-font-size)}.case-inspection-bb-detail__meta code{word-break:break-all}.case-inspection-bb-detail__subhead{margin:var(--cds-spacing-06) 0 var(--cds-spacing-03);font-size:var(--cds-body-compact-01-font-size);font-weight:600;color:var(--cds-text-secondary)}.case-inspection-bb-detail__error{color:var(--cds-text-error)}.case-inspection-bb-detail__view-logs{background:none;border:none;color:var(--cds-link-primary);cursor:pointer;font-size:var(--cds-helper-text-01-font-size);padding:0 0 0 var(--cds-spacing-03);text-decoration:underline}.case-inspection-bb-detail__view-logs:hover{color:var(--cds-link-primary-hover)}\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: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: StructuredListModule }, { kind: "component", type: i4$1.StructuredList, selector: "cds-structured-list, ibm-structured-list", inputs: ["selection", "flushed", "condensed", "name", "skeleton"], outputs: ["selected"] }, { kind: "component", type: i4$1.ListRow, selector: "cds-list-row, ibm-list-row", inputs: ["selected", "label", "value"], outputs: ["change"] }, { kind: "component", type: i4$1.ListColumn, selector: "cds-list-column, ibm-list-column", inputs: ["skeleton", "nowrap"] }, { kind: "component", type: JsonEditorComponent, selector: "valtimo-json-editor", inputs: ["disabled", "model", "editorOptions", "fitPage", "fitPageSpaceAdjustment", "formatOnLoad", "heightPx", "heightStyle", "jsonSchema", "showEditButton", "widthPx"], outputs: ["changeEvent", "discardEvent", "keepEditingEvent", "saveEvent"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i4$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseInspectionBuildingBlockDetailComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-case-inspection-building-block-detail', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, TranslateModule, StructuredListModule, JsonEditorComponent, LayerModule], 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<section class=\"case-inspection-bb-detail\">\n  <header class=\"case-inspection-bb-detail__header\">\n    <h3>\n      {{ instance.definitionKey }}\n      <small>{{ instance.definitionVersionTag }}</small>\n    </h3>\n\n    <cds-structured-list class=\"case-inspection-bb-detail__meta\" [condensed]=\"true\">\n      <cds-list-row>\n        <cds-list-column>{{\n          'case.inspection.buildingBlocks.detail.instanceId' | translate\n        }}</cds-list-column>\n        <cds-list-column\n          ><code>{{ instance.id }}</code></cds-list-column\n        >\n      </cds-list-row>\n\n      <cds-list-row>\n        <cds-list-column>{{\n          'case.inspection.buildingBlocks.detail.documentId' | translate\n        }}</cds-list-column>\n        <cds-list-column\n          ><code>{{ instance.documentId }}</code></cds-list-column\n        >\n      </cds-list-row>\n\n      <cds-list-row>\n        <cds-list-column>{{\n          'case.inspection.buildingBlocks.detail.processInstance' | translate\n        }}</cds-list-column>\n        <cds-list-column>\n          <ng-container *ngIf=\"instance.processInstanceId; else noProcess\">\n            <code>{{ instance.processInstanceId }}</code>\n            <button\n              class=\"case-inspection-bb-detail__view-logs\"\n              type=\"button\"\n              (click)=\"onViewProcessLogs()\"\n            >\n              {{ 'case.inspection.processes.viewLogs' | translate }}\n            </button>\n          </ng-container>\n\n          <ng-template #noProcess>\u2014</ng-template>\n        </cds-list-column>\n      </cds-list-row>\n\n      <cds-list-row>\n        <cds-list-column>{{\n          'case.inspection.buildingBlocks.detail.parent' | translate\n        }}</cds-list-column>\n        <cds-list-column>\n          <ng-container *ngIf=\"instance.parentBuildingBlockInstanceId; else noParent\">\n            <code>{{ instance.parentBuildingBlockInstanceId }}</code>\n          </ng-container>\n\n          <ng-template #noParent>\u2014</ng-template>\n        </cds-list-column>\n      </cds-list-row>\n    </cds-structured-list>\n  </header>\n\n  <ng-container *ngIf=\"$errorMessage() as message\">\n    <p class=\"case-inspection-bb-detail__error\">{{ message }}</p>\n  </ng-container>\n\n  <ng-container *ngIf=\"$loading()\">\n    <p>{{ 'case.inspection.buildingBlocks.detail.loading' | translate }}</p>\n  </ng-container>\n\n  <ng-container *ngIf=\"!$loading() && (model$ | async) as model\">\n    <h4 class=\"case-inspection-bb-detail__subhead\">\n      {{ 'case.inspection.buildingBlocks.detail.content' | translate }}\n    </h4>\n\n    <div class=\"json-editor-container\">\n      <valtimo-json-editor\n        cdsLayer=\"2\"\n        [model]=\"model\"\n        [heightPx]=\"400\"\n        [showEditButton]=\"$canInspectModify()\"\n        (saveEvent)=\"onSaveEvent($event)\"\n      ></valtimo-json-editor>\n    </div>\n  </ng-container>\n</section>\n", styles: [".json-editor-container{border:1px solid var(--cds-border-subtle)}.case-inspection-bb-detail{padding-top:16px;padding-bottom:16px;padding-right:16px}.case-inspection-bb-detail__header{margin-bottom:var(--cds-spacing-05)}.case-inspection-bb-detail__header h3{margin:0 0 8px}.case-inspection-bb-detail__header h3 small{font-weight:400;color:var(--cds-text-helper);margin-left:var(--cds-spacing-03);font-size:var(--cds-body-compact-01-font-size)}.case-inspection-bb-detail__meta code{word-break:break-all}.case-inspection-bb-detail__subhead{margin:var(--cds-spacing-06) 0 var(--cds-spacing-03);font-size:var(--cds-body-compact-01-font-size);font-weight:600;color:var(--cds-text-secondary)}.case-inspection-bb-detail__error{color:var(--cds-text-error)}.case-inspection-bb-detail__view-logs{background:none;border:none;color:var(--cds-link-primary);cursor:pointer;font-size:var(--cds-helper-text-01-font-size);padding:0 0 0 var(--cds-spacing-03);text-decoration:underline}.case-inspection-bb-detail__view-logs:hover{color:var(--cds-link-primary-hover)}\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: CaseInspectionService }, { type: i2$3.PermissionService }, { type: i1.GlobalNotificationService }, { type: i4.TranslateService }], propDecorators: { instance: [{
+                type: Input
+            }], viewProcessLogsEvent: [{
+                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 CaseInspectionBuildingBlocksTabComponent {
+    constructor(caseInspectionService) {
+        this.caseInspectionService = caseInspectionService;
+        this.pendingInstanceId = null;
+        this.viewProcessLogsEvent = new EventEmitter();
+        this.$loading = signal(true);
+        this.$instances = signal([]);
+        this.$errorMessage = signal(null);
+        this.$notSupported = signal(false);
+        this.$selected = signal(null);
+    }
+    ngOnChanges(changes) {
+        if (changes.documentId && this.documentId) {
+            this.load();
+            return;
+        }
+        if (changes.pendingInstanceId && this.pendingInstanceId) {
+            this.applyPendingSelection();
+        }
+    }
+    onSelect(instance) {
+        this.$selected.set(instance);
+    }
+    isSelected(instance) {
+        return this.$selected()?.id === instance.id;
+    }
+    load() {
+        const requestedDocumentId = this.documentId;
+        this.$loading.set(true);
+        this.$errorMessage.set(null);
+        this.$notSupported.set(false);
+        this.$selected.set(null);
+        this.$instances.set([]);
+        this.caseInspectionService.getBuildingBlockInstances(requestedDocumentId).subscribe({
+            next: instances => {
+                if (requestedDocumentId !== this.documentId) {
+                    return;
+                }
+                this.$instances.set(instances);
+                if (instances.length > 0) {
+                    this.$selected.set(this.findMatchingInstance(instances) ?? instances[0]);
+                }
+                this.$loading.set(false);
+            },
+            error: (err) => {
+                if (requestedDocumentId !== this.documentId) {
+                    return;
+                }
+                if (err.status === 404) {
+                    this.$notSupported.set(true);
+                }
+                else {
+                    this.$errorMessage.set(err?.error?.message ?? err?.message ?? 'Failed to load building blocks');
+                }
+                this.$instances.set([]);
+                this.$loading.set(false);
+            },
+        });
+    }
+    applyPendingSelection() {
+        const instances = this.$instances();
+        if (!instances.length) {
+            return;
+        }
+        const match = this.findMatchingInstance(instances);
+        if (match) {
+            this.$selected.set(match);
+        }
+    }
+    findMatchingInstance(instances) {
+        if (!this.pendingInstanceId) {
+            return undefined;
+        }
+        return instances.find(instance => instance.id === this.pendingInstanceId);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseInspectionBuildingBlocksTabComponent, deps: [{ token: CaseInspectionService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseInspectionBuildingBlocksTabComponent, isStandalone: true, selector: "valtimo-case-inspection-building-blocks", inputs: { documentId: "documentId", pendingInstanceId: "pendingInstanceId" }, outputs: { viewProcessLogsEvent: "viewProcessLogsEvent" }, usesOnChanges: 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<section class=\"case-inspection-bb\">\n  <ng-container *ngIf=\"$errorMessage() as message\">\n    <p class=\"case-inspection-bb__error\">{{ message }}</p>\n  </ng-container>\n\n  <ng-container *ngIf=\"$notSupported()\">\n    <p class=\"case-inspection-bb__notice\">\n      {{ 'case.inspection.buildingBlocks.notEnabled' | translate }}\n    </p>\n  </ng-container>\n\n  <div *ngIf=\"$loading()\" class=\"loading-container\">\n    <cds-loading size=\"sm\"></cds-loading>\n  </div>\n\n  <ng-container *ngIf=\"!$loading() && !$notSupported() && $instances() as instances\">\n    <valtimo-no-results\n      *ngIf=\"instances.length === 0\"\n      illustration=\"valtimo-layout/img/emptystate-empty.svg\"\n      [description]=\"'case.inspection.buildingBlocks.empty' | translate\"\n      [title]=\"'case.inspection.buildingBlocks.emptyTitle' | translate\"\n    ></valtimo-no-results>\n\n    <div *ngIf=\"instances.length > 0\" class=\"case-inspection-bb__layout\">\n      <div\n        class=\"case-inspection-bb__list\"\n        role=\"listbox\"\n        [attr.aria-label]=\"'case.inspection.buildingBlocks.listAriaLabel' | translate\"\n      >\n        <button\n          *ngFor=\"let instance of instances\"\n          type=\"button\"\n          role=\"option\"\n          class=\"case-inspection-bb__list-item\"\n          [attr.aria-selected]=\"isSelected(instance)\"\n          [class.case-inspection-bb__list-item--selected]=\"isSelected(instance)\"\n          (click)=\"onSelect(instance)\"\n        >\n          <span class=\"case-inspection-bb__list-item-title\">{{ instance.definitionKey }}</span>\n          <span class=\"case-inspection-bb__list-item-meta\">\n            {{ instance.definitionVersionTag }}\n          </span>\n        </button>\n      </div>\n\n      <article class=\"case-inspection-bb__detail\">\n        <valtimo-case-inspection-building-block-detail\n          *ngIf=\"$selected() as selected\"\n          [instance]=\"selected\"\n          (viewProcessLogsEvent)=\"viewProcessLogsEvent.emit($event)\"\n        ></valtimo-case-inspection-building-block-detail>\n      </article>\n    </div>\n  </ng-container>\n</section>\n", styles: [".case-inspection-bb__error{color:var(--cds-text-error)}.case-inspection-bb__notice{padding:var(--cds-spacing-04) var(--cds-spacing-05);background-color:var(--cds-layer-accent);border-left:4px solid var(--cds-support-info)}.case-inspection-bb__layout{display:grid;grid-template-columns:minmax(220px,1fr) 3fr;gap:var(--cds-spacing-06);align-items:stretch}.case-inspection-bb__list{display:flex;flex-direction:column;border-right:1px solid var(--cds-border-subtle)}.case-inspection-bb__list-item{appearance:none;background:transparent;border:0;text-align:left;padding:var(--cds-spacing-04);cursor:pointer;display:flex;flex-direction:column;gap:var(--cds-spacing-01);color:inherit;font-family:inherit}.case-inspection-bb__list-item:hover{background-color:var(--cds-layer-hover)}.case-inspection-bb__list-item--selected{background-color:var(--cds-layer-selected);font-weight:600}.case-inspection-bb__list-item-title{font-size:var(--cds-body-compact-01-font-size)}.case-inspection-bb__list-item-meta{font-size:var(--cds-helper-text-01-font-size);color:var(--cds-text-helper)}.case-inspection-bb__detail{min-width: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: CarbonListModule }, { kind: "component", type: i2$1.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "component", type: CaseInspectionBuildingBlockDetailComponent, selector: "valtimo-case-inspection-building-block-detail", inputs: ["instance"], outputs: ["viewProcessLogsEvent"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: i4$1.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseInspectionBuildingBlocksTabComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-case-inspection-building-blocks', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CarbonListModule,
+                        CaseInspectionBuildingBlockDetailComponent,
+                        CommonModule,
+                        TranslateModule,
+                        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<section class=\"case-inspection-bb\">\n  <ng-container *ngIf=\"$errorMessage() as message\">\n    <p class=\"case-inspection-bb__error\">{{ message }}</p>\n  </ng-container>\n\n  <ng-container *ngIf=\"$notSupported()\">\n    <p class=\"case-inspection-bb__notice\">\n      {{ 'case.inspection.buildingBlocks.notEnabled' | translate }}\n    </p>\n  </ng-container>\n\n  <div *ngIf=\"$loading()\" class=\"loading-container\">\n    <cds-loading size=\"sm\"></cds-loading>\n  </div>\n\n  <ng-container *ngIf=\"!$loading() && !$notSupported() && $instances() as instances\">\n    <valtimo-no-results\n      *ngIf=\"instances.length === 0\"\n      illustration=\"valtimo-layout/img/emptystate-empty.svg\"\n      [description]=\"'case.inspection.buildingBlocks.empty' | translate\"\n      [title]=\"'case.inspection.buildingBlocks.emptyTitle' | translate\"\n    ></valtimo-no-results>\n\n    <div *ngIf=\"instances.length > 0\" class=\"case-inspection-bb__layout\">\n      <div\n        class=\"case-inspection-bb__list\"\n        role=\"listbox\"\n        [attr.aria-label]=\"'case.inspection.buildingBlocks.listAriaLabel' | translate\"\n      >\n        <button\n          *ngFor=\"let instance of instances\"\n          type=\"button\"\n          role=\"option\"\n          class=\"case-inspection-bb__list-item\"\n          [attr.aria-selected]=\"isSelected(instance)\"\n          [class.case-inspection-bb__list-item--selected]=\"isSelected(instance)\"\n          (click)=\"onSelect(instance)\"\n        >\n          <span class=\"case-inspection-bb__list-item-title\">{{ instance.definitionKey }}</span>\n          <span class=\"case-inspection-bb__list-item-meta\">\n            {{ instance.definitionVersionTag }}\n          </span>\n        </button>\n      </div>\n\n      <article class=\"case-inspection-bb__detail\">\n        <valtimo-case-inspection-building-block-detail\n          *ngIf=\"$selected() as selected\"\n          [instance]=\"selected\"\n          (viewProcessLogsEvent)=\"viewProcessLogsEvent.emit($event)\"\n        ></valtimo-case-inspection-building-block-detail>\n      </article>\n    </div>\n  </ng-container>\n</section>\n", styles: [".case-inspection-bb__error{color:var(--cds-text-error)}.case-inspection-bb__notice{padding:var(--cds-spacing-04) var(--cds-spacing-05);background-color:var(--cds-layer-accent);border-left:4px solid var(--cds-support-info)}.case-inspection-bb__layout{display:grid;grid-template-columns:minmax(220px,1fr) 3fr;gap:var(--cds-spacing-06);align-items:stretch}.case-inspection-bb__list{display:flex;flex-direction:column;border-right:1px solid var(--cds-border-subtle)}.case-inspection-bb__list-item{appearance:none;background:transparent;border:0;text-align:left;padding:var(--cds-spacing-04);cursor:pointer;display:flex;flex-direction:column;gap:var(--cds-spacing-01);color:inherit;font-family:inherit}.case-inspection-bb__list-item:hover{background-color:var(--cds-layer-hover)}.case-inspection-bb__list-item--selected{background-color:var(--cds-layer-selected);font-weight:600}.case-inspection-bb__list-item-title{font-size:var(--cds-body-compact-01-font-size)}.case-inspection-bb__list-item-meta{font-size:var(--cds-helper-text-01-font-size);color:var(--cds-text-helper)}.case-inspection-bb__detail{min-width: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: CaseInspectionService }], propDecorators: { documentId: [{
+                type: Input
+            }], pendingInstanceId: [{
+                type: Input
+            }], viewProcessLogsEvent: [{
+                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 CaseInspectionDocumentTabComponent {
+    constructor(caseInspectionService, permissionService, notificationService, translateService) {
+        this.caseInspectionService = caseInspectionService;
+        this.permissionService = permissionService;
+        this.notificationService = notificationService;
+        this.translateService = translateService;
+        this.$loading = signal(true);
+        this.$errorMessage = signal(null);
+        this.$canInspectModify = signal(false);
+        this.model$ = new BehaviorSubject(null);
+        this._subscriptions = new Subscription();
+    }
+    ngOnChanges(changes) {
+        if (changes.documentId && this.documentId) {
+            this.loadDocument(this.documentId);
+            this.loadPermission(this.documentId);
+        }
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+    }
+    onSaveEvent(content) {
+        this.caseInspectionService
+            .modifyDocumentForInspection(this.documentId, { documentId: this.documentId, content })
+            .subscribe({
+            next: result => {
+                if (result.errors?.length) {
+                    this.$errorMessage.set(result.errors.join('\n'));
+                    return;
+                }
+                this.$errorMessage.set(null);
+                this.notificationService.showToast({
+                    type: 'success',
+                    title: this.translateService.instant('case.inspection.document.saved'),
+                    message: '',
+                });
+                this.loadDocument(this.documentId);
+            },
+            error: err => {
+                this.$errorMessage.set(err?.error?.message ?? err?.message ?? 'Save failed');
+            },
+        });
+    }
+    loadDocument(documentId) {
+        this.$loading.set(true);
+        this.$errorMessage.set(null);
+        this.model$.next(null);
+        this.caseInspectionService.getDocument(documentId).subscribe({
+            next: (document) => {
+                if (documentId !== this.documentId) {
+                    return;
+                }
+                this.model$.next({
+                    value: JSON.stringify(document.content ?? {}, null, 2),
+                    language: 'json',
+                });
+                this.$loading.set(false);
+            },
+            error: err => {
+                if (documentId !== this.documentId) {
+                    return;
+                }
+                this.$errorMessage.set(err?.error?.message ?? err?.message ?? 'Failed to load document');
+                this.$loading.set(false);
+            },
+        });
+    }
+    loadPermission(documentId) {
+        this.permissionService
+            .requestPermission(CAN_INSPECT_MODIFY_CASE_PERMISSION, {
+            resource: CASE_DETAIL_PERMISSION_RESOURCE.jsonSchemaDocument,
+            identifier: documentId,
+        })
+            .subscribe({
+            next: (allowed) => {
+                if (documentId !== this.documentId) {
+                    return;
+                }
+                this.$canInspectModify.set(allowed);
+            },
+            error: () => {
+                if (documentId !== this.documentId) {
+                    return;
+                }
+                this.$canInspectModify.set(false);
+            },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseInspectionDocumentTabComponent, deps: [{ token: CaseInspectionService }, { token: i2$3.PermissionService }, { token: i1.GlobalNotificationService }, { token: i4.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseInspectionDocumentTabComponent, isStandalone: true, selector: "valtimo-case-inspection-document", inputs: { documentId: "documentId" }, usesOnChanges: 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<section class=\"case-inspection-document-tab\">\n  <ng-container *ngIf=\"model$ | async as model\">\n    <valtimo-json-editor\n      [model]=\"model\"\n      [showEditButton]=\"$canInspectModify()\"\n      [fitPage]=\"true\"\n      [fitPageSpaceAdjustment]=\"112\"\n      disableOverflow\n      (saveEvent)=\"onSaveEvent($event)\"\n    ></valtimo-json-editor>\n  </ng-container>\n\n  <div *ngIf=\"$loading()\" class=\"loading-container\">\n    <cds-loading size=\"sm\"></cds-loading>\n  </div>\n\n  <ng-container *ngIf=\"$errorMessage() as message\">\n    <p class=\"case-inspection-document-tab__error\">{{ message }}</p>\n  </ng-container>\n</section>\n", styles: [".case-inspection-document-tab__error{color:var(--cds-text-error);margin-top:var(--cds-spacing-03)}\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: "component", type: JsonEditorComponent, selector: "valtimo-json-editor", inputs: ["disabled", "model", "editorOptions", "fitPage", "fitPageSpaceAdjustment", "formatOnLoad", "heightPx", "heightStyle", "jsonSchema", "showEditButton", "widthPx"], outputs: ["changeEvent", "discardEvent", "keepEditingEvent", "saveEvent"] }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: i4$1.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseInspectionDocumentTabComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-case-inspection-document', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, TranslateModule, JsonEditorComponent, 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<section class=\"case-inspection-document-tab\">\n  <ng-container *ngIf=\"model$ | async as model\">\n    <valtimo-json-editor\n      [model]=\"model\"\n      [showEditButton]=\"$canInspectModify()\"\n      [fitPage]=\"true\"\n      [fitPageSpaceAdjustment]=\"112\"\n      disableOverflow\n      (saveEvent)=\"onSaveEvent($event)\"\n    ></valtimo-json-editor>\n  </ng-container>\n\n  <div *ngIf=\"$loading()\" class=\"loading-container\">\n    <cds-loading size=\"sm\"></cds-loading>\n  </div>\n\n  <ng-container *ngIf=\"$errorMessage() as message\">\n    <p class=\"case-inspection-document-tab__error\">{{ message }}</p>\n  </ng-container>\n</section>\n", styles: [".case-inspection-document-tab__error{color:var(--cds-text-error);margin-top:var(--cds-spacing-03)}\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: CaseInspectionService }, { type: i2$3.PermissionService }, { type: i1.GlobalNotificationService }, { type: i4.TranslateService }], propDecorators: { documentId: [{
+                type: Input
+            }] } });
+
+/*
+ * 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 PROCESS_INSTANCE_MDC_KEY = 'processInstanceId';
+class CaseInspectionLogsTabComponent {
+    get pagination() {
+        return {
+            page: this.$page(),
+            size: this.pageSize,
+            collectionSize: this.$totalElements(),
+        };
+    }
+    constructor(caseInspectionService, fb) {
+        this.caseInspectionService = caseInspectionService;
+        this.fb = fb;
+        this.pendingProcessInstanceId = null;
+        this.$loading = signal(true);
+        this.$errorMessage = signal(null);
+        this.$rows = signal([]);
+        this.$selected = signal(null);
+        this.$selectedIndex = signal(0);
+        this.$page = signal(1);
+        this.$totalElements = signal(0);
+        this.$activeProcessInstanceFilter = signal(null);
+        this.$hasActiveSearch = signal(false);
+        this.pageSize = 10;
+        this.LEVEL_TAG = CASE_INSPECTION_LOG_LEVEL_TAG;
+        this.fields = [];
+        this.logLevelItems = [
+            { content: CaseInspectionLogLevel.ERROR, selected: false },
+            { content: CaseInspectionLogLevel.WARN, selected: false },
+            { content: CaseInspectionLogLevel.INFO, selected: false },
+            { content: CaseInspectionLogLevel.DEBUG, selected: false },
+            { content: CaseInspectionLogLevel.TRACE, selected: false },
+        ];
+        this.formGroup = this.fb.group({
+            likeFormattedMessage: this.fb.control(''),
+            level: this.fb.control(null),
+            afterTimestamp: this.fb.control(''),
+            beforeTimestamp: this.fb.control(''),
+        });
+    }
+    ngOnInit() {
+        this.applyPendingProcessInstanceFilter();
+        this.load();
+    }
+    ngAfterViewInit() {
+        this.fields = [
+            {
+                viewType: ViewType.TEMPLATE,
+                key: 'timestamp',
+                label: 'case.inspection.logs.columns.timestamp',
+                template: this.timestampTemplate,
+            },
+            {
+                viewType: ViewType.TEMPLATE,
+                key: 'level',
+                label: 'case.inspection.logs.columns.level',
+                template: this.levelTemplate,
+            },
+            {
+                viewType: ViewType.TEMPLATE,
+                key: 'formattedMessage',
+                label: 'case.inspection.logs.columns.message',
+                template: this.messageTemplate,
+            },
+        ];
+    }
+    ngOnChanges(changes) {
+        if (changes.documentId && !changes.documentId.firstChange && this.documentId) {
+            this.$page.set(1);
+            this.applyPendingProcessInstanceFilter();
+            this.load();
+            return;
+        }
+        if (changes.pendingProcessInstanceId && !changes.pendingProcessInstanceId.firstChange) {
+            this.$page.set(1);
+            this.applyPendingProcessInstanceFilter();
+            this.load();
+        }
+    }
+    onAfterDateSelected(event) {
+        const value = event[0] ? event[0].toISOString() : '';
+        this.formGroup.get('afterTimestamp')?.setValue(value);
+    }
+    onBeforeDateSelected(event) {
+        const value = event[0] ? event[0].toISOString() : '';
+        this.formGroup.get('beforeTimestamp')?.setValue(value);
+    }
+    onApplyFilter() {
+        this.$page.set(1);
+        this.load();
+    }
+    onResetFilter() {
+        this.formGroup.reset({
+            likeFormattedMessage: '',
+            level: null,
+            afterTimestamp: '',
+            beforeTimestamp: '',
+        });
+        this._afterDatePicker?.writeValue([]);
+        this._beforeDatePicker?.writeValue([]);
+        this.$page.set(1);
+        this.load();
+    }
+    onClearProcessInstanceFilter() {
+        this.$activeProcessInstanceFilter.set(null);
+        this.$page.set(1);
+        this.load();
+    }
+    onSelectRow(row) {
+        this.$selected.set(row);
+        const index = this.$rows().indexOf(row);
+        this.$selectedIndex.set(index >= 0 ? index : 0);
+    }
+    isSelected(row) {
+        return this.$selected() === row;
+    }
+    onPageSelected(page) {
+        this.$page.set(page);
+        this.load();
+    }
+    buildPaginationModel() {
+        return {
+            currentPage: this.$page(),
+            totalDataLength: this.$totalElements(),
+            pageLength: this.pageSize,
+        };
+    }
+    applyPendingProcessInstanceFilter() {
+        this.$activeProcessInstanceFilter.set(this.pendingProcessInstanceId ?? null);
+    }
+    buildSearchRequest() {
+        const value = this.formGroup.getRawValue();
+        const request = {};
+        if (value.likeFormattedMessage) {
+            request.likeFormattedMessage = value.likeFormattedMessage;
+        }
+        if (value.level?.content) {
+            request.level = String(value.level.content);
+        }
+        if (value.afterTimestamp) {
+            request.afterTimestamp = value.afterTimestamp;
+        }
+        if (value.beforeTimestamp) {
+            request.beforeTimestamp = value.beforeTimestamp;
+        }
+        const processInstance = this.$activeProcessInstanceFilter();
+        if (processInstance) {
+            request.additionalProperties = [{ key: PROCESS_INSTANCE_MDC_KEY, value: processInstance }];
+        }
+        this.$hasActiveSearch.set(this.computeHasActiveSearch(request));
+        return request;
+    }
+    computeHasActiveSearch(request) {
+        return !!(request.likeFormattedMessage ||
+            request.level ||
+            request.afterTimestamp ||
+            request.beforeTimestamp ||
+            request.additionalProperties?.length);
+    }
+    load() {
+        if (!this.documentId)
+            return;
+        this.$loading.set(true);
+        this.$errorMessage.set(null);
+        const request = this.buildSearchRequest();
+        this.caseInspectionService
+            .searchCaseLogs(this.documentId, request, this.$page() - 1, this.pageSize)
+            .subscribe({
+            next: (page) => {
+                this.$rows.set(page.content);
+                this.$totalElements.set(page.totalElements);
+                this.$selected.set(page.content[0] ?? null);
+                this.$selectedIndex.set(0);
+                this.$loading.set(false);
+            },
+            error: err => {
+                this.$errorMessage.set(err?.error?.message ?? err?.message ?? 'Failed to load logs');
+                this.$rows.set([]);
+                this.$totalElements.set(0);
+                this.$loading.set(false);
+            },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseInspectionLogsTabComponent, deps: [{ token: CaseInspectionService }, { token: i1$4.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseInspectionLogsTabComponent, isStandalone: true, selector: "valtimo-case-inspection-logs", inputs: { documentId: "documentId", pendingProcessInstanceId: "pendingProcessInstanceId" }, viewQueries: [{ propertyName: "_afterDatePicker", first: true, predicate: ["afterPicker"], descendants: true }, { propertyName: "_beforeDatePicker", first: true, predicate: ["beforePicker"], descendants: true }, { propertyName: "timestampTemplate", first: true, predicate: ["timestampTemplate"], descendants: true }, { propertyName: "levelTemplate", first: true, predicate: ["levelTemplate"], descendants: true }, { propertyName: "messageTemplate", first: true, predicate: ["messageTemplate"], descendants: true }], usesOnChanges: 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<section class=\"case-inspection-logs-tab\">\n  <form\n    class=\"case-inspection-logs-tab__filters\"\n    [formGroup]=\"formGroup\"\n    (ngSubmit)=\"onApplyFilter()\"\n  >\n    <cds-text-label\n      class=\"case-inspection-logs-tab__filter case-inspection-logs-tab__filter--message\"\n    >\n      {{ 'case.inspection.logs.filters.message' | translate }}\n\n      <input\n        cdsText\n        formControlName=\"likeFormattedMessage\"\n        [placeholder]=\"'case.inspection.logs.filters.messagePlaceholder' | translate\"\n        cdsLayer=\"1\"\n      />\n    </cds-text-label>\n\n    <cds-dropdown\n      class=\"case-inspection-logs-tab__filter case-inspection-logs-tab__filter--level\"\n      formControlName=\"level\"\n      [label]=\"'case.inspection.logs.filters.level' | translate\"\n      [placeholder]=\"'case.inspection.logs.filters.levelPlaceholder' | translate\"\n      [dropUp]=\"false\"\n      cdsLayer=\"1\"\n    >\n      <cds-dropdown-list [items]=\"logLevelItems\"></cds-dropdown-list>\n    </cds-dropdown>\n\n    <cds-date-picker\n      #afterPicker\n      class=\"case-inspection-logs-tab__filter\"\n      [label]=\"'case.inspection.logs.filters.after' | translate\"\n      [dateFormat]=\"'d-m-Y H:i'\"\n      [flatpickrOptions]=\"{enableTime: true, time_24hr: true}\"\n      placeholder=\"DD-MM-YYYY HH:mm\"\n      cdsLayer=\"1\"\n      (valueChange)=\"onAfterDateSelected($event)\"\n    ></cds-date-picker>\n\n    <cds-date-picker\n      #beforePicker\n      class=\"case-inspection-logs-tab__filter\"\n      [label]=\"'case.inspection.logs.filters.before' | translate\"\n      [dateFormat]=\"'d-m-Y H:i'\"\n      [flatpickrOptions]=\"{enableTime: true, time_24hr: true}\"\n      placeholder=\"DD-MM-YYYY HH:mm\"\n      cdsLayer=\"1\"\n      (valueChange)=\"onBeforeDateSelected($event)\"\n    ></cds-date-picker>\n\n    <div class=\"case-inspection-logs-tab__filter-actions\">\n      <button cdsButton=\"primary\" size=\"md\" type=\"submit\">\n        {{ 'case.inspection.logs.filters.apply' | translate }}\n      </button>\n\n      <button cdsButton=\"tertiary\" size=\"md\" type=\"button\" (click)=\"onResetFilter()\">\n        {{ 'case.inspection.logs.filters.reset' | translate }}\n      </button>\n    </div>\n  </form>\n\n  <ng-container *ngIf=\"$activeProcessInstanceFilter() as processInstanceId\">\n    <div class=\"case-inspection-logs-tab__chip-row\">\n      <cds-tag type=\"purple\" size=\"md\">\n        {{ 'case.inspection.logs.filters.processInstanceChip' | translate }}:\n        <code>{{ processInstanceId }}</code>\n      </cds-tag>\n\n      <button cdsButton=\"ghost\" size=\"sm\" type=\"button\" (click)=\"onClearProcessInstanceFilter()\">\n        {{ 'case.inspection.logs.filters.clearProcessInstance' | translate }}\n      </button>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"$errorMessage() as message\">\n    <p class=\"case-inspection-logs-tab__error\">{{ message }}</p>\n  </ng-container>\n\n  <div *ngIf=\"$loading()\" class=\"loading-container\">\n    <cds-loading size=\"sm\"></cds-loading>\n  </div>\n\n  <ng-container *ngIf=\"!$loading() && !$errorMessage()\">\n    <p *ngIf=\"$rows().length === 0\" class=\"case-inspection-logs-tab__empty\">\n      {{\n        ($hasActiveSearch() ? 'case.inspection.logs.emptyFiltered' : 'case.inspection.logs.empty')\n          | translate\n      }}\n    </p>\n\n    <div *ngIf=\"$rows().length > 0\" class=\"case-inspection-logs-tab__layout\">\n      <div\n        class=\"case-inspection-logs-tab__list-panel\"\n        [attr.data-selected-row]=\"$selectedIndex()\"\n      >\n        <valtimo-carbon-list\n          [fields]=\"fields\"\n          [header]=\"false\"\n          [hideToolbar]=\"true\"\n          [items]=\"$rows()\"\n          [loading]=\"$loading()\"\n          [pagination]=\"pagination\"\n          [cdsLayer]=\"1\"\n          (paginationClicked)=\"onPageSelected($event)\"\n          (rowClicked)=\"onSelectRow($event)\"\n        >\n          <valtimo-no-results\n            description=\"{{\n              ($hasActiveSearch()\n                ? 'case.inspection.logs.emptyFiltered'\n                : 'case.inspection.logs.empty'\n              ) | translate\n            }}\"\n          ></valtimo-no-results>\n        </valtimo-carbon-list>\n      </div>\n\n      <aside class=\"case-inspection-logs-tab__detail\" *ngIf=\"$selected() as selected\">\n        <header class=\"case-inspection-logs-tab__detail-header\">\n          <cds-tag size=\"sm\" [type]=\"LEVEL_TAG[selected.level] || 'gray'\">{{\n            selected.level\n          }}</cds-tag>\n          <span class=\"case-inspection-logs-tab__detail-timestamp\">\n            {{ selected.timestamp | date: 'dd-MM-yyyy HH:mm:ss' }}\n          </span>\n        </header>\n\n        <pre class=\"case-inspection-logs-tab__detail-message\">{{ selected.formattedMessage }}</pre>\n\n        <h4>{{ 'case.inspection.logs.detail.properties' | translate }}</h4>\n        <dl class=\"case-inspection-logs-tab__detail-properties\">\n          <ng-container *ngFor=\"let prop of selected.properties\">\n            <dt>\n              <code>{{ prop.key }}</code>\n            </dt>\n            <dd>\n              <code>{{ prop.value }}</code>\n            </dd>\n          </ng-container>\n        </dl>\n\n        <ng-container *ngIf=\"selected.stacktrace\">\n          <h4>{{ 'case.inspection.logs.detail.stacktrace' | translate }}</h4>\n          <pre class=\"case-inspection-logs-tab__detail-stacktrace\">{{ selected.stacktrace }}</pre>\n        </ng-container>\n      </aside>\n    </div>\n  </ng-container>\n</section>\n\n<ng-template #timestampTemplate let-data=\"data\">\n  {{ data.item.timestamp | date: 'dd-MM HH:mm:ss' }}\n</ng-template>\n\n<ng-template #levelTemplate let-data=\"data\">\n  <cds-tag size=\"sm\" [type]=\"LEVEL_TAG[data.item.level] || 'gray'\">\n    {{ data.item.level }}\n  </cds-tag>\n</ng-template>\n\n<ng-template #messageTemplate let-data=\"data\">\n  <span class=\"case-inspection-logs-tab__message-cell\">{{ data.item.formattedMessage }}</span>\n</ng-template>\n", styles: [".case-inspection-logs-tab{display:flex;flex-direction:column;padding:16px;gap:var(--cds-spacing-05)}.case-inspection-logs-tab__filters{display:grid;grid-template-columns:minmax(200px,1fr) minmax(140px,200px) 220px 220px auto;gap:var(--cds-spacing-04);align-items:end}.case-inspection-logs-tab__filter{min-width:0}.case-inspection-logs-tab cds-date-picker{display:block;width:100%}.case-inspection-logs-tab cds-date-picker ::ng-deep .cds--date-picker,.case-inspection-logs-tab cds-date-picker ::ng-deep .cds--date-picker--single,.case-inspection-logs-tab cds-date-picker ::ng-deep .cds--date-picker-container,.case-inspection-logs-tab cds-date-picker ::ng-deep .cds--date-picker-input,.case-inspection-logs-tab cds-date-picker ::ng-deep input.cds--date-picker__input{width:100%;min-width:0}.case-inspection-logs-tab__filter-actions{display:flex;gap:var(--cds-spacing-03)}.case-inspection-logs-tab__chip-row{display:flex;align-items:center;gap:var(--cds-spacing-03)}.case-inspection-logs-tab__error{color:var(--cds-support-error)}.case-inspection-logs-tab__empty{color:var(--cds-text-secondary);font-style:italic}.case-inspection-logs-tab__layout{display:flex;gap:var(--cds-spacing-05)}.case-inspection-logs-tab__list-panel{flex:0 0 65%;min-width:0}.case-inspection-logs-tab__list-panel ::ng-deep .cds--data-table{width:100%}.case-inspection-logs-tab__list-panel ::ng-deep .cds--data-table tbody tr{cursor:pointer}.case-inspection-logs-tab__list-panel ::ng-deep .cds--data-table td:first-child{width:136px;min-width:136px;max-width:136px}.case-inspection-logs-tab__list-panel ::ng-deep .cds--data-table td:nth-child(2){width:96px;min-width:96px;max-width:96px}.case-inspection-logs-tab__list-panel ::ng-deep .cds--data-table td:nth-child(3){max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.case-inspection-logs-tab__list-panel[data-selected-row=\"0\"] ::ng-deep .cds--data-table tbody tr:nth-child(1){background-color:var(--cds-layer-selected)}.case-inspection-logs-tab__list-panel[data-selected-row=\"1\"] ::ng-deep .cds--data-table tbody tr:nth-child(2){background-color:var(--cds-layer-selected)}.case-inspection-logs-tab__list-panel[data-selected-row=\"2\"] ::ng-deep .cds--data-table tbody tr:nth-child(3){background-color:var(--cds-layer-selected)}.case-inspection-logs-tab__list-panel[data-selected-row=\"3\"] ::ng-deep .cds--data-table tbody tr:nth-child(4){background-color:var(--cds-layer-selected)}.case-inspection-logs-tab__list-panel[data-selected-row=\"4\"] ::ng-deep .cds--data-table tbody tr:nth-child(5){background-color:var(--cds-layer-selected)}.case-inspection-logs-tab__list-panel[data-selected-row=\"5\"] ::ng-deep .cds--data-table tbody tr:nth-child(6){background-color:var(--cds-layer-selected)}.case-inspection-logs-tab__list-panel[data-selected-row=\"6\"] ::ng-deep .cds--data-table tbody tr:nth-child(7){background-color:var(--cds-layer-selected)}.case-inspection-logs-tab__list-panel[data-selected-row=\"7\"] ::ng-deep .cds--data-table tbody tr:nth-child(8){background-color:var(--cds-layer-selected)}.case-inspection-logs-tab__list-panel[data-selected-row=\"8\"] ::ng-deep .cds--data-table tbody tr:nth-child(9){background-color:var(--cds-layer-selected)}.case-inspection-logs-tab__list-panel[data-selected-row=\"9\"] ::ng-deep .cds--data-table tbody tr:nth-child(10){background-color:var(--cds-layer-selected)}.case-inspection-logs-tab__message-cell{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.case-inspection-logs-tab__pagination{margin-top:var(--cds-spacing-03)}.case-inspection-logs-tab__detail{flex:0 0 calc(35% - var(--cds-spacing-05));background-color:var(--cds-layer);border:1px solid var(--cds-border-subtle);padding:var(--cds-spacing-05);overflow:auto}.case-inspection-logs-tab__detail h4{margin-top:var(--cds-spacing-05);margin-bottom:var(--cds-spacing-03);font-size:var(--cds-body-compact-01-font-size);font-weight:600}.case-inspection-logs-tab__detail-header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--cds-spacing-02)}.case-inspection-logs-tab__detail-timestamp{color:var(--cds-text-secondary);font-size:var(--cds-helper-text-01-font-size)}.case-inspection-logs-tab__detail-message{margin:var(--cds-spacing-04) 0;padding:var(--cds-spacing-03);background-color:var(--cds-background);border:1px solid var(--cds-border-subtle);white-space:pre-wrap;word-break:break-word;font-size:var(--cds-helper-text-01-font-size)}.case-inspection-logs-tab__detail-properties{display:flex;flex-direction:column;gap:var(--cds-spacing-03)}.case-inspection-logs-tab__detail-properties dt{margin-bottom:var(--cds-spacing-01)}.case-inspection-logs-tab__detail-properties dt code{color:var(--cds-text-secondary)}.case-inspection-logs-tab__detail-properties dd{margin:0 0 var(--cds-spacing-02) 0}.case-inspection-logs-tab__detail-properties dd code{color:var(var(--cds-status-purple))}.case-inspection-logs-tab__detail-properties dt,.case-inspection-logs-tab__detail-properties dd{font-size:var(--cds-helper-text-01-font-size);word-break:break-all}.case-inspection-logs-tab__detail-stacktrace{margin:0;padding:var(--cds-spacing-03);background-color:var(--cds-background);border:1px solid var(--cds-border-subtle);white-space:pre-wrap;word-break:break-word;font-family:var(--cds-code-01-font-family);font-size:var(--cds-helper-text-01-font-size);max-height:256px;overflow:auto}\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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i6.DatePipe, name: "date" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { 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: FormsModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i2$1.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: i2$1.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i4$1.DatePicker, selector: "cds-date-picker, ibm-date-picker", inputs: ["range", "dateFormat", "language", "label", "helperText", "rangeHelperText", "rangeLabel", "placeholder", "ariaLabel", "inputPattern", "id", "value", "theme", "disabled", "readonly", "invalid", "invalidText", "warn", "warnText", "size", "rangeInvalid", "rangeInvalidText", "rangeWarn", "rangeWarnText", "skeleton", "plugins", "flatpickrOptions"], outputs: ["valueChange", "onClose"] }, { kind: "ngmodule", type: DropdownModule }, { kind: "component", type: i4$1.Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: ["id", "label", "hideLabel", "helperText", "placeholder", "displayValue", "clearText", "size", "type", "theme", "disabled", "readonly", "skeleton", "inline", "disableArrowKeys", "invalid", "invalidText", "warn", "warnText", "appendInline", "scrollableContainer", "itemValueKey", "selectionFeedback", "menuButtonLabel", "selectedLabel", "dropUp", "fluid"], outputs: ["selected", "onClose", "close"] }, { kind: "component", type: i4$1.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "ngmodule", type: IconModule }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i4$1.TextInputLabelComponent, selector: "cds-text-label, ibm-text-label", inputs: ["labelInputID", "disabled", "skeleton", "labelTemplate", "textInputTemplate", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel", "fluid"] }, { kind: "directive", type: i4$1.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i4$1.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class", "skeleton"] }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: i4$1.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i4$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseInspectionLogsTabComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-case-inspection-logs', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        TranslateModule,
+                        ReactiveFormsModule,
+                        FormsModule,
+                        ButtonModule,
+                        CarbonListModule,
+                        DatePickerModule,
+                        DropdownModule,
+                        IconModule,
+                        InputModule,
+                        TagModule,
+                        LoadingModule,
+                        LayerModule,
+                    ], 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<section class=\"case-inspection-logs-tab\">\n  <form\n    class=\"case-inspection-logs-tab__filters\"\n    [formGroup]=\"formGroup\"\n    (ngSubmit)=\"onApplyFilter()\"\n  >\n    <cds-text-label\n      class=\"case-inspection-logs-tab__filter case-inspection-logs-tab__filter--message\"\n    >\n      {{ 'case.inspection.logs.filters.message' | translate }}\n\n      <input\n        cdsText\n        formControlName=\"likeFormattedMessage\"\n        [placeholder]=\"'case.inspection.logs.filters.messagePlaceholder' | translate\"\n        cdsLayer=\"1\"\n      />\n    </cds-text-label>\n\n    <cds-dropdown\n      class=\"case-inspection-logs-tab__filter case-inspection-logs-tab__filter--level\"\n      formControlName=\"level\"\n      [label]=\"'case.inspection.logs.filters.level' | translate\"\n      [placeholder]=\"'case.inspection.logs.filters.levelPlaceholder' | translate\"\n      [dropUp]=\"false\"\n      cdsLayer=\"1\"\n    >\n      <cds-dropdown-list [items]=\"logLevelItems\"></cds-dropdown-list>\n    </cds-dropdown>\n\n    <cds-date-picker\n      #afterPicker\n      class=\"case-inspection-logs-tab__filter\"\n      [label]=\"'case.inspection.logs.filters.after' | translate\"\n      [dateFormat]=\"'d-m-Y H:i'\"\n      [flatpickrOptions]=\"{enableTime: true, time_24hr: true}\"\n      placeholder=\"DD-MM-YYYY HH:mm\"\n      cdsLayer=\"1\"\n      (valueChange)=\"onAfterDateSelected($event)\"\n    ></cds-date-picker>\n\n    <cds-date-picker\n      #beforePicker\n      class=\"case-inspection-logs-tab__filter\"\n      [label]=\"'case.inspection.logs.filters.before' | translate\"\n      [dateFormat]=\"'d-m-Y H:i'\"\n      [flatpickrOptions]=\"{enableTime: true, time_24hr: true}\"\n      placeholder=\"DD-MM-YYYY HH:mm\"\n      cdsLayer=\"1\"\n      (valueChange)=\"onBeforeDateSelected($event)\"\n    ></cds-date-picker>\n\n    <div class=\"case-inspection-logs-tab__filter-actions\">\n      <button cdsButton=\"primary\" size=\"md\" type=\"submit\">\n        {{ 'case.inspection.logs.filters.apply' | translate }}\n      </button>\n\n      <button cdsButton=\"tertiary\" size=\"md\" type=\"button\" (click)=\"onResetFilter()\">\n        {{ 'case.inspection.logs.filters.reset' | translate }}\n      </button>\n    </div>\n  </form>\n\n  <ng-container *ngIf=\"$activeProcessInstanceFilter() as processInstanceId\">\n    <div class=\"case-inspection-logs-tab__chip-row\">\n      <cds-tag type=\"purple\" size=\"md\">\n        {{ 'case.inspection.logs.filters.processInstanceChip' | translate }}:\n        <code>{{ processInstanceId }}</code>\n      </cds-tag>\n\n      <button cdsButton=\"ghost\" size=\"sm\" type=\"button\" (click)=\"onClearProcessInstanceFilter()\">\n        {{ 'case.inspection.logs.filters.clearProcessInstance' | translate }}\n      </button>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"$errorMessage() as message\">\n    <p class=\"case-inspection-logs-tab__error\">{{ message }}</p>\n  </ng-container>\n\n  <div *ngIf=\"$loading()\" class=\"loading-container\">\n    <cds-loading size=\"sm\"></cds-loading>\n  </div>\n\n  <ng-container *ngIf=\"!$loading() && !$errorMessage()\">\n    <p *ngIf=\"$rows().length === 0\" class=\"case-inspection-logs-tab__empty\">\n      {{\n        ($hasActiveSearch() ? 'case.inspection.logs.emptyFiltered' : 'case.inspection.logs.empty')\n          | translate\n      }}\n    </p>\n\n    <div *ngIf=\"$rows().length > 0\" class=\"case-inspection-logs-tab__layout\">\n      <div\n        class=\"case-inspection-logs-tab__list-panel\"\n        [attr.data-selected-row]=\"$selectedIndex()\"\n      >\n        <valtimo-carbon-list\n          [fields]=\"fields\"\n          [header]=\"false\"\n          [hideToolbar]=\"true\"\n          [items]=\"$rows()\"\n          [loading]=\"$loading()\"\n          [pagination]=\"pagination\"\n          [cdsLayer]=\"1\"\n          (paginationClicked)=\"onPageSelected($event)\"\n          (rowClicked)=\"onSelectRow($event)\"\n        >\n          <valtimo-no-results\n            description=\"{{\n              ($hasActiveSearch()\n                ? 'case.inspection.logs.emptyFiltered'\n                : 'case.inspection.logs.empty'\n              ) | translate\n            }}\"\n          ></valtimo-no-results>\n        </valtimo-carbon-list>\n      </div>\n\n      <aside class=\"case-inspection-logs-tab__detail\" *ngIf=\"$selected() as selected\">\n        <header class=\"case-inspection-logs-tab__detail-header\">\n          <cds-tag size=\"sm\" [type]=\"LEVEL_TAG[selected.level] || 'gray'\">{{\n            selected.level\n          }}</cds-tag>\n          <span class=\"case-inspection-logs-tab__detail-timestamp\">\n            {{ selected.timestamp | date: 'dd-MM-yyyy HH:mm:ss' }}\n          </span>\n        </header>\n\n        <pre class=\"case-inspection-logs-tab__detail-message\">{{ selected.formattedMessage }}</pre>\n\n        <h4>{{ 'case.inspection.logs.detail.properties' | translate }}</h4>\n        <dl class=\"case-inspection-logs-tab__detail-properties\">\n          <ng-container *ngFor=\"let prop of selected.properties\">\n            <dt>\n              <code>{{ prop.key }}</code>\n            </dt>\n            <dd>\n              <code>{{ prop.value }}</code>\n            </dd>\n          </ng-container>\n        </dl>\n\n        <ng-container *ngIf=\"selected.stacktrace\">\n          <h4>{{ 'case.inspection.logs.detail.stacktrace' | translate }}</h4>\n          <pre class=\"case-inspection-logs-tab__detail-stacktrace\">{{ selected.stacktrace }}</pre>\n        </ng-container>\n      </aside>\n    </div>\n  </ng-container>\n</section>\n\n<ng-template #timestampTemplate let-data=\"data\">\n  {{ data.item.timestamp | date: 'dd-MM HH:mm:ss' }}\n</ng-template>\n\n<ng-template #levelTemplate let-data=\"data\">\n  <cds-tag size=\"sm\" [type]=\"LEVEL_TAG[data.item.level] || 'gray'\">\n    {{ data.item.level }}\n  </cds-tag>\n</ng-template>\n\n<ng-template #messageTemplate let-data=\"data\">\n  <span class=\"case-inspection-logs-tab__message-cell\">{{ data.item.formattedMessage }}</span>\n</ng-template>\n", styles: [".case-inspection-logs-tab{display:flex;flex-direction:column;padding:16px;gap:var(--cds-spacing-05)}.case-inspection-logs-tab__filters{display:grid;grid-template-columns:minmax(200px,1fr) minmax(140px,200px) 220px 220px auto;gap:var(--cds-spacing-04);align-items:end}.case-inspection-logs-tab__filter{min-width:0}.case-inspection-logs-tab cds-date-picker{display:block;width:100%}.case-inspection-logs-tab cds-date-picker ::ng-deep .cds--date-picker,.case-inspection-logs-tab cds-date-picker ::ng-deep .cds--date-picker--single,.case-inspection-logs-tab cds-date-picker ::ng-deep .cds--date-picker-container,.case-inspection-logs-tab cds-date-picker ::ng-deep .cds--date-picker-input,.case-inspection-logs-tab cds-date-picker ::ng-deep input.cds--date-picker__input{width:100%;min-width:0}.case-inspection-logs-tab__filter-actions{display:flex;gap:var(--cds-spacing-03)}.case-inspection-logs-tab__chip-row{display:flex;align-items:center;gap:var(--cds-spacing-03)}.case-inspection-logs-tab__error{color:var(--cds-support-error)}.case-inspection-logs-tab__empty{color:var(--cds-text-secondary);font-style:italic}.case-inspection-logs-tab__layout{display:flex;gap:var(--cds-spacing-05)}.case-inspection-logs-tab__list-panel{flex:0 0 65%;min-width:0}.case-inspection-logs-tab__list-panel ::ng-deep .cds--data-table{width:100%}.case-inspection-logs-tab__list-panel ::ng-deep .cds--data-table tbody tr{cursor:pointer}.case-inspection-logs-tab__list-panel ::ng-deep .cds--data-table td:first-child{width:136px;min-width:136px;max-width:136px}.case-inspection-logs-tab__list-panel ::ng-deep .cds--data-table td:nth-child(2){width:96px;min-width:96px;max-width:96px}.case-inspection-logs-tab__list-panel ::ng-deep .cds--data-table td:nth-child(3){max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.case-inspection-logs-tab__list-panel[data-selected-row=\"0\"] ::ng-deep .cds--data-table tbody tr:nth-child(1){background-color:var(--cds-layer-selected)}.case-inspection-logs-tab__list-panel[data-selected-row=\"1\"] ::ng-deep .cds--data-table tbody tr:nth-child(2){background-color:var(--cds-layer-selected)}.case-inspection-logs-tab__list-panel[data-selected-row=\"2\"] ::ng-deep .cds--data-table tbody tr:nth-child(3){background-color:var(--cds-layer-selected)}.case-inspection-logs-tab__list-panel[data-selected-row=\"3\"] ::ng-deep .cds--data-table tbody tr:nth-child(4){background-color:var(--cds-layer-selected)}.case-inspection-logs-tab__list-panel[data-selected-row=\"4\"] ::ng-deep .cds--data-table tbody tr:nth-child(5){background-color:var(--cds-layer-selected)}.case-inspection-logs-tab__list-panel[data-selected-row=\"5\"] ::ng-deep .cds--data-table tbody tr:nth-child(6){background-color:var(--cds-layer-selected)}.case-inspection-logs-tab__list-panel[data-selected-row=\"6\"] ::ng-deep .cds--data-table tbody tr:nth-child(7){background-color:var(--cds-layer-selected)}.case-inspection-logs-tab__list-panel[data-selected-row=\"7\"] ::ng-deep .cds--data-table tbody tr:nth-child(8){background-color:var(--cds-layer-selected)}.case-inspection-logs-tab__list-panel[data-selected-row=\"8\"] ::ng-deep .cds--data-table tbody tr:nth-child(9){background-color:var(--cds-layer-selected)}.case-inspection-logs-tab__list-panel[data-selected-row=\"9\"] ::ng-deep .cds--data-table tbody tr:nth-child(10){background-color:var(--cds-layer-selected)}.case-inspection-logs-tab__message-cell{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.case-inspection-logs-tab__pagination{margin-top:var(--cds-spacing-03)}.case-inspection-logs-tab__detail{flex:0 0 calc(35% - var(--cds-spacing-05));background-color:var(--cds-layer);border:1px solid var(--cds-border-subtle);padding:var(--cds-spacing-05);overflow:auto}.case-inspection-logs-tab__detail h4{margin-top:var(--cds-spacing-05);margin-bottom:var(--cds-spacing-03);font-size:var(--cds-body-compact-01-font-size);font-weight:600}.case-inspection-logs-tab__detail-header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--cds-spacing-02)}.case-inspection-logs-tab__detail-timestamp{color:var(--cds-text-secondary);font-size:var(--cds-helper-text-01-font-size)}.case-inspection-logs-tab__detail-message{margin:var(--cds-spacing-04) 0;padding:var(--cds-spacing-03);background-color:var(--cds-background);border:1px solid var(--cds-border-subtle);white-space:pre-wrap;word-break:break-word;font-size:var(--cds-helper-text-01-font-size)}.case-inspection-logs-tab__detail-properties{display:flex;flex-direction:column;gap:var(--cds-spacing-03)}.case-inspection-logs-tab__detail-properties dt{margin-bottom:var(--cds-spacing-01)}.case-inspection-logs-tab__detail-properties dt code{color:var(--cds-text-secondary)}.case-inspection-logs-tab__detail-properties dd{margin:0 0 var(--cds-spacing-02) 0}.case-inspection-logs-tab__detail-properties dd code{color:var(var(--cds-status-purple))}.case-inspection-logs-tab__detail-properties dt,.case-inspection-logs-tab__detail-properties dd{font-size:var(--cds-helper-text-01-font-size);word-break:break-all}.case-inspection-logs-tab__detail-stacktrace{margin:0;padding:var(--cds-spacing-03);background-color:var(--cds-background);border:1px solid var(--cds-border-subtle);white-space:pre-wrap;word-break:break-word;font-family:var(--cds-code-01-font-family);font-size:var(--cds-helper-text-01-font-size);max-height:256px;overflow:auto}\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: CaseInspectionService }, { type: i1$4.FormBuilder }], propDecorators: { _afterDatePicker: [{
+                type: ViewChild,
+                args: ['afterPicker']
+            }], _beforeDatePicker: [{
+                type: ViewChild,
+                args: ['beforePicker']
+            }], timestampTemplate: [{
+                type: ViewChild,
+                args: ['timestampTemplate']
+            }], levelTemplate: [{
+                type: ViewChild,
+                args: ['levelTemplate']
+            }], messageTemplate: [{
+                type: ViewChild,
+                args: ['messageTemplate']
+            }], documentId: [{
+                type: Input
+            }], pendingProcessInstanceId: [{
+                type: Input
+            }] } });
+
+/*
+ * 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 CaseInspectionMetadataTabComponent {
+    constructor(caseInspectionService) {
+        this.caseInspectionService = caseInspectionService;
+        this.$loading = signal(true);
+        this.$document = signal(null);
+        this.$errorMessage = signal(null);
+    }
+    ngOnChanges(changes) {
+        if (changes.documentId && this.documentId) {
+            this.loadDocument(this.documentId);
+        }
+    }
+    loadDocument(documentId) {
+        this.$loading.set(true);
+        this.$errorMessage.set(null);
+        this.$document.set(null);
+        this.caseInspectionService.getDocument(documentId).subscribe({
+            next: document => {
+                if (documentId !== this.documentId) {
+                    return;
+                }
+                this.$document.set(document);
+                this.$loading.set(false);
+            },
+            error: err => {
+                if (documentId !== this.documentId) {
+                    return;
+                }
+                this.$document.set(null);
+                this.$errorMessage.set(err?.error?.message ?? err?.message ?? 'Failed to load metadata');
+                this.$loading.set(false);
+            },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseInspectionMetadataTabComponent, deps: [{ token: CaseInspectionService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CaseInspectionMetadataTabComponent, isStandalone: true, selector: "valtimo-case-inspection-metadata", inputs: { documentId: "documentId" }, usesOnChanges: 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<section class=\"case-inspection-metadata-tab\">\n  <div *ngIf=\"$loading()\" class=\"loading-container\">\n    <cds-loading size=\"sm\"></cds-loading>\n  </div>\n\n  @if ($errorMessage(); as message) {\n    <p class=\"case-inspection-metadata-tab__error\">{{ message }}</p>\n  }\n\n  <ng-container *ngIf=\"$document() as document\">\n    <cds-structured-list class=\"case-inspection-metadata-tab__list\" [condensed]=\"true\">\n      <cds-list-row>\n        <cds-list-column>{{ 'case.inspection.metadata.documentId' | translate }}</cds-list-column>\n        <cds-list-column\n          ><code>{{ document.id }}</code></cds-list-column\n        >\n      </cds-list-row>\n\n      <cds-list-row>\n        <cds-list-column>{{\n          'case.inspection.metadata.definitionName' | translate\n        }}</cds-list-column>\n        <cds-list-column>{{ document.definitionId?.name }}</cds-list-column>\n      </cds-list-row>\n\n      <cds-list-row>\n        <cds-list-column>{{ 'case.inspection.metadata.sequence' | translate }}</cds-list-column>\n        <cds-list-column>{{ document.sequence }}</cds-list-column>\n      </cds-list-row>\n\n      <cds-list-row>\n        <cds-list-column>{{ 'case.inspection.metadata.version' | translate }}</cds-list-column>\n        <cds-list-column>{{ document.version }}</cds-list-column>\n      </cds-list-row>\n\n      <cds-list-row>\n        <cds-list-column>{{ 'case.inspection.metadata.createdBy' | translate }}</cds-list-column>\n        <cds-list-column>{{ document.createdBy }}</cds-list-column>\n      </cds-list-row>\n\n      <cds-list-row>\n        <cds-list-column>{{ 'case.inspection.metadata.createdOn' | translate }}</cds-list-column>\n        <cds-list-column>{{ document.createdOn | date: 'medium' }}</cds-list-column>\n      </cds-list-row>\n\n      <cds-list-row>\n        <cds-list-column>{{ 'case.inspection.metadata.modifiedOn' | translate }}</cds-list-column>\n        <cds-list-column>{{ document.modifiedOn | date: 'medium' }}</cds-list-column>\n      </cds-list-row>\n\n      <cds-list-row>\n        <cds-list-column>{{ 'case.inspection.metadata.assignee' | translate }}</cds-list-column>\n        <cds-list-column>\n          <ng-container *ngIf=\"document.assigneeFullName; else noAssignee\">\n            {{ document.assigneeFullName }}\n          </ng-container>\n\n          <ng-template #noAssignee>\n            <span class=\"case-inspection-metadata-tab__empty\">\n              {{ 'case.inspection.metadata.unassigned' | translate }}\n            </span>\n          </ng-template>\n        </cds-list-column>\n      </cds-list-row>\n\n      <cds-list-row>\n        <cds-list-column>{{ 'case.inspection.metadata.assignedTeam' | translate }}</cds-list-column>\n        <cds-list-column>\n          <ng-container *ngIf=\"document.assignedTeamTitle; else noTeam\">\n            {{ document.assignedTeamTitle }}\n          </ng-container>\n\n          <ng-template #noTeam>\n            <span class=\"case-inspection-metadata-tab__empty\">\n              {{ 'case.inspection.metadata.unassigned' | translate }}\n            </span>\n          </ng-template>\n        </cds-list-column>\n      </cds-list-row>\n\n      <cds-list-row>\n        <cds-list-column>{{\n          'case.inspection.metadata.internalStatus' | translate\n        }}</cds-list-column>\n        <cds-list-column>\n          <ng-container *ngIf=\"document.internalStatus; else noStatus\">\n            {{ document.internalStatus }}\n          </ng-container>\n\n          <ng-template #noStatus>\n            <span class=\"case-inspection-metadata-tab__empty\">\n              {{ 'case.inspection.metadata.noStatus' | translate }}\n            </span>\n          </ng-template>\n        </cds-list-column>\n      </cds-list-row>\n\n      <cds-list-row>\n        <cds-list-column>{{ 'case.inspection.metadata.tags' | translate }}</cds-list-column>\n        <cds-list-column>\n          <ng-container *ngIf=\"document.caseTags?.length; else noTags\">\n            <cds-tag\n              *ngFor=\"let tag of document.caseTags\"\n              [title]=\"tag.title\"\n              size=\"sm\"\n              type=\"cool-gray\"\n            >\n              {{ tag.title }}\n            </cds-tag>\n          </ng-container>\n\n          <ng-template #noTags>\n            <span class=\"case-inspection-metadata-tab__empty\">\n              {{ 'case.inspection.metadata.noTags' | translate }}\n            </span>\n          </ng-template>\n        </cds-list-column>\n      </cds-list-row>\n\n      <cds-list-row>\n        <cds-list-column>{{ 'case.inspection.metadata.relations' | translate }}</cds-list-column>\n        <cds-list-column>\n          <ng-container *ngIf=\"document.relations?.length; else noRelations\">\n            <ul>\n              <li *ngFor=\"let relation of document.relations\">{{ relation }}</li>\n            </ul>\n          </ng-container>\n\n          <ng-template #noRelations>\n            <span class=\"case-inspection-metadata-tab__empty\">\n              {{ 'case.inspection.metadata.noRelations' | translate }}\n            </span>\n          </ng-template>\n        </cds-list-column>\n      </cds-list-row>\n\n      <cds-list-row>\n        <cds-list-column>{{ 'case.inspection.metadata.relatedFiles' | translate }}</cds-list-column>\n        <cds-list-column>{{ document.relatedFiles?.length || 0 }}</cds-list-column>\n      </cds-list-row>\n    </cds-structured-list>\n  </ng-container>\n</section>\n", styles: [".case-inspection-metadata-tab{border-left:1px solid var(--cds-border-subtle);border-right:1px solid var(--cds-border-subtle)}.case-inspection-metadata-tab__list ul{margin:0;padding-left:var(--cds-spacing-06)}.case-inspection-metadata-tab__error{color:var(--cds-text-error)}.case-inspection-metadata-tab__empty{color:var(--cds-text-helper)}\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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i6.DatePipe, name: "date" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: StructuredListModule }, { kind: "component", type: i4$1.StructuredList, selector: "cds-structured-list, ibm-structured-list", inputs: ["selection", "flushed", "condensed", "name", "skeleton"], outputs: ["selected"] }, { kind: "component", type: i4$1.ListRow, selector: "cds-list-row, ibm-list-row", inputs: ["selected", "label", "value"], outputs: ["change"] }, { kind: "component", type: i4$1.ListColumn, selector: "cds-list-column, ibm-list-column", inputs: ["skeleton", "nowrap"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i4$1.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class", "skeleton"] }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: i4$1.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseInspectionMetadataTabComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-case-inspection-metadata', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, TranslateModule, StructuredListModule, TagModule, 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<section class=\"case-inspection-metadata-tab\">\n  <div *ngIf=\"$loading()\" class=\"loading-container\">\n    <cds-loading size=\"sm\"></cds-loading>\n  </div>\n\n  @if ($errorMessage(); as message) {\n    <p class=\"case-inspection-metadata-tab__error\">{{ message }}</p>\n  }\n\n  <ng-container *ngIf=\"$document() as document\">\n    <cds-structured-list class=\"case-inspection-metadata-tab__list\" [condensed]=\"true\">\n      <cds-list-row>\n        <cds-list-column>{{ 'case.inspection.metadata.documentId' | translate }}</cds-list-column>\n        <cds-list-column\n          ><code>{{ document.id }}</code></cds-list-column\n        >\n      </cds-list-row>\n\n      <cds-list-row>\n        <cds-list-column>{{\n          'case.inspection.metadata.definitionName' | translate\n        }}</cds-list-column>\n        <cds-list-column>{{ document.definitionId?.name }}</cds-list-column>\n      </cds-list-row>\n\n      <cds-list-row>\n        <cds-list-column>{{ 'case.inspection.metadata.sequence' | translate }}</cds-list-column>\n        <cds-list-column>{{ document.sequence }}</cds-list-column>\n      </cds-list-row>\n\n      <cds-list-row>\n        <cds-list-column>{{ 'case.inspection.metadata.version' | translate }}</cds-list-column>\n        <cds-list-column>{{ document.version }}</cds-list-column>\n      </cds-list-row>\n\n      <cds-list-row>\n        <cds-list-column>{{ 'case.inspection.metadata.createdBy' | translate }}</cds-list-column>\n        <cds-list-column>{{ document.createdBy }}</cds-list-column>\n      </cds-list-row>\n\n      <cds-list-row>\n        <cds-list-column>{{ 'case.inspection.metadata.createdOn' | translate }}</cds-list-column>\n        <cds-list-column>{{ document.createdOn | date: 'medium' }}</cds-list-column>\n      </cds-list-row>\n\n      <cds-list-row>\n        <cds-list-column>{{ 'case.inspection.metadata.modifiedOn' | translate }}</cds-list-column>\n        <cds-list-column>{{ document.modifiedOn | date: 'medium' }}</cds-list-column>\n      </cds-list-row>\n\n      <cds-list-row>\n        <cds-list-column>{{ 'case.inspection.metadata.assignee' | translate }}</cds-list-column>\n        <cds-list-column>\n          <ng-container *ngIf=\"document.assigneeFullName; else noAssignee\">\n            {{ document.assigneeFullName }}\n          </ng-container>\n\n          <ng-template #noAssignee>\n            <span class=\"case-inspection-metadata-tab__empty\">\n              {{ 'case.inspection.metadata.unassigned' | translate }}\n            </span>\n          </ng-template>\n        </cds-list-column>\n      </cds-list-row>\n\n      <cds-list-row>\n        <cds-list-column>{{ 'case.inspection.metadata.assignedTeam' | translate }}</cds-list-column>\n        <cds-list-column>\n          <ng-container *ngIf=\"document.assignedTeamTitle; else noTeam\">\n            {{ document.assignedTeamTitle }}\n          </ng-container>\n\n          <ng-template #noTeam>\n            <span class=\"case-inspection-metadata-tab__empty\">\n              {{ 'case.inspection.metadata.unassigned' | translate }}\n            </span>\n          </ng-template>\n        </cds-list-column>\n      </cds-list-row>\n\n      <cds-list-row>\n        <cds-list-column>{{\n          'case.inspection.metadata.internalStatus' | translate\n        }}</cds-list-column>\n        <cds-list-column>\n          <ng-container *ngIf=\"document.internalStatus; else noStatus\">\n            {{ document.internalStatus }}\n          </ng-container>\n\n          <ng-template #noStatus>\n            <span class=\"case-inspection-metadata-tab__empty\">\n              {{ 'case.inspection.metadata.noStatus' | translate }}\n            </span>\n          </ng-template>\n        </cds-list-column>\n      </cds-list-row>\n\n      <cds-list-row>\n        <cds-list-column>{{ 'case.inspection.metadata.tags' | translate }}</cds-list-column>\n        <cds-list-column>\n          <ng-container *ngIf=\"document.caseTags?.length; else noTags\">\n            <cds-tag\n              *ngFor=\"let tag of document.caseTags\"\n              [title]=\"tag.title\"\n              size=\"sm\"\n              type=\"cool-gray\"\n            >\n              {{ tag.title }}\n            </cds-tag>\n          </ng-container>\n\n          <ng-template #noTags>\n            <span class=\"case-inspection-metadata-tab__empty\">\n              {{ 'case.inspection.metadata.noTags' | translate }}\n            </span>\n          </ng-template>\n        </cds-list-column>\n      </cds-list-row>\n\n      <cds-list-row>\n        <cds-list-column>{{ 'case.inspection.metadata.relations' | translate }}</cds-list-column>\n        <cds-list-column>\n          <ng-container *ngIf=\"document.relations?.length; else noRelations\">\n            <ul>\n              <li *ngFor=\"let relation of document.relations\">{{ relation }}</li>\n            </ul>\n          </ng-container>\n\n          <ng-template #noRelations>\n            <span class=\"case-inspection-metadata-tab__empty\">\n              {{ 'case.inspection.metadata.noRelations' | translate }}\n            </span>\n          </ng-template>\n        </cds-list-column>\n      </cds-list-row>\n\n      <cds-list-row>\n        <cds-list-column>{{ 'case.inspection.metadata.relatedFiles' | translate }}</cds-list-column>\n        <cds-list-column>{{ document.relatedFiles?.length || 0 }}</cds-list-column>\n      </cds-list-row>\n    </cds-structured-list>\n  </ng-container>\n</section>\n", styles: [".case-inspection-metadata-tab{border-left:1px solid var(--cds-border-subtle);border-right:1px solid var(--cds-border-subtle)}.case-inspection-metadata-tab__list ul{margin:0;padding-left:var(--cds-spacing-06)}.case-inspection-metadata-tab__error{color:var(--cds-text-error)}.case-inspection-metadata-tab__empty{color:var(--cds-text-helper)}\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: CaseInspectionService }], propDecorators: { documentId: [{
+                type: Input
+            }] } });
+
+/*
+ * 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 CaseInspectionProcessVariableModalComponent {
+    get name() {
+        return this.formGroup.get('name');
+    }
+    get type() {
+        return this.formGroup.get('type');
+    }
+    constructor(fb) {
+        this.fb = fb;
+        this.open = false;
+        this.mode = 'create';
+        this.initialVariable = null;
+        this.modalClosed = new EventEmitter();
+        this.$invalidJson = signal(false);
+        this._PROCESS_VARIABLE_TYPES = [
+            'STRING',
+            'INTEGER',
+            'LONG',
+            'DOUBLE',
+            'BOOLEAN',
+            'JSON',
+        ];
+        this.typeSelectItems = this._PROCESS_VARIABLE_TYPES.map(type => ({
+            id: type,
+            translationKey: `case.inspection.processes.variableModal.types.${type}`,
+        }));
+        this.formGroup = this.fb.group({
+            name: this.fb.control('', [Validators.required, Validators.pattern(/\S/)]),
+            type: this.fb.control('STRING', Validators.required),
+            valueText: this.fb.control(''),
+            valueNumber: this.fb.control(null),
+            valueBoolean: this.fb.control(false),
+            valueJson: this.fb.control('', this.jsonValidator()),
+        });
+        this.type.valueChanges.subscribe(t => this.applyTypeValidators(t));
+    }
+    ngOnChanges(changes) {
+        if (changes.open && this.open) {
+            this.resetForm();
+            if (this.mode === 'edit' && this.initialVariable) {
+                this.applyInitialVariable(this.initialVariable);
+            }
+            this.applyNameDisabled();
+        }
+    }
+    onCancel() {
+        this.modalClosed.emit(null);
+    }
+    onConfirm() {
+        if (this.formGroup.invalid) {
+            this.formGroup.markAllAsTouched();
+            return;
+        }
+        const raw = this.formGroup.getRawValue();
+        const request = {
+            name: (raw.name ?? '').trim(),
+            type: raw.type,
+            value: this.extractValue(raw.type),
+        };
+        this.modalClosed.emit(request);
+    }
+    extractValue(type) {
+        const raw = this.formGroup.getRawValue();
+        switch (type) {
+            case 'STRING':
+                return raw.valueText ?? '';
+            case 'INTEGER':
+            case 'LONG':
+            case 'DOUBLE':
+                return raw.valueNumber;
+            case 'BOOLEAN':
+                return !!raw.valueBoolean;
+            case 'JSON':
+                return raw.valueJson ? JSON.parse(raw.valueJson) : null;
+        }
+    }
+    applyTypeValidators(type) {
+        const text = this.formGroup.get('valueText');
+        const num = this.formGroup.get('valueNumber');
+        const bool = this.formGroup.get('valueBoolean');
+        const json = this.formGroup.get('valueJson');
+        text.clearValidators();
+        num.clearValidators();
+        bool.clearValidators();
+        json.clearValidators();
+        switch (type) {
+            case 'INTEGER':
+            case 'LONG':
+                num.setValidators([Validators.required, Validators.pattern(/^-?\d+$/)]);
+                break;
+            case 'DOUBLE':
+                num.setValidators([Validators.required, Validators.pattern(/^-?\d+(\.\d+)?$/)]);
+                break;
+            case 'JSON':
+                json.setValidators(this.jsonValidator());
+                break;
+            default:
+                break;
+        }
+        [text, num, bool, json].forEach(c => c.updateValueAndValidity({ emitEvent: false }));
+    }
+    applyInitialVariable(variable) {
+        const inferredType = this.inferType(variable.type);
+        this.name.setValue(variable.name);
+        this.type.setValue(inferredType);
+        switch (inferredType) {
+            case 'STRING':
+                this.formGroup
+                    .get('valueText')
+                    .setValue(variable.value == null ? '' : String(variable.value));
+                break;
+            case 'INTEGER':
+            case 'LONG':
+            case 'DOUBLE':
+                this.formGroup
+                    .get('valueNumber')
+                    .setValue(typeof variable.value === 'number' ? variable.value : Number(variable.value ?? 0));
+                break;
+            case 'BOOLEAN':
+                this.formGroup.get('valueBoolean').setValue(variable.value === true);
+                break;
+            case 'JSON':
+                this.formGroup
+                    .get('valueJson')
+                    .setValue(variable.value == null ? '' : JSON.stringify(variable.value, null, 2));
+                break;
+        }
+    }
+    inferType(operatonType) {
+        switch ((operatonType ?? '').toLowerCase()) {
+            case 'string':
+                return 'STRING';
+            case 'integer':
+                return 'INTEGER';
+            case 'long':
+                return 'LONG';
+            case 'double':
+                return 'DOUBLE';
+            case 'boolean':
+                return 'BOOLEAN';
+            default:
+                return 'JSON';
+        }
+    }
+    applyNameDisabled() {
+        if (this.mode === 'edit') {
+            this.name.disable({ emitEvent: false });
+        }
+        else {
+            this.name.enable({ emitEvent: false });
+        }
+    }
+    resetForm() {
+        this.formGroup.reset({
+            name: '',
+            type: 'STRING',
+            valueText: '',
+            valueNumber: null,
+            valueBoolean: false,
+            valueJson: '',
+        });
+        this.$invalidJson.set(false);
+        this.applyTypeValidators('STRING');
+    }
+    jsonValidator() {
+        return (control) => {
+            const raw = control.value;
+            if (raw == null || raw === '') {
+                this.$invalidJson?.set(false);
+                return null;
+            }
+            try {
+                JSON.parse(raw);
+                this.$invalidJson?.set(false);
+                return null;
+            }
+            catch {
+                this.$invalidJson?.set(true);
+                return { invalidJson: true };
+            }
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseInspectionProcessVariableModalComponent, deps: [{ token: i1$4.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseInspectionProcessVariableModalComponent, isStandalone: true, selector: "valtimo-case-inspection-process-variable-modal", inputs: { open: "open", mode: "mode", initialVariable: "initialVariable" }, outputs: { modalClosed: "modalClosed" }, usesOnChanges: 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<cds-modal valtimoCdsModal [open]=\"open\" size=\"sm\" showFooter=\"true\" (close)=\"onCancel()\">\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCancel()\">\n    <h3 cdsModalHeaderHeading>\n      {{\n        (mode === 'edit'\n          ? 'case.inspection.processes.variableModal.editTitle'\n          : 'case.inspection.processes.variableModal.addTitle'\n        ) | translate\n      }}\n    </h3>\n  </cds-modal-header>\n\n  <form\n    [cdsLayer]=\"1\"\n    [formGroup]=\"formGroup\"\n    cdsModalContent\n    class=\"case-inspection-variable-modal__form\"\n  >\n    <cds-label>\n      {{ 'case.inspection.processes.variableModal.name' | translate }}\n\n      <input\n        cdsText\n        formControlName=\"name\"\n        [invalid]=\"name.dirty && name.invalid\"\n      />\n    </cds-label>\n\n    <v-select\n      formControlName=\"type\"\n      titleTranslationKey=\"case.inspection.processes.variableModal.type\"\n      [appendInline]=\"false\"\n      [items]=\"typeSelectItems\"\n    ></v-select>\n\n    <ng-container [ngSwitch]=\"type.value\">\n      <cds-label *ngSwitchCase=\"'STRING'\">\n        {{ 'case.inspection.processes.variableModal.value' | translate }}\n\n        <input cdsText formControlName=\"valueText\" />\n      </cds-label>\n\n      <ng-container *ngSwitchCase=\"'INTEGER'\">\n        <ng-container *ngTemplateOutlet=\"numberField\"></ng-container>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'LONG'\">\n        <ng-container *ngTemplateOutlet=\"numberField\"></ng-container>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'DOUBLE'\">\n        <ng-container *ngTemplateOutlet=\"numberField\"></ng-container>\n      </ng-container>\n\n      <cds-toggle\n        *ngSwitchCase=\"'BOOLEAN'\"\n        formControlName=\"valueBoolean\"\n        [label]=\"'case.inspection.processes.variableModal.value' | translate\"\n      ></cds-toggle>\n\n      <cds-textarea-label\n        *ngSwitchCase=\"'JSON'\"\n        [invalid]=\"$invalidJson()\"\n        [invalidText]=\"'case.inspection.processes.variableModal.invalidJson' | translate\"\n      >\n        {{ 'case.inspection.processes.variableModal.value' | translate }}\n\n        <textarea\n          cdsTextArea\n          formControlName=\"valueJson\"\n          rows=\"8\"\n          [invalid]=\"$invalidJson()\"\n        ></textarea>\n      </cds-textarea-label>\n    </ng-container>\n\n    <ng-template #numberField>\n      <cds-number\n        formControlName=\"valueNumber\"\n        [label]=\"'case.inspection.processes.variableModal.value' | translate\"\n        [step]=\"type.value === 'DOUBLE' ? 0.1 : 1\"\n      ></cds-number>\n    </ng-template>\n  </form>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"onCancel()\">\n      {{ 'case.inspection.processes.variableModal.cancel' | translate }}\n    </button>\n\n    <button\n      cdsButton=\"primary\"\n      [disabled]=\"formGroup.invalid\"\n      (click)=\"onConfirm()\"\n    >\n      {{ 'case.inspection.processes.variableModal.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".case-inspection-variable-modal__form{display:flex;flex-direction:column;gap:var(--cds-spacing-06)}\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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i6.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i6.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { 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: ButtonModule }, { kind: "directive", type: i4$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i4$1.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "component", type: i4$1.TextareaLabelComponent, selector: "cds-textarea-label, ibm-textarea-label", inputs: ["labelInputID", "disabled", "skeleton", "labelTemplate", "textAreaTemplate", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel", "fluid"] }, { kind: "directive", type: i4$1.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "directive", type: i4$1.TextArea, selector: "[cdsTextArea], [ibmTextArea]", inputs: ["theme", "invalid", "skeleton"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i4$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i4$1.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i4$1.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i4$1.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i4$1.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i4$1.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: NumberModule }, { kind: "component", type: i4$1.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: "ngmodule", type: ToggleModule }, { kind: "component", type: i4$1.Toggle, selector: "cds-toggle, ibm-toggle", inputs: ["offText", "onText", "label", "size", "hideLabel", "ariaLabel", "skeleton"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i2$1.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: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseInspectionProcessVariableModalComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-case-inspection-process-variable-modal', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        TranslateModule,
+                        ReactiveFormsModule,
+                        ButtonModule,
+                        InputModule,
+                        LayerModule,
+                        ModalModule,
+                        NumberModule,
+                        ToggleModule,
+                        SelectModule,
+                        ValtimoCdsModalDirective,
+                    ], 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 valtimoCdsModal [open]=\"open\" size=\"sm\" showFooter=\"true\" (close)=\"onCancel()\">\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCancel()\">\n    <h3 cdsModalHeaderHeading>\n      {{\n        (mode === 'edit'\n          ? 'case.inspection.processes.variableModal.editTitle'\n          : 'case.inspection.processes.variableModal.addTitle'\n        ) | translate\n      }}\n    </h3>\n  </cds-modal-header>\n\n  <form\n    [cdsLayer]=\"1\"\n    [formGroup]=\"formGroup\"\n    cdsModalContent\n    class=\"case-inspection-variable-modal__form\"\n  >\n    <cds-label>\n      {{ 'case.inspection.processes.variableModal.name' | translate }}\n\n      <input\n        cdsText\n        formControlName=\"name\"\n        [invalid]=\"name.dirty && name.invalid\"\n      />\n    </cds-label>\n\n    <v-select\n      formControlName=\"type\"\n      titleTranslationKey=\"case.inspection.processes.variableModal.type\"\n      [appendInline]=\"false\"\n      [items]=\"typeSelectItems\"\n    ></v-select>\n\n    <ng-container [ngSwitch]=\"type.value\">\n      <cds-label *ngSwitchCase=\"'STRING'\">\n        {{ 'case.inspection.processes.variableModal.value' | translate }}\n\n        <input cdsText formControlName=\"valueText\" />\n      </cds-label>\n\n      <ng-container *ngSwitchCase=\"'INTEGER'\">\n        <ng-container *ngTemplateOutlet=\"numberField\"></ng-container>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'LONG'\">\n        <ng-container *ngTemplateOutlet=\"numberField\"></ng-container>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'DOUBLE'\">\n        <ng-container *ngTemplateOutlet=\"numberField\"></ng-container>\n      </ng-container>\n\n      <cds-toggle\n        *ngSwitchCase=\"'BOOLEAN'\"\n        formControlName=\"valueBoolean\"\n        [label]=\"'case.inspection.processes.variableModal.value' | translate\"\n      ></cds-toggle>\n\n      <cds-textarea-label\n        *ngSwitchCase=\"'JSON'\"\n        [invalid]=\"$invalidJson()\"\n        [invalidText]=\"'case.inspection.processes.variableModal.invalidJson' | translate\"\n      >\n        {{ 'case.inspection.processes.variableModal.value' | translate }}\n\n        <textarea\n          cdsTextArea\n          formControlName=\"valueJson\"\n          rows=\"8\"\n          [invalid]=\"$invalidJson()\"\n        ></textarea>\n      </cds-textarea-label>\n    </ng-container>\n\n    <ng-template #numberField>\n      <cds-number\n        formControlName=\"valueNumber\"\n        [label]=\"'case.inspection.processes.variableModal.value' | translate\"\n        [step]=\"type.value === 'DOUBLE' ? 0.1 : 1\"\n      ></cds-number>\n    </ng-template>\n  </form>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"onCancel()\">\n      {{ 'case.inspection.processes.variableModal.cancel' | translate }}\n    </button>\n\n    <button\n      cdsButton=\"primary\"\n      [disabled]=\"formGroup.invalid\"\n      (click)=\"onConfirm()\"\n    >\n      {{ 'case.inspection.processes.variableModal.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".case-inspection-variable-modal__form{display:flex;flex-direction:column;gap:var(--cds-spacing-06)}\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: i1$4.FormBuilder }], propDecorators: { open: [{
+                type: Input
+            }], mode: [{
+                type: Input
+            }], initialVariable: [{
+                type: Input
+            }], modalClosed: [{
+                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 CaseInspectionProcessDetailComponent {
+    set row(value) {
+        this._row = value;
+        this.$row.set(value);
+    }
+    get row() {
+        return this._row;
+    }
+    set canInspectModify(value) {
+        this.$canInspectModify.set(value);
+    }
+    constructor(caseInspectionService, notificationService, translateService, iconService) {
+        this.caseInspectionService = caseInspectionService;
+        this.notificationService = notificationService;
+        this.translateService = translateService;
+        this.iconService = iconService;
+        this.documentId = '';
+        this.viewBuildingBlockEvent = new EventEmitter();
+        this.variablesChangedEvent = new EventEmitter();
+        this.viewProcessLogsEvent = new EventEmitter();
+        this.$activeTab = signal(ProcessDetailTab.DETAILS);
+        this.ProcessDetailTab = ProcessDetailTab;
+        this.incidentColumns = [
+            'case.inspection.processes.incidentType',
+            'case.inspection.processes.activity',
+            'case.inspection.processes.message',
+            'case.inspection.processes.timestamp',
+        ];
+        this.taskColumns = [
+            'case.inspection.processes.taskName',
+            'case.inspection.processes.taskAssignee',
+            'case.inspection.processes.taskCreated',
+        ];
+        this.variableColumns = [
+            'case.inspection.processes.variableName',
+            'case.inspection.processes.variableType',
+            'case.inspection.processes.variableValue',
+        ];
+        this.jobColumns = [
+            'case.inspection.processes.jobType',
+            'case.inspection.processes.jobActivity',
+            'case.inspection.processes.jobRetries',
+            'case.inspection.processes.jobDueDate',
+            'case.inspection.processes.jobException',
+        ];
+        this.$modalOpen = signal(false);
+        this.$modalMode = signal('create');
+        this.$modalInitial = signal(null);
+        this.$row = signal(null);
+        this.$canInspectModify = signal(false);
+        this.$canMutate = computed(() => this.$canInspectModify() && !!this.$row()?.active);
+        this.showConfirmDelete$ = new BehaviorSubject(false);
+        this._pendingDelete$ = new BehaviorSubject(null);
+        this.iconService.registerAll([Add16, Edit16, TrashCan16]);
+        this.pendingDeleteName$ = new Observable(subscriber => {
+            const sub = this._pendingDelete$.subscribe(v => subscriber.next(v?.name ?? null));
+            return () => sub.unsubscribe();
+        });
+    }
+    onSelectTab(tab) {
+        this.$activeTab.set(tab);
+    }
+    onViewBuildingBlock(bb) {
+        this.viewBuildingBlockEvent.emit(bb);
+    }
+    onViewProcessLogs() {
+        this.viewProcessLogsEvent.emit(this.row.processInstanceId);
+    }
+    formatVariableValue(variable) {
+        if (variable.value === null || variable.value === undefined) {
+            return '—';
+        }
+        if (typeof variable.value === 'object') {
+            try {
+                return JSON.stringify(variable.value);
+            }
+            catch {
+                return '[unserializable]';
+            }
+        }
+        return String(variable.value);
+    }
+    onAddVariable() {
+        this.$modalMode.set('create');
+        this.$modalInitial.set(null);
+        this.$modalOpen.set(true);
+    }
+    onEditVariable(variable) {
+        this.$modalMode.set('edit');
+        this.$modalInitial.set(variable);
+        this.$modalOpen.set(true);
+    }
+    onRequestDelete(variable) {
+        this._pendingDelete$.next(variable);
+        this.showConfirmDelete$.next(true);
+    }
+    onConfirmDelete() {
+        const variable = this._pendingDelete$.value;
+        if (!variable)
+            return;
+        this.caseInspectionService
+            .deleteProcessVariable(this.documentId, this.row.processInstanceId, variable.name)
+            .subscribe({
+            next: () => {
+                this.notifySuccess('case.inspection.processes.variableActions.deletedToast', variable.name);
+                this._pendingDelete$.next(null);
+                this.variablesChangedEvent.emit();
+            },
+            error: () => {
+                this._pendingDelete$.next(null);
+            },
+        });
+    }
+    onCancelDelete() {
+        this._pendingDelete$.next(null);
+    }
+    onModalClosed(request) {
+        this.$modalOpen.set(false);
+        if (!request)
+            return;
+        const mode = this.$modalMode();
+        if (mode === 'create') {
+            this.caseInspectionService
+                .createProcessVariable(this.documentId, this.row.processInstanceId, request)
+                .subscribe({
+                next: () => {
+                    this.notifySuccess('case.inspection.processes.variableActions.createdToast', request.name);
+                    this.variablesChangedEvent.emit();
+                },
+            });
+        }
+        else {
+            const original = this.$modalInitial();
+            const name = original?.name ?? request.name;
+            this.caseInspectionService
+                .updateProcessVariable(this.documentId, this.row.processInstanceId, name, request)
+                .subscribe({
+                next: () => {
+                    this.notifySuccess('case.inspection.processes.variableActions.updatedToast', name);
+                    this.variablesChangedEvent.emit();
+                },
+            });
+        }
+    }
+    notifySuccess(translationKey, name) {
+        this.notificationService.showToast({
+            type: 'success',
+            title: this.translateService.instant(translationKey, { name }),
+            message: '',
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseInspectionProcessDetailComponent, deps: [{ token: CaseInspectionService }, { token: i1.GlobalNotificationService }, { token: i4.TranslateService }, { token: i4$1.IconService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CaseInspectionProcessDetailComponent, isStandalone: true, selector: "valtimo-case-inspection-process-detail", inputs: { row: "row", documentId: "documentId", canInspectModify: "canInspectModify" }, outputs: { viewBuildingBlockEvent: "viewBuildingBlockEvent", variablesChangedEvent: "variablesChangedEvent", viewProcessLogsEvent: "viewProcessLogsEvent" }, 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<section class=\"case-inspection-process-detail\">\n  <header class=\"case-inspection-process-detail__header\">\n    <h3>\n      {{ row.processName || row.processDefinitionKey }}\n      <small>{{ 'case.inspection.processes.version' | translate }} {{ row.version }}</small>\n    </h3>\n\n    <div class=\"case-inspection-process-detail__tags\">\n      <cds-tag\n        size=\"sm\"\n        [type]=\"row.active ? 'blue' : 'cool-gray'\"\n        [title]=\"\n          row.active\n            ? ('case.inspection.processes.active' | translate)\n            : ('case.inspection.processes.completed' | translate)\n        \"\n      >\n        {{\n          row.active\n            ? ('case.inspection.processes.active' | translate)\n            : ('case.inspection.processes.completed' | translate)\n        }}\n      </cds-tag>\n\n      @if (row.buildingBlock; as bb) {\n        <cds-tag\n          size=\"sm\"\n          type=\"green\"\n          [title]=\"'case.inspection.processes.buildingBlockTagTooltip' | translate\"\n        >\n          {{ 'case.inspection.processes.buildingBlockTag' | translate }}: {{ bb.definitionKey }}\n          {{ bb.definitionVersionTag }}\n        </cds-tag>\n      }\n\n      <button cdsButton=\"ghost\" size=\"sm\" type=\"button\" (click)=\"onViewProcessLogs()\">\n        {{ 'case.inspection.processes.viewLogs' | translate }}\n      </button>\n    </div>\n\n    <cds-structured-list class=\"case-inspection-process-detail__meta\" [condensed]=\"true\">\n      <cds-list-row>\n        <cds-list-column>{{ 'case.inspection.processes.instanceId' | translate }}</cds-list-column>\n        <cds-list-column\n          ><code>{{ row.processInstanceId }}</code></cds-list-column\n        >\n      </cds-list-row>\n\n      <cds-list-row>\n        <cds-list-column>{{ 'case.inspection.processes.startedBy' | translate }}</cds-list-column>\n        <cds-list-column>{{ row.startedBy || row.startedByUserId || '\u2014' }}</cds-list-column>\n      </cds-list-row>\n\n      <cds-list-row>\n        <cds-list-column>{{ 'case.inspection.processes.startedOn' | translate }}</cds-list-column>\n        <cds-list-column>{{ row.startedOn | date: 'medium' }}</cds-list-column>\n      </cds-list-row>\n\n      <cds-list-row *ngIf=\"row.buildingBlock as bb\">\n        <cds-list-column>{{\n          'case.inspection.processes.buildingBlock' | translate\n        }}</cds-list-column>\n        <cds-list-column>\n          <a\n            cdsLink\n            href=\"javascript:void(0)\"\n            (click)=\"onViewBuildingBlock(bb); $event.preventDefault()\"\n          >\n            {{ bb.definitionKey }} {{ bb.definitionVersionTag }}\n            <span aria-hidden=\"true\">\u2192</span>\n          </a>\n        </cds-list-column>\n      </cds-list-row>\n    </cds-structured-list>\n  </header>\n\n  <cds-tabs type=\"inline\">\n    <cds-tab\n      [active]=\"$activeTab() === ProcessDetailTab.DETAILS\"\n      [heading]=\"'case.inspection.processes.detailsTab' | translate\"\n      (selected)=\"onSelectTab(ProcessDetailTab.DETAILS)\"\n    >\n      <div class=\"case-inspection-process-detail__pane\">\n        @if (row.incidents.length > 0) {\n          <h4 class=\"case-inspection-process-detail__subhead\">\n            {{ 'case.inspection.processes.incidentsHeader' | translate }}\n          </h4>\n\n          <cds-structured-list>\n            <cds-list-header>\n              @for (column of incidentColumns; track column) {\n                <cds-list-column>{{ column | translate }}</cds-list-column>\n              }\n            </cds-list-header>\n\n            @for (incident of row.incidents; track incident.id) {\n              <cds-list-row>\n                <cds-list-column>{{ incident.incidentType }}</cds-list-column>\n                <cds-list-column>{{ incident.activityId || '\u2014' }}</cds-list-column>\n                <cds-list-column>{{ incident.incidentMessage || '\u2014' }}</cds-list-column>\n                <cds-list-column>{{ incident.incidentTimestamp | date: 'medium' }}</cds-list-column>\n              </cds-list-row>\n            }\n          </cds-structured-list>\n        }\n\n        <h4\n          class=\"case-inspection-process-detail__subhead case-inspection-process-detail__subhead--no-margin\"\n        >\n          {{ 'case.inspection.processes.tasksHeader' | translate }}\n        </h4>\n\n        @if (row.tasks.length > 0) {\n          <cds-structured-list>\n            <cds-list-header>\n              @for (column of taskColumns; track column) {\n                <cds-list-column>{{ column | translate }}</cds-list-column>\n              }\n            </cds-list-header>\n\n            @for (task of row.tasks; track task.id) {\n              <cds-list-row>\n                <cds-list-column>{{ task.name }}</cds-list-column>\n                <cds-list-column>{{ task.assignee || '\u2014' }}</cds-list-column>\n                <cds-list-column>{{ task.created | date: 'medium' }}</cds-list-column>\n              </cds-list-row>\n            }\n          </cds-structured-list>\n        } @else {\n          <p class=\"case-inspection-process-detail__empty\">\n            {{ 'case.inspection.processes.noTasks' | translate }}\n          </p>\n        }\n\n        <div class=\"case-inspection-process-detail__subhead-row\">\n          <h4 class=\"case-inspection-process-detail__subhead\">\n            {{ 'case.inspection.processes.variablesHeader' | translate }}\n          </h4>\n          <button\n            *ngIf=\"$canMutate()\"\n            cdsButton=\"ghost\"\n            size=\"sm\"\n            type=\"button\"\n            (click)=\"onAddVariable()\"\n          >\n            {{ 'case.inspection.processes.variableActions.add' | translate }}\n            <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n          </button>\n        </div>\n\n        @if (row.variables.length > 0) {\n          <cds-structured-list>\n            <cds-list-header>\n              @for (column of variableColumns; track column) {\n                <cds-list-column>{{ column | translate }}</cds-list-column>\n              }\n              @if ($canMutate()) {\n                <cds-list-column></cds-list-column>\n              }\n            </cds-list-header>\n\n            @for (variable of row.variables; track variable.name) {\n              <cds-list-row>\n                <cds-list-column>\n                  <code>{{ variable.name }}</code>\n                </cds-list-column>\n                <cds-list-column>{{ variable.type }}</cds-list-column>\n                <cds-list-column>\n                  <code class=\"case-inspection-process-detail__variable-value\">{{\n                    formatVariableValue(variable)\n                  }}</code>\n                </cds-list-column>\n                @if ($canMutate()) {\n                  <cds-list-column>\n                    <div class=\"case-inspection-process-detail__variable-actions\">\n                      <button\n                        cdsButton=\"ghost\"\n                        size=\"sm\"\n                        type=\"button\"\n                        [iconOnly]=\"true\"\n                        [title]=\"'case.inspection.processes.variableActions.edit' | translate\"\n                        (click)=\"onEditVariable(variable)\"\n                      >\n                        <svg cdsIcon=\"edit\" size=\"16\" class=\"cds--btn__icon\"></svg>\n                      </button>\n\n                      <button\n                        cdsButton=\"danger--ghost\"\n                        size=\"sm\"\n                        type=\"button\"\n                        [iconOnly]=\"true\"\n                        [title]=\"'case.inspection.processes.variableActions.delete' | translate\"\n                        (click)=\"onRequestDelete(variable)\"\n                      >\n                        <svg cdsIcon=\"trash-can\" size=\"16\" class=\"cds--btn__icon\"></svg>\n                      </button>\n                    </div>\n                  </cds-list-column>\n                }\n              </cds-list-row>\n            }\n          </cds-structured-list>\n        } @else {\n          <p class=\"case-inspection-process-detail__empty\">\n            {{ 'case.inspection.processes.noVariables' | translate }}\n          </p>\n        }\n\n        <h4 class=\"case-inspection-process-detail__subhead\">\n          {{ 'case.inspection.processes.jobsHeader' | translate }}\n        </h4>\n\n        @if (row.jobs.length > 0) {\n          <cds-structured-list>\n            <cds-list-header>\n              @for (column of jobColumns; track column) {\n                <cds-list-column>{{ column | translate }}</cds-list-column>\n              }\n            </cds-list-header>\n\n            @for (job of row.jobs; track job.id) {\n              <cds-list-row>\n                <cds-list-column>\n                  {{ 'case.inspection.processes.jobTypeLabel.' + job.jobType | translate }}\n                </cds-list-column>\n                <cds-list-column>\n                  @if (job.activityId) {\n                    <code>{{ job.activityId }}</code>\n                  } @else {\n                    \u2014\n                  }\n                </cds-list-column>\n                <cds-list-column>{{ job.retries }}</cds-list-column>\n                <cds-list-column>{{ job.dueDate | date: 'medium' }}</cds-list-column>\n                <cds-list-column>{{ job.exceptionMessage || '\u2014' }}</cds-list-column>\n              </cds-list-row>\n            }\n          </cds-structured-list>\n        } @else {\n          <p class=\"case-inspection-process-detail__empty\">\n            {{ 'case.inspection.processes.noJobs' | translate }}\n          </p>\n        }\n      </div>\n    </cds-tab>\n\n    <cds-tab\n      [active]=\"$activeTab() === ProcessDetailTab.DIAGRAM\"\n      [heading]=\"'case.inspection.processes.diagramTab' | translate\"\n      (selected)=\"onSelectTab(ProcessDetailTab.DIAGRAM)\"\n    >\n      <div class=\"case-inspection-process-detail__pane case-inspection-process-detail__diagram\">\n        @if ($activeTab() === ProcessDetailTab.DIAGRAM) {\n          <valtimo-process-diagram\n            [processInstanceId]=\"row.processInstanceId\"\n          ></valtimo-process-diagram>\n        }\n      </div>\n    </cds-tab>\n  </cds-tabs>\n</section>\n\n<valtimo-case-inspection-process-variable-modal\n  [open]=\"$modalOpen()\"\n  [mode]=\"$modalMode()\"\n  [initialVariable]=\"$modalInitial()\"\n  (modalClosed)=\"onModalClosed($event)\"\n></valtimo-case-inspection-process-variable-modal>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"case.inspection.processes.variableActions.delete\"\n  confirmButtonType=\"danger\"\n  titleTranslationKey=\"case.inspection.processes.variableActions.deleteConfirmTitle\"\n  [content]=\"\n    'case.inspection.processes.variableActions.deleteConfirmContent'\n      | translate: {name: (pendingDeleteName$ | async) ?? ''}\n  \"\n  [showModalSubject$]=\"showConfirmDelete$\"\n  (cancelEvent)=\"onCancelDelete()\"\n  (confirmEvent)=\"onConfirmDelete()\"\n></valtimo-confirmation-modal>\n", styles: [".case-inspection-process-detail{padding-top:var(--cds-spacing-05);padding-bottom:var(--cds-spacing-05);padding-right:var(--cds-spacing-05)}.case-inspection-process-detail__header{margin-bottom:var(--cds-spacing-05)}.case-inspection-process-detail__header h3{margin:0}.case-inspection-process-detail__header h3 small{font-weight:400;color:var(--cds-text-helper);margin-left:var(--cds-spacing-03);font-size:var(--cds-body-compact-01-font-size)}.case-inspection-process-detail__tags{display:flex;gap:var(--cds-spacing-03);flex-wrap:wrap;margin-top:var(--cds-spacing-03);margin-bottom:var(--cds-spacing-03)}.case-inspection-process-detail__meta code{word-break:break-all}.case-inspection-process-detail__subhead{margin:var(--cds-spacing-06) 0 var(--cds-spacing-03);font-size:var(--cds-body-compact-01-font-size);font-weight:600;color:var(--cds-text-secondary)}.case-inspection-process-detail__subhead--no-margin{margin-top:0}.case-inspection-process-detail__variable-actions{display:flex;flex-shrink:0;gap:8px}.case-inspection-process-detail__empty{color:var(--cds-text-helper)}.case-inspection-process-detail__variable-value{overflow-wrap:anywhere;white-space:pre-wrap;max-height:96px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical}.case-inspection-process-detail__pane{padding-top:var(--cds-spacing-05)}.case-inspection-process-detail__diagram{margin-top:16px;height:480px;border:1px solid var(--cds-border-subtle);overflow:hidden}.case-inspection-process-detail__diagram ::ng-deep valtimo-process-diagram,.case-inspection-process-detail__diagram ::ng-deep .process-diagram-container{display:flex;flex-direction:column;height:100%}.case-inspection-process-detail__diagram ::ng-deep .diagram-container{flex:1 1 auto;min-height:0;height:auto!important}.case-inspection-process-detail__diagram ::ng-deep .legenda-holder{flex-shrink:0;padding:var(--cds-spacing-03) var(--cds-spacing-05)}\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: "pipe", type: i6.DatePipe, name: "date" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i4$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: LinkModule }, { kind: "directive", type: i4$1.Link, selector: "[cdsLink], [ibmLink]", inputs: ["inline", "disabled"] }, { kind: "ngmodule", type: StructuredListModule }, { kind: "component", type: i4$1.StructuredList, selector: "cds-structured-list, ibm-structured-list", inputs: ["selection", "flushed", "condensed", "name", "skeleton"], outputs: ["selected"] }, { kind: "component", type: i4$1.ListRow, selector: "cds-list-row, ibm-list-row", inputs: ["selected", "label", "value"], outputs: ["change"] }, { kind: "component", type: i4$1.ListHeader, selector: "cds-list-header, ibm-list-header", inputs: ["skeleton"] }, { kind: "component", type: i4$1.ListColumn, selector: "cds-list-column, ibm-list-column", inputs: ["skeleton", "nowrap"] }, { kind: "ngmodule", type: TabsModule }, { kind: "component", type: i4$1.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i4$1.Tab, selector: "cds-tab, ibm-tab", inputs: ["heading", "title", "context", "active", "disabled", "tabIndex", "id", "cacheActive", "tabContent", "templateContext"], outputs: ["selected"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i4$1.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class", "skeleton"] }, { kind: "component", type: ProcessDiagramComponent, selector: "valtimo-process-diagram", inputs: ["processDefinitionKey", "processInstanceId"], outputs: ["importDone"] }, { kind: "component", type: CaseInspectionProcessVariableModalComponent, selector: "valtimo-case-inspection-process-variable-modal", inputs: ["open", "mode", "initialVariable"], outputs: ["modalClosed"] }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i2$1.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: LayerModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseInspectionProcessDetailComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-case-inspection-process-detail', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        TranslateModule,
+                        ButtonModule,
+                        IconModule,
+                        LinkModule,
+                        StructuredListModule,
+                        TabsModule,
+                        TagModule,
+                        ProcessDiagramComponent,
+                        CaseInspectionProcessVariableModalComponent,
+                        ConfirmationModalModule,
+                        LayerModule,
+                    ], 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<section class=\"case-inspection-process-detail\">\n  <header class=\"case-inspection-process-detail__header\">\n    <h3>\n      {{ row.processName || row.processDefinitionKey }}\n      <small>{{ 'case.inspection.processes.version' | translate }} {{ row.version }}</small>\n    </h3>\n\n    <div class=\"case-inspection-process-detail__tags\">\n      <cds-tag\n        size=\"sm\"\n        [type]=\"row.active ? 'blue' : 'cool-gray'\"\n        [title]=\"\n          row.active\n            ? ('case.inspection.processes.active' | translate)\n            : ('case.inspection.processes.completed' | translate)\n        \"\n      >\n        {{\n          row.active\n            ? ('case.inspection.processes.active' | translate)\n            : ('case.inspection.processes.completed' | translate)\n        }}\n      </cds-tag>\n\n      @if (row.buildingBlock; as bb) {\n        <cds-tag\n          size=\"sm\"\n          type=\"green\"\n          [title]=\"'case.inspection.processes.buildingBlockTagTooltip' | translate\"\n        >\n          {{ 'case.inspection.processes.buildingBlockTag' | translate }}: {{ bb.definitionKey }}\n          {{ bb.definitionVersionTag }}\n        </cds-tag>\n      }\n\n      <button cdsButton=\"ghost\" size=\"sm\" type=\"button\" (click)=\"onViewProcessLogs()\">\n        {{ 'case.inspection.processes.viewLogs' | translate }}\n      </button>\n    </div>\n\n    <cds-structured-list class=\"case-inspection-process-detail__meta\" [condensed]=\"true\">\n      <cds-list-row>\n        <cds-list-column>{{ 'case.inspection.processes.instanceId' | translate }}</cds-list-column>\n        <cds-list-column\n          ><code>{{ row.processInstanceId }}</code></cds-list-column\n        >\n      </cds-list-row>\n\n      <cds-list-row>\n        <cds-list-column>{{ 'case.inspection.processes.startedBy' | translate }}</cds-list-column>\n        <cds-list-column>{{ row.startedBy || row.startedByUserId || '\u2014' }}</cds-list-column>\n      </cds-list-row>\n\n      <cds-list-row>\n        <cds-list-column>{{ 'case.inspection.processes.startedOn' | translate }}</cds-list-column>\n        <cds-list-column>{{ row.startedOn | date: 'medium' }}</cds-list-column>\n      </cds-list-row>\n\n      <cds-list-row *ngIf=\"row.buildingBlock as bb\">\n        <cds-list-column>{{\n          'case.inspection.processes.buildingBlock' | translate\n        }}</cds-list-column>\n        <cds-list-column>\n          <a\n            cdsLink\n            href=\"javascript:void(0)\"\n            (click)=\"onViewBuildingBlock(bb); $event.preventDefault()\"\n          >\n            {{ bb.definitionKey }} {{ bb.definitionVersionTag }}\n            <span aria-hidden=\"true\">\u2192</span>\n          </a>\n        </cds-list-column>\n      </cds-list-row>\n    </cds-structured-list>\n  </header>\n\n  <cds-tabs type=\"inline\">\n    <cds-tab\n      [active]=\"$activeTab() === ProcessDetailTab.DETAILS\"\n      [heading]=\"'case.inspection.processes.detailsTab' | translate\"\n      (selected)=\"onSelectTab(ProcessDetailTab.DETAILS)\"\n    >\n      <div class=\"case-inspection-process-detail__pane\">\n        @if (row.incidents.length > 0) {\n          <h4 class=\"case-inspection-process-detail__subhead\">\n            {{ 'case.inspection.processes.incidentsHeader' | translate }}\n          </h4>\n\n          <cds-structured-list>\n            <cds-list-header>\n              @for (column of incidentColumns; track column) {\n                <cds-list-column>{{ column | translate }}</cds-list-column>\n              }\n            </cds-list-header>\n\n            @for (incident of row.incidents; track incident.id) {\n              <cds-list-row>\n                <cds-list-column>{{ incident.incidentType }}</cds-list-column>\n                <cds-list-column>{{ incident.activityId || '\u2014' }}</cds-list-column>\n                <cds-list-column>{{ incident.incidentMessage || '\u2014' }}</cds-list-column>\n                <cds-list-column>{{ incident.incidentTimestamp | date: 'medium' }}</cds-list-column>\n              </cds-list-row>\n            }\n          </cds-structured-list>\n        }\n\n        <h4\n          class=\"case-inspection-process-detail__subhead case-inspection-process-detail__subhead--no-margin\"\n        >\n          {{ 'case.inspection.processes.tasksHeader' | translate }}\n        </h4>\n\n        @if (row.tasks.length > 0) {\n          <cds-structured-list>\n            <cds-list-header>\n              @for (column of taskColumns; track column) {\n                <cds-list-column>{{ column | translate }}</cds-list-column>\n              }\n            </cds-list-header>\n\n            @for (task of row.tasks; track task.id) {\n              <cds-list-row>\n                <cds-list-column>{{ task.name }}</cds-list-column>\n                <cds-list-column>{{ task.assignee || '\u2014' }}</cds-list-column>\n                <cds-list-column>{{ task.created | date: 'medium' }}</cds-list-column>\n              </cds-list-row>\n            }\n          </cds-structured-list>\n        } @else {\n          <p class=\"case-inspection-process-detail__empty\">\n            {{ 'case.inspection.processes.noTasks' | translate }}\n          </p>\n        }\n\n        <div class=\"case-inspection-process-detail__subhead-row\">\n          <h4 class=\"case-inspection-process-detail__subhead\">\n            {{ 'case.inspection.processes.variablesHeader' | translate }}\n          </h4>\n          <button\n            *ngIf=\"$canMutate()\"\n            cdsButton=\"ghost\"\n            size=\"sm\"\n            type=\"button\"\n            (click)=\"onAddVariable()\"\n          >\n            {{ 'case.inspection.processes.variableActions.add' | translate }}\n            <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n          </button>\n        </div>\n\n        @if (row.variables.length > 0) {\n          <cds-structured-list>\n            <cds-list-header>\n              @for (column of variableColumns; track column) {\n                <cds-list-column>{{ column | translate }}</cds-list-column>\n              }\n              @if ($canMutate()) {\n                <cds-list-column></cds-list-column>\n              }\n            </cds-list-header>\n\n            @for (variable of row.variables; track variable.name) {\n              <cds-list-row>\n                <cds-list-column>\n                  <code>{{ variable.name }}</code>\n                </cds-list-column>\n                <cds-list-column>{{ variable.type }}</cds-list-column>\n                <cds-list-column>\n                  <code class=\"case-inspection-process-detail__variable-value\">{{\n                    formatVariableValue(variable)\n                  }}</code>\n                </cds-list-column>\n                @if ($canMutate()) {\n                  <cds-list-column>\n                    <div class=\"case-inspection-process-detail__variable-actions\">\n                      <button\n                        cdsButton=\"ghost\"\n                        size=\"sm\"\n                        type=\"button\"\n                        [iconOnly]=\"true\"\n                        [title]=\"'case.inspection.processes.variableActions.edit' | translate\"\n                        (click)=\"onEditVariable(variable)\"\n                      >\n                        <svg cdsIcon=\"edit\" size=\"16\" class=\"cds--btn__icon\"></svg>\n                      </button>\n\n                      <button\n                        cdsButton=\"danger--ghost\"\n                        size=\"sm\"\n                        type=\"button\"\n                        [iconOnly]=\"true\"\n                        [title]=\"'case.inspection.processes.variableActions.delete' | translate\"\n                        (click)=\"onRequestDelete(variable)\"\n                      >\n                        <svg cdsIcon=\"trash-can\" size=\"16\" class=\"cds--btn__icon\"></svg>\n                      </button>\n                    </div>\n                  </cds-list-column>\n                }\n              </cds-list-row>\n            }\n          </cds-structured-list>\n        } @else {\n          <p class=\"case-inspection-process-detail__empty\">\n            {{ 'case.inspection.processes.noVariables' | translate }}\n          </p>\n        }\n\n        <h4 class=\"case-inspection-process-detail__subhead\">\n          {{ 'case.inspection.processes.jobsHeader' | translate }}\n        </h4>\n\n        @if (row.jobs.length > 0) {\n          <cds-structured-list>\n            <cds-list-header>\n              @for (column of jobColumns; track column) {\n                <cds-list-column>{{ column | translate }}</cds-list-column>\n              }\n            </cds-list-header>\n\n            @for (job of row.jobs; track job.id) {\n              <cds-list-row>\n                <cds-list-column>\n                  {{ 'case.inspection.processes.jobTypeLabel.' + job.jobType | translate }}\n                </cds-list-column>\n                <cds-list-column>\n                  @if (job.activityId) {\n                    <code>{{ job.activityId }}</code>\n                  } @else {\n                    \u2014\n                  }\n                </cds-list-column>\n                <cds-list-column>{{ job.retries }}</cds-list-column>\n                <cds-list-column>{{ job.dueDate | date: 'medium' }}</cds-list-column>\n                <cds-list-column>{{ job.exceptionMessage || '\u2014' }}</cds-list-column>\n              </cds-list-row>\n            }\n          </cds-structured-list>\n        } @else {\n          <p class=\"case-inspection-process-detail__empty\">\n            {{ 'case.inspection.processes.noJobs' | translate }}\n          </p>\n        }\n      </div>\n    </cds-tab>\n\n    <cds-tab\n      [active]=\"$activeTab() === ProcessDetailTab.DIAGRAM\"\n      [heading]=\"'case.inspection.processes.diagramTab' | translate\"\n      (selected)=\"onSelectTab(ProcessDetailTab.DIAGRAM)\"\n    >\n      <div class=\"case-inspection-process-detail__pane case-inspection-process-detail__diagram\">\n        @if ($activeTab() === ProcessDetailTab.DIAGRAM) {\n          <valtimo-process-diagram\n            [processInstanceId]=\"row.processInstanceId\"\n          ></valtimo-process-diagram>\n        }\n      </div>\n    </cds-tab>\n  </cds-tabs>\n</section>\n\n<valtimo-case-inspection-process-variable-modal\n  [open]=\"$modalOpen()\"\n  [mode]=\"$modalMode()\"\n  [initialVariable]=\"$modalInitial()\"\n  (modalClosed)=\"onModalClosed($event)\"\n></valtimo-case-inspection-process-variable-modal>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"case.inspection.processes.variableActions.delete\"\n  confirmButtonType=\"danger\"\n  titleTranslationKey=\"case.inspection.processes.variableActions.deleteConfirmTitle\"\n  [content]=\"\n    'case.inspection.processes.variableActions.deleteConfirmContent'\n      | translate: {name: (pendingDeleteName$ | async) ?? ''}\n  \"\n  [showModalSubject$]=\"showConfirmDelete$\"\n  (cancelEvent)=\"onCancelDelete()\"\n  (confirmEvent)=\"onConfirmDelete()\"\n></valtimo-confirmation-modal>\n", styles: [".case-inspection-process-detail{padding-top:var(--cds-spacing-05);padding-bottom:var(--cds-spacing-05);padding-right:var(--cds-spacing-05)}.case-inspection-process-detail__header{margin-bottom:var(--cds-spacing-05)}.case-inspection-process-detail__header h3{margin:0}.case-inspection-process-detail__header h3 small{font-weight:400;color:var(--cds-text-helper);margin-left:var(--cds-spacing-03);font-size:var(--cds-body-compact-01-font-size)}.case-inspection-process-detail__tags{display:flex;gap:var(--cds-spacing-03);flex-wrap:wrap;margin-top:var(--cds-spacing-03);margin-bottom:var(--cds-spacing-03)}.case-inspection-process-detail__meta code{word-break:break-all}.case-inspection-process-detail__subhead{margin:var(--cds-spacing-06) 0 var(--cds-spacing-03);font-size:var(--cds-body-compact-01-font-size);font-weight:600;color:var(--cds-text-secondary)}.case-inspection-process-detail__subhead--no-margin{margin-top:0}.case-inspection-process-detail__variable-actions{display:flex;flex-shrink:0;gap:8px}.case-inspection-process-detail__empty{color:var(--cds-text-helper)}.case-inspection-process-detail__variable-value{overflow-wrap:anywhere;white-space:pre-wrap;max-height:96px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical}.case-inspection-process-detail__pane{padding-top:var(--cds-spacing-05)}.case-inspection-process-detail__diagram{margin-top:16px;height:480px;border:1px solid var(--cds-border-subtle);overflow:hidden}.case-inspection-process-detail__diagram ::ng-deep valtimo-process-diagram,.case-inspection-process-detail__diagram ::ng-deep .process-diagram-container{display:flex;flex-direction:column;height:100%}.case-inspection-process-detail__diagram ::ng-deep .diagram-container{flex:1 1 auto;min-height:0;height:auto!important}.case-inspection-process-detail__diagram ::ng-deep .legenda-holder{flex-shrink:0;padding:var(--cds-spacing-03) var(--cds-spacing-05)}\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: CaseInspectionService }, { type: i1.GlobalNotificationService }, { type: i4.TranslateService }, { type: i4$1.IconService }], propDecorators: { row: [{
+                type: Input
+            }], documentId: [{
+                type: Input
+            }], canInspectModify: [{
+                type: Input
+            }], viewBuildingBlockEvent: [{
+                type: Output
+            }], variablesChangedEvent: [{
+                type: Output
+            }], viewProcessLogsEvent: [{
+                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 CaseInspectionProcessesTabComponent {
+    constructor(caseInspectionService, permissionService, iconService) {
+        this.caseInspectionService = caseInspectionService;
+        this.permissionService = permissionService;
+        this.iconService = iconService;
+        this.viewBuildingBlockEvent = new EventEmitter();
+        this.viewProcessLogsEvent = new EventEmitter();
+        this.$loading = signal(true);
+        this.$rows = signal([]);
+        this.$errorMessage = signal(null);
+        this.$selected = signal(null);
+        this.$canInspectModify = signal(false);
+        this.iconService.registerAll([WarningAltFilled16, CheckmarkFilled16, CheckmarkOutline16]);
+    }
+    ngOnChanges(changes) {
+        if (changes.documentId && this.documentId) {
+            this.load();
+            this.loadPermission();
+        }
+    }
+    onSelect(row) {
+        this.$selected.set(row);
+    }
+    isSelected(row) {
+        return this.$selected()?.processInstanceId === row.processInstanceId;
+    }
+    reloadSelected() {
+        const selectedId = this.$selected()?.processInstanceId;
+        this.caseInspectionService.getProcessInspection(this.documentId).subscribe({
+            next: rows => {
+                this.$rows.set(rows);
+                const next = rows.find(r => r.processInstanceId === selectedId) ?? rows[0] ?? null;
+                this.$selected.set(next);
+            },
+            error: err => {
+                this.$errorMessage.set(err?.error?.message ?? err?.message ?? 'Failed to reload processes');
+            },
+        });
+    }
+    load() {
+        const requestedDocumentId = this.documentId;
+        this.$loading.set(true);
+        this.$errorMessage.set(null);
+        this.$selected.set(null);
+        this.$rows.set([]);
+        this.caseInspectionService.getProcessInspection(requestedDocumentId).subscribe({
+            next: rows => {
+                if (requestedDocumentId !== this.documentId) {
+                    return;
+                }
+                this.$rows.set(rows);
+                if (rows.length > 0) {
+                    this.$selected.set(rows[0]);
+                }
+                this.$loading.set(false);
+            },
+            error: err => {
+                if (requestedDocumentId !== this.documentId) {
+                    return;
+                }
+                this.$errorMessage.set(err?.error?.message ?? err?.message ?? 'Failed to load processes');
+                this.$loading.set(false);
+            },
+        });
+    }
+    loadPermission() {
+        this.$canInspectModify.set(false);
+        this.permissionService
+            .requestPermission(CAN_INSPECT_MODIFY_CASE_PERMISSION, {
+            resource: CASE_DETAIL_PERMISSION_RESOURCE.jsonSchemaDocument,
+            identifier: this.documentId,
+        })
+            .subscribe({
+            next: allowed => this.$canInspectModify.set(allowed),
+            error: () => this.$canInspectModify.set(false),
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseInspectionProcessesTabComponent, deps: [{ token: CaseInspectionService }, { token: i2$3.PermissionService }, { token: i4$1.IconService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseInspectionProcessesTabComponent, isStandalone: true, selector: "valtimo-case-inspection-processes", inputs: { documentId: "documentId" }, outputs: { viewBuildingBlockEvent: "viewBuildingBlockEvent", viewProcessLogsEvent: "viewProcessLogsEvent" }, usesOnChanges: 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<section class=\"case-inspection-processes-tab\">\n  <div *ngIf=\"$loading()\" class=\"loading-container\">\n    <cds-loading size=\"sm\"></cds-loading>\n  </div>\n\n  <ng-container *ngIf=\"$errorMessage() as message\">\n    <p class=\"case-inspection-processes-tab__error\">{{ message }}</p>\n  </ng-container>\n\n  <ng-container *ngIf=\"!$loading() && $rows() as rows\">\n    <p *ngIf=\"rows.length === 0\" class=\"case-inspection-processes-tab__empty\">\n      {{ 'case.inspection.processes.empty' | translate }}\n    </p>\n\n    <div *ngIf=\"rows.length > 0\" class=\"case-inspection-processes-tab__layout\">\n      <div\n        class=\"case-inspection-processes-tab__list\"\n        role=\"listbox\"\n        [attr.aria-label]=\"'case.inspection.processes.listAriaLabel' | translate\"\n      >\n        <button\n          *ngFor=\"let row of rows\"\n          type=\"button\"\n          role=\"option\"\n          class=\"case-inspection-processes-tab__list-item\"\n          [attr.aria-selected]=\"isSelected(row)\"\n          [class.case-inspection-processes-tab__list-item--selected]=\"isSelected(row)\"\n          (click)=\"onSelect(row)\"\n        >\n          <span class=\"case-inspection-processes-tab__list-item-title\">\n            {{ row.processName || row.processDefinitionKey }}\n\n            <cds-tag\n              *ngIf=\"row.buildingBlock as bb\"\n              size=\"sm\"\n              type=\"green\"\n              [title]=\"\n                ('case.inspection.processes.buildingBlockTagTooltip' | translate) +\n                ': ' +\n                bb.definitionKey +\n                ' ' +\n                bb.definitionVersionTag\n              \"\n            >\n              {{ 'case.inspection.processes.buildingBlockTag' | translate }}\n            </cds-tag>\n          </span>\n          <span class=\"case-inspection-processes-tab__list-item-meta\">\n            <code>{{ row.processInstanceId }}</code>\n          </span>\n\n          <span class=\"case-inspection-processes-tab__list-item-indicators\">\n            <ng-container *ngIf=\"row.incidents.length > 0; else noIncidents\">\n              <span\n                class=\"case-inspection-processes-tab__row-incident\"\n                [attr.title]=\"'case.inspection.processes.incidentTooltip' | translate\"\n              >\n                <svg cdsIcon=\"warning--alt--filled\" size=\"16\"></svg>\n                {{ row.incidents.length }}\n              </span>\n            </ng-container>\n\n            <ng-template #noIncidents>\n              <span\n                *ngIf=\"row.active\"\n                class=\"case-inspection-processes-tab__row-healthy\"\n                [attr.title]=\"'case.inspection.processes.active' | translate\"\n              >\n                <svg cdsIcon=\"checkmark--filled\" size=\"16\"></svg>\n              </span>\n\n              <span\n                *ngIf=\"!row.active\"\n                class=\"case-inspection-processes-tab__row-completed\"\n                [attr.title]=\"'case.inspection.processes.completed' | translate\"\n              >\n                <svg cdsIcon=\"checkmark--outline\" size=\"16\"></svg>\n              </span>\n            </ng-template>\n          </span>\n        </button>\n      </div>\n\n      <article class=\"case-inspection-processes-tab__detail\">\n        <valtimo-case-inspection-process-detail\n          *ngIf=\"$selected() as selected\"\n          [canInspectModify]=\"$canInspectModify()\"\n          [documentId]=\"documentId\"\n          [row]=\"selected\"\n          (variablesChangedEvent)=\"reloadSelected()\"\n          (viewBuildingBlockEvent)=\"viewBuildingBlockEvent.emit($event)\"\n          (viewProcessLogsEvent)=\"viewProcessLogsEvent.emit($event)\"\n        ></valtimo-case-inspection-process-detail>\n      </article>\n    </div>\n  </ng-container>\n</section>\n", styles: [".case-inspection-processes-tab__error{color:var(--cds-text-error)}.case-inspection-processes-tab__empty{color:var(--cds-text-helper)}.case-inspection-processes-tab__layout{display:grid;grid-template-columns:minmax(260px,1fr) 3fr;gap:var(--cds-spacing-06);align-items:stretch}.case-inspection-processes-tab__list{display:flex;flex-direction:column;border-right:1px solid var(--cds-border-subtle)}.case-inspection-processes-tab__list-item{appearance:none;background:transparent;border:0;text-align:left;padding:var(--cds-spacing-04);cursor:pointer;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:var(--cds-spacing-01) var(--cds-spacing-03);color:inherit;font-family:inherit}.case-inspection-processes-tab__list-item:hover{background-color:var(--cds-layer-hover)}.case-inspection-processes-tab__list-item--selected{background-color:var(--cds-layer-selected);font-weight:600}.case-inspection-processes-tab__list-item-title{font-size:var(--cds-body-compact-01-font-size);grid-column:1;grid-row:1;display:inline-flex;align-items:center;gap:var(--cds-spacing-03)}.case-inspection-processes-tab__list-item-meta{font-size:var(--cds-helper-text-01-font-size);color:var(--cds-text-helper);grid-column:1;grid-row:2;font-weight:400}.case-inspection-processes-tab__list-item-meta code{word-break:break-all}.case-inspection-processes-tab__list-item-indicators{grid-column:2;grid-row:1/span 2;display:flex;align-items:center}.case-inspection-processes-tab__row-incident{display:inline-flex;align-items:center;gap:var(--cds-spacing-02);color:var(--cds-text-error);font-weight:600}.case-inspection-processes-tab__row-healthy{display:inline-flex;align-items:center;color:var(--cds-support-success)}.case-inspection-processes-tab__row-completed{display:inline-flex;align-items:center;color:var(--cds-text-helper)}.case-inspection-processes-tab__detail{min-width: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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i4$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i4$1.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class", "skeleton"] }, { kind: "component", type: CaseInspectionProcessDetailComponent, selector: "valtimo-case-inspection-process-detail", inputs: ["row", "documentId", "canInspectModify"], outputs: ["viewBuildingBlockEvent", "variablesChangedEvent", "viewProcessLogsEvent"] }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: i4$1.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseInspectionProcessesTabComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-case-inspection-processes', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        TranslateModule,
+                        IconModule,
+                        TagModule,
+                        CaseInspectionProcessDetailComponent,
+                        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<section class=\"case-inspection-processes-tab\">\n  <div *ngIf=\"$loading()\" class=\"loading-container\">\n    <cds-loading size=\"sm\"></cds-loading>\n  </div>\n\n  <ng-container *ngIf=\"$errorMessage() as message\">\n    <p class=\"case-inspection-processes-tab__error\">{{ message }}</p>\n  </ng-container>\n\n  <ng-container *ngIf=\"!$loading() && $rows() as rows\">\n    <p *ngIf=\"rows.length === 0\" class=\"case-inspection-processes-tab__empty\">\n      {{ 'case.inspection.processes.empty' | translate }}\n    </p>\n\n    <div *ngIf=\"rows.length > 0\" class=\"case-inspection-processes-tab__layout\">\n      <div\n        class=\"case-inspection-processes-tab__list\"\n        role=\"listbox\"\n        [attr.aria-label]=\"'case.inspection.processes.listAriaLabel' | translate\"\n      >\n        <button\n          *ngFor=\"let row of rows\"\n          type=\"button\"\n          role=\"option\"\n          class=\"case-inspection-processes-tab__list-item\"\n          [attr.aria-selected]=\"isSelected(row)\"\n          [class.case-inspection-processes-tab__list-item--selected]=\"isSelected(row)\"\n          (click)=\"onSelect(row)\"\n        >\n          <span class=\"case-inspection-processes-tab__list-item-title\">\n            {{ row.processName || row.processDefinitionKey }}\n\n            <cds-tag\n              *ngIf=\"row.buildingBlock as bb\"\n              size=\"sm\"\n              type=\"green\"\n              [title]=\"\n                ('case.inspection.processes.buildingBlockTagTooltip' | translate) +\n                ': ' +\n                bb.definitionKey +\n                ' ' +\n                bb.definitionVersionTag\n              \"\n            >\n              {{ 'case.inspection.processes.buildingBlockTag' | translate }}\n            </cds-tag>\n          </span>\n          <span class=\"case-inspection-processes-tab__list-item-meta\">\n            <code>{{ row.processInstanceId }}</code>\n          </span>\n\n          <span class=\"case-inspection-processes-tab__list-item-indicators\">\n            <ng-container *ngIf=\"row.incidents.length > 0; else noIncidents\">\n              <span\n                class=\"case-inspection-processes-tab__row-incident\"\n                [attr.title]=\"'case.inspection.processes.incidentTooltip' | translate\"\n              >\n                <svg cdsIcon=\"warning--alt--filled\" size=\"16\"></svg>\n                {{ row.incidents.length }}\n              </span>\n            </ng-container>\n\n            <ng-template #noIncidents>\n              <span\n                *ngIf=\"row.active\"\n                class=\"case-inspection-processes-tab__row-healthy\"\n                [attr.title]=\"'case.inspection.processes.active' | translate\"\n              >\n                <svg cdsIcon=\"checkmark--filled\" size=\"16\"></svg>\n              </span>\n\n              <span\n                *ngIf=\"!row.active\"\n                class=\"case-inspection-processes-tab__row-completed\"\n                [attr.title]=\"'case.inspection.processes.completed' | translate\"\n              >\n                <svg cdsIcon=\"checkmark--outline\" size=\"16\"></svg>\n              </span>\n            </ng-template>\n          </span>\n        </button>\n      </div>\n\n      <article class=\"case-inspection-processes-tab__detail\">\n        <valtimo-case-inspection-process-detail\n          *ngIf=\"$selected() as selected\"\n          [canInspectModify]=\"$canInspectModify()\"\n          [documentId]=\"documentId\"\n          [row]=\"selected\"\n          (variablesChangedEvent)=\"reloadSelected()\"\n          (viewBuildingBlockEvent)=\"viewBuildingBlockEvent.emit($event)\"\n          (viewProcessLogsEvent)=\"viewProcessLogsEvent.emit($event)\"\n        ></valtimo-case-inspection-process-detail>\n      </article>\n    </div>\n  </ng-container>\n</section>\n", styles: [".case-inspection-processes-tab__error{color:var(--cds-text-error)}.case-inspection-processes-tab__empty{color:var(--cds-text-helper)}.case-inspection-processes-tab__layout{display:grid;grid-template-columns:minmax(260px,1fr) 3fr;gap:var(--cds-spacing-06);align-items:stretch}.case-inspection-processes-tab__list{display:flex;flex-direction:column;border-right:1px solid var(--cds-border-subtle)}.case-inspection-processes-tab__list-item{appearance:none;background:transparent;border:0;text-align:left;padding:var(--cds-spacing-04);cursor:pointer;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:var(--cds-spacing-01) var(--cds-spacing-03);color:inherit;font-family:inherit}.case-inspection-processes-tab__list-item:hover{background-color:var(--cds-layer-hover)}.case-inspection-processes-tab__list-item--selected{background-color:var(--cds-layer-selected);font-weight:600}.case-inspection-processes-tab__list-item-title{font-size:var(--cds-body-compact-01-font-size);grid-column:1;grid-row:1;display:inline-flex;align-items:center;gap:var(--cds-spacing-03)}.case-inspection-processes-tab__list-item-meta{font-size:var(--cds-helper-text-01-font-size);color:var(--cds-text-helper);grid-column:1;grid-row:2;font-weight:400}.case-inspection-processes-tab__list-item-meta code{word-break:break-all}.case-inspection-processes-tab__list-item-indicators{grid-column:2;grid-row:1/span 2;display:flex;align-items:center}.case-inspection-processes-tab__row-incident{display:inline-flex;align-items:center;gap:var(--cds-spacing-02);color:var(--cds-text-error);font-weight:600}.case-inspection-processes-tab__row-healthy{display:inline-flex;align-items:center;color:var(--cds-support-success)}.case-inspection-processes-tab__row-completed{display:inline-flex;align-items:center;color:var(--cds-text-helper)}.case-inspection-processes-tab__detail{min-width: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: CaseInspectionService }, { type: i2$3.PermissionService }, { type: i4$1.IconService }], propDecorators: { documentId: [{
+                type: Input
+            }], viewBuildingBlockEvent: [{
+                type: Output
+            }], viewProcessLogsEvent: [{
+                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 CaseInspectionComponent {
+    get _validTabs() {
+        return this.zgwTabComponent
+            ? Object.values(CaseInspectionTab)
+            : Object.values(CaseInspectionTab).filter(tab => tab !== CaseInspectionTab.ZGW);
+    }
+    constructor(route, router, permissionService, pageTitleService, translateService, breadcrumbService, documentService, zgwTabComponent) {
+        this.route = route;
+        this.router = router;
+        this.permissionService = permissionService;
+        this.pageTitleService = pageTitleService;
+        this.translateService = translateService;
+        this.breadcrumbService = breadcrumbService;
+        this.documentService = documentService;
+        this.zgwTabComponent = zgwTabComponent;
+        this.$documentId = signal('');
+        this.$caseDefinitionKey = signal('');
+        this.$activeTab = signal(CaseInspectionTab.DOCUMENT);
+        this.$loading = signal(true);
+        this.$accessDenied = signal(false);
+        this.$pendingBuildingBlockInstanceId = signal(null);
+        this.$pendingProcessInstanceLogFilter = signal(null);
+        this.CaseInspectionTab = CaseInspectionTab;
+        this._subscriptions = new Subscription();
+    }
+    ngOnInit() {
+        this.pageTitleService.disableReset();
+        this._subscriptions.add(this.translateService
+            .stream('case.inspection.pageTitle')
+            .subscribe(title => this.pageTitleService.setCustomPageTitle(title, true)));
+        this.restoreTabFromQueryParam();
+        this._subscriptions.add(this.route.paramMap.pipe(take(1)).subscribe((params) => {
+            const documentId = params.get('documentId') ?? '';
+            const caseDefinitionKey = params.get('caseDefinitionKey') ?? '';
+            this.$documentId.set(documentId);
+            this.$caseDefinitionKey.set(caseDefinitionKey);
+            this.permissionService
+                .requestPermission(CAN_INSPECT_CASE_PERMISSION, {
+                resource: CASE_DETAIL_PERMISSION_RESOURCE.jsonSchemaDocument,
+                identifier: documentId,
+            })
+                .pipe(take(1))
+                .subscribe({
+                next: allowed => {
+                    if (!allowed) {
+                        this.$accessDenied.set(true);
+                        this.$loading.set(false);
+                        this.router.navigate(['/cases']);
+                        return;
+                    }
+                    this.$loading.set(false);
+                    this.loadBreadcrumbs(caseDefinitionKey);
+                },
+                error: () => {
+                    this.$accessDenied.set(true);
+                    this.$loading.set(false);
+                    this.router.navigate(['/cases']);
+                },
+            });
+        }));
+    }
+    ngOnDestroy() {
+        this.pageTitleService.enableReset();
+        this.breadcrumbService.clearSecondBreadcrumb();
+        this.breadcrumbService.clearThirdBreadcrumb();
+        this._subscriptions.unsubscribe();
+    }
+    onTabSelected(tab) {
+        this.$activeTab.set(tab);
+        this.router.navigate([], {
+            relativeTo: this.route,
+            queryParams: { tab },
+            queryParamsHandling: 'merge',
+            replaceUrl: true,
+        });
+    }
+    onViewBuildingBlock(bb) {
+        this.$pendingBuildingBlockInstanceId.set(bb.instanceId);
+        this.onTabSelected(CaseInspectionTab.BUILDING_BLOCKS);
+    }
+    onViewProcessLogs(processInstanceId) {
+        this.$pendingProcessInstanceLogFilter.set(processInstanceId);
+        this.onTabSelected(CaseInspectionTab.LOGS);
+    }
+    loadBreadcrumbs(caseDefinitionKey) {
+        this.documentService
+            .getDocumentDefinition(caseDefinitionKey)
+            .pipe(take(1), catchError$1(() => of(null)))
+            .subscribe(definition => {
+            const title = definition?.schema?.title ?? caseDefinitionKey;
+            this.initBreadcrumbs(title);
+        });
+    }
+    initBreadcrumbs(caseDefinitionTitle) {
+        const documentId = this.$documentId();
+        const caseDefinitionKey = this.$caseDefinitionKey();
+        this.breadcrumbService.setSecondBreadcrumb({
+            route: [`/cases/${caseDefinitionKey}`],
+            content: caseDefinitionTitle,
+            href: `/cases/${caseDefinitionKey}`,
+        });
+        this.breadcrumbService.setThirdBreadcrumb({
+            route: [`/cases/${caseDefinitionKey}/document/${documentId}`],
+            content: this.translateService.instant('Case details'),
+            href: `/cases/${caseDefinitionKey}/document/${documentId}`,
+        });
+    }
+    restoreTabFromQueryParam() {
+        const requested = this.route.snapshot.queryParamMap.get('tab');
+        if (requested && this._validTabs.includes(requested)) {
+            this.$activeTab.set(requested);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseInspectionComponent, deps: [{ token: i1$2.ActivatedRoute }, { token: i1$2.Router }, { token: i2$3.PermissionService }, { token: i2$1.PageTitleService }, { token: i4.TranslateService }, { token: i2$1.BreadcrumbService }, { token: i2.DocumentService }, { token: ZGW_CASE_INSPECTION_TAB_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseInspectionComponent, isStandalone: true, selector: "ng-component", 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 *ngIf=\"!$loading() && !$accessDenied()\">\n  <cds-tabs type=\"inline\" class=\"case-inspection-tabs\">\n    <cds-tab\n      [active]=\"$activeTab() === CaseInspectionTab.DOCUMENT\"\n      [heading]=\"'case.inspection.tabs.document' | translate\"\n      (selected)=\"onTabSelected(CaseInspectionTab.DOCUMENT)\"\n    >\n      <div cdsLayer>\n        <valtimo-case-inspection-document\n          *ngIf=\"$activeTab() === CaseInspectionTab.DOCUMENT\"\n          [documentId]=\"$documentId()\"\n        ></valtimo-case-inspection-document>\n      </div>\n    </cds-tab>\n\n    <cds-tab\n      [active]=\"$activeTab() === CaseInspectionTab.PROCESSES\"\n      [heading]=\"'case.inspection.tabs.processes' | translate\"\n      (selected)=\"onTabSelected(CaseInspectionTab.PROCESSES)\"\n    >\n      <div cdsLayer>\n        <valtimo-case-inspection-processes\n          *ngIf=\"$activeTab() === CaseInspectionTab.PROCESSES\"\n          [documentId]=\"$documentId()\"\n          (viewBuildingBlockEvent)=\"onViewBuildingBlock($event)\"\n          (viewProcessLogsEvent)=\"onViewProcessLogs($event)\"\n        ></valtimo-case-inspection-processes>\n      </div>\n    </cds-tab>\n\n    <cds-tab\n      [active]=\"$activeTab() === CaseInspectionTab.BUILDING_BLOCKS\"\n      [heading]=\"'case.inspection.tabs.buildingBlocks' | translate\"\n      (selected)=\"onTabSelected(CaseInspectionTab.BUILDING_BLOCKS)\"\n    >\n      <div cdsLayer>\n        <valtimo-case-inspection-building-blocks\n          *ngIf=\"$activeTab() === CaseInspectionTab.BUILDING_BLOCKS\"\n          [documentId]=\"$documentId()\"\n          [pendingInstanceId]=\"$pendingBuildingBlockInstanceId()\"\n          (viewProcessLogsEvent)=\"onViewProcessLogs($event)\"\n        ></valtimo-case-inspection-building-blocks>\n      </div>\n    </cds-tab>\n\n    <cds-tab\n      [active]=\"$activeTab() === CaseInspectionTab.LOGS\"\n      [heading]=\"'case.inspection.tabs.logs' | translate\"\n      (selected)=\"onTabSelected(CaseInspectionTab.LOGS)\"\n    >\n      <div cdsLayer>\n        <valtimo-case-inspection-logs\n          *ngIf=\"$activeTab() === CaseInspectionTab.LOGS\"\n          [documentId]=\"$documentId()\"\n          [pendingProcessInstanceId]=\"$pendingProcessInstanceLogFilter()\"\n        ></valtimo-case-inspection-logs>\n      </div>\n    </cds-tab>\n\n    <cds-tab\n      *ngIf=\"zgwTabComponent\"\n      [active]=\"$activeTab() === CaseInspectionTab.ZGW\"\n      [heading]=\"'case.inspection.tabs.zgw' | translate\"\n      (selected)=\"onTabSelected(CaseInspectionTab.ZGW)\"\n    >\n      <div cdsLayer>\n        <ng-container\n          *ngIf=\"$activeTab() === CaseInspectionTab.ZGW\"\n          [ngComponentOutlet]=\"zgwTabComponent\"\n          [ngComponentOutletInputs]=\"{documentId: $documentId()}\"\n        ></ng-container>\n      </div>\n    </cds-tab>\n\n    <cds-tab\n      [active]=\"$activeTab() === CaseInspectionTab.METADATA\"\n      [heading]=\"'case.inspection.tabs.metadata' | translate\"\n      (selected)=\"onTabSelected(CaseInspectionTab.METADATA)\"\n    >\n      <div cdsLayer>\n        <valtimo-case-inspection-metadata\n          *ngIf=\"$activeTab() === CaseInspectionTab.METADATA\"\n          [documentId]=\"$documentId()\"\n        ></valtimo-case-inspection-metadata>\n      </div>\n    </cds-tab>\n  </cds-tabs>\n</ng-container>\n", styles: [":host ::ng-deep .loading-container{display:flex;justify-content:center;width:100%;padding-bottom:var(--cds-spacing-05);padding-top:var(--cds-spacing-05)}:host ::ng-deep .case-inspection-tabs>cds-tab-headers{margin-bottom:24px}:host ::ng-deep cds-tab .cds--tab-content{background-color:var(--cds-layer);padding:0}:host ::ng-deep cds-tab .cds--tab-content:focus{outline:none}:host ::ng-deep code{font-family:var(--cds-code-01-font-family);font-size:var(--cds-code-01-font-size);color:var(--cds-status-purple);background-color:transparent}.case-inspection-tab-placeholder{padding:var(--cds-spacing-05)}\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.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: TabsModule }, { kind: "component", type: i4$1.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i4$1.Tab, selector: "cds-tab, ibm-tab", inputs: ["heading", "title", "context", "active", "disabled", "tabIndex", "id", "cacheActive", "tabContent", "templateContext"], outputs: ["selected"] }, { kind: "component", type: CaseInspectionDocumentTabComponent, selector: "valtimo-case-inspection-document", inputs: ["documentId"] }, { kind: "component", type: CaseInspectionProcessesTabComponent, selector: "valtimo-case-inspection-processes", inputs: ["documentId"], outputs: ["viewBuildingBlockEvent", "viewProcessLogsEvent"] }, { kind: "component", type: CaseInspectionBuildingBlocksTabComponent, selector: "valtimo-case-inspection-building-blocks", inputs: ["documentId", "pendingInstanceId"], outputs: ["viewProcessLogsEvent"] }, { kind: "component", type: CaseInspectionLogsTabComponent, selector: "valtimo-case-inspection-logs", inputs: ["documentId", "pendingProcessInstanceId"] }, { kind: "component", type: CaseInspectionMetadataTabComponent, selector: "valtimo-case-inspection-metadata", inputs: ["documentId"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseInspectionComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        NgComponentOutlet,
+                        TranslateModule,
+                        TabsModule,
+                        CaseInspectionDocumentTabComponent,
+                        CaseInspectionProcessesTabComponent,
+                        CaseInspectionBuildingBlocksTabComponent,
+                        CaseInspectionLogsTabComponent,
+                        CaseInspectionMetadataTabComponent,
+                    ], 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 *ngIf=\"!$loading() && !$accessDenied()\">\n  <cds-tabs type=\"inline\" class=\"case-inspection-tabs\">\n    <cds-tab\n      [active]=\"$activeTab() === CaseInspectionTab.DOCUMENT\"\n      [heading]=\"'case.inspection.tabs.document' | translate\"\n      (selected)=\"onTabSelected(CaseInspectionTab.DOCUMENT)\"\n    >\n      <div cdsLayer>\n        <valtimo-case-inspection-document\n          *ngIf=\"$activeTab() === CaseInspectionTab.DOCUMENT\"\n          [documentId]=\"$documentId()\"\n        ></valtimo-case-inspection-document>\n      </div>\n    </cds-tab>\n\n    <cds-tab\n      [active]=\"$activeTab() === CaseInspectionTab.PROCESSES\"\n      [heading]=\"'case.inspection.tabs.processes' | translate\"\n      (selected)=\"onTabSelected(CaseInspectionTab.PROCESSES)\"\n    >\n      <div cdsLayer>\n        <valtimo-case-inspection-processes\n          *ngIf=\"$activeTab() === CaseInspectionTab.PROCESSES\"\n          [documentId]=\"$documentId()\"\n          (viewBuildingBlockEvent)=\"onViewBuildingBlock($event)\"\n          (viewProcessLogsEvent)=\"onViewProcessLogs($event)\"\n        ></valtimo-case-inspection-processes>\n      </div>\n    </cds-tab>\n\n    <cds-tab\n      [active]=\"$activeTab() === CaseInspectionTab.BUILDING_BLOCKS\"\n      [heading]=\"'case.inspection.tabs.buildingBlocks' | translate\"\n      (selected)=\"onTabSelected(CaseInspectionTab.BUILDING_BLOCKS)\"\n    >\n      <div cdsLayer>\n        <valtimo-case-inspection-building-blocks\n          *ngIf=\"$activeTab() === CaseInspectionTab.BUILDING_BLOCKS\"\n          [documentId]=\"$documentId()\"\n          [pendingInstanceId]=\"$pendingBuildingBlockInstanceId()\"\n          (viewProcessLogsEvent)=\"onViewProcessLogs($event)\"\n        ></valtimo-case-inspection-building-blocks>\n      </div>\n    </cds-tab>\n\n    <cds-tab\n      [active]=\"$activeTab() === CaseInspectionTab.LOGS\"\n      [heading]=\"'case.inspection.tabs.logs' | translate\"\n      (selected)=\"onTabSelected(CaseInspectionTab.LOGS)\"\n    >\n      <div cdsLayer>\n        <valtimo-case-inspection-logs\n          *ngIf=\"$activeTab() === CaseInspectionTab.LOGS\"\n          [documentId]=\"$documentId()\"\n          [pendingProcessInstanceId]=\"$pendingProcessInstanceLogFilter()\"\n        ></valtimo-case-inspection-logs>\n      </div>\n    </cds-tab>\n\n    <cds-tab\n      *ngIf=\"zgwTabComponent\"\n      [active]=\"$activeTab() === CaseInspectionTab.ZGW\"\n      [heading]=\"'case.inspection.tabs.zgw' | translate\"\n      (selected)=\"onTabSelected(CaseInspectionTab.ZGW)\"\n    >\n      <div cdsLayer>\n        <ng-container\n          *ngIf=\"$activeTab() === CaseInspectionTab.ZGW\"\n          [ngComponentOutlet]=\"zgwTabComponent\"\n          [ngComponentOutletInputs]=\"{documentId: $documentId()}\"\n        ></ng-container>\n      </div>\n    </cds-tab>\n\n    <cds-tab\n      [active]=\"$activeTab() === CaseInspectionTab.METADATA\"\n      [heading]=\"'case.inspection.tabs.metadata' | translate\"\n      (selected)=\"onTabSelected(CaseInspectionTab.METADATA)\"\n    >\n      <div cdsLayer>\n        <valtimo-case-inspection-metadata\n          *ngIf=\"$activeTab() === CaseInspectionTab.METADATA\"\n          [documentId]=\"$documentId()\"\n        ></valtimo-case-inspection-metadata>\n      </div>\n    </cds-tab>\n  </cds-tabs>\n</ng-container>\n", styles: [":host ::ng-deep .loading-container{display:flex;justify-content:center;width:100%;padding-bottom:var(--cds-spacing-05);padding-top:var(--cds-spacing-05)}:host ::ng-deep .case-inspection-tabs>cds-tab-headers{margin-bottom:24px}:host ::ng-deep cds-tab .cds--tab-content{background-color:var(--cds-layer);padding:0}:host ::ng-deep cds-tab .cds--tab-content:focus{outline:none}:host ::ng-deep code{font-family:var(--cds-code-01-font-family);font-size:var(--cds-code-01-font-size);color:var(--cds-status-purple);background-color:transparent}.case-inspection-tab-placeholder{padding:var(--cds-spacing-05)}\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: i1$2.ActivatedRoute }, { type: i1$2.Router }, { type: i2$3.PermissionService }, { type: i2$1.PageTitleService }, { type: i4.TranslateService }, { type: i2$1.BreadcrumbService }, { type: i2.DocumentService }, { type: i0.Type, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [ZGW_CASE_INSPECTION_TAB_TOKEN]
+                }] }] });
+
+/*
+ * 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 ALL_CASES_ID = 'ALL_CASES';
+class GenericCaseListComponent {
+    constructor(assigneeService, breadcrumbService, bulkAssignService, caseExportService, caseListCaseTagService, listService, pageTitleService, paginationService, parameterService, quickSearchStateService, router, searchService, statusService, caseListQuickSearchService, configService, teamsApiService, documentService, translateService) {
+        this.assigneeService = assigneeService;
+        this.breadcrumbService = breadcrumbService;
+        this.bulkAssignService = bulkAssignService;
+        this.caseExportService = caseExportService;
+        this.caseListCaseTagService = caseListCaseTagService;
+        this.listService = listService;
+        this.pageTitleService = pageTitleService;
+        this.paginationService = paginationService;
+        this.parameterService = parameterService;
+        this.quickSearchStateService = quickSearchStateService;
+        this.router = router;
+        this.searchService = searchService;
+        this.statusService = statusService;
+        this.caseListQuickSearchService = caseListQuickSearchService;
+        this.configService = configService;
+        this.teamsApiService = teamsApiService;
+        this.documentService = documentService;
+        this.translateService = translateService;
+        this.ALL_CASES_ID = ALL_CASES_ID;
+        this.tableTranslations = CASE_LIST_TABLE_TRANSLATIONS;
+        this.loadingExport = false;
+        this.visibleCaseTabs = null;
+        this.orchestration = inject(CaseListOrchestrationService);
+        this.showAssignModal$ = new BehaviorSubject(false);
+        this.showChangePageModal$ = new BehaviorSubject(false);
+        this.disableStartButton$ = new BehaviorSubject(false);
+        this.selectedCaseIds$ = new BehaviorSubject([]);
+        this.paginationChange$ = new BehaviorSubject(null);
+        // --- Case definition dropdown ---
+        this.loadingCaseListItems$ = new BehaviorSubject(true);
+        this._selectedCaseDefinitionId$ = new BehaviorSubject(ALL_CASES_ID);
+        this.selectedCaseDefinitionId$ = this._selectedCaseDefinitionId$.asObservable();
+        this.isAllCases$ = this._selectedCaseDefinitionId$.pipe(map(id => id === ALL_CASES_ID));
+        this.caseListItems$ = combineLatest([
+            this.documentService.getAllDefinitions(),
+            this._selectedCaseDefinitionId$,
+            this.translateService.stream('key'),
+        ]).pipe(map(([documentDefinitionRes, selectedId]) => [
+            {
+                content: this.translateService.instant('case.allCases'),
+                id: ALL_CASES_ID,
+                selected: selectedId === ALL_CASES_ID,
+            },
+            ...documentDefinitionRes.content.map(documentDefinition => ({
+                id: documentDefinition.id.name,
+                content: documentDefinition?.schema?.title,
+                selected: documentDefinition.id.name === selectedId,
+            })),
+        ]), tap(() => this.loadingCaseListItems$.next(false)));
+        // --- "All Cases" data pipeline ---
+        this._allCasesPage$ = new BehaviorSubject(1);
+        this._allCasesSize$ = new BehaviorSubject(10);
+        this._allCasesSort$ = new BehaviorSubject(null);
+        this._allCasesReload$ = new BehaviorSubject(false);
+        this._allCasesAssigneeFilter$ = new BehaviorSubject('ALL');
+        this.allCasesAssigneeFilter$ = this._allCasesAssigneeFilter$.asObservable();
+        this.allCasesFields$ = this.translateService
+            .stream('fieldLabels')
+            .pipe(map(() => this.mapDefaultColumnsToListFields(this.configService.config?.defaultDefinitionTable || [])));
+        this.allCasesLoading$ = new BehaviorSubject(true);
+        this.allCasesData$ = combineLatest([
+            this._allCasesPage$,
+            this._allCasesSize$,
+            this._allCasesSort$,
+            this._allCasesReload$,
+            this._allCasesAssigneeFilter$,
+        ]).pipe(tap(() => this.allCasesLoading$.next(true)), switchMap(([page, size, sort, _, assigneeFilter]) => {
+            const request = new DocumentSearchRequestImpl('', page - 1, size, undefined, undefined, undefined, sort, undefined, assigneeFilter !== 'ALL' ? assigneeFilter : undefined);
+            return this.documentService.getDocuments(request).pipe(map((documents) => ({
+                items: documents.content.map(document => {
+                    const { content, ...others } = document;
+                    return { ...content, ...others };
+                }),
+                pagination: {
+                    collectionSize: documents.totalElements,
+                    page,
+                    size,
+                    sort,
+                },
+            })));
+        }), tap(() => this.allCasesLoading$.next(false)), shareReplay(1));
+        this._subscriptions = new Subscription();
+    }
+    ngOnInit() {
+        this.pageTitleService.disableReset();
+        this.pageTitleService.setCustomPageTitle(this.translateService.instant('Cases'), true);
+        this.resolveVisibleCaseTabs();
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+        this._paginationSubscription?.unsubscribe();
+        this._canHaveAssigneeSubscription?.unsubscribe();
+        this._searchFieldsSubscription?.unsubscribe();
+        this.pageTitleService.enableReset();
+    }
+    // --- Case definition switching ---
+    setCaseDefinition(definition) {
+        const newId = definition.item.id;
+        if (newId === this._selectedCaseDefinitionId$.getValue())
+            return;
+        this._selectedCaseDefinitionId$.next(newId);
+        if (newId !== ALL_CASES_ID) {
+            this.parameterService.clearParameters();
+            this.parameterService.clearSearchFieldValues();
+            this.paginationService.clearPagination();
+            this.assigneeService.resetAssigneeFilter();
+            this.listService.setCaseDefinitionKey(newId);
+            this.orchestration.setLoading();
+            this.subscribeToPagination();
+            this.subscribeToCanHaveAssignee();
+            this.subscribeToSearchFields();
+        }
+        else {
+            this._allCasesPage$.next(1);
+            this._allCasesReload$.next(!this._allCasesReload$.getValue());
+        }
+    }
+    // --- Delegated to existing case list services when a specific definition is selected ---
+    search(searchFieldValues) {
+        this.searchService.search(searchFieldValues);
+    }
+    rowClick(item) {
+        this._selectedCaseDefinitionId$.pipe(take(1)).subscribe(selectedId => {
+            const caseDefinitionKey = selectedId !== ALL_CASES_ID ? selectedId : item.definitionName || item.definitionId?.name;
+            if (caseDefinitionKey) {
                 if (item.ctrlClick) {
                     window.open(`/cases/${caseDefinitionKey}/document/${item.id}`, '_blank');
                 }
@@ -6555,7 +8124,7 @@ class GenericCaseListComponent {
                 provide: QUICK_SEARCH_SERVICE,
                 useClass: CaseListQuickSearchService,
             },
-        ], viewQueries: [{ propertyName: "carbonList", first: true, predicate: ["specificCaseList"], descendants: true }, { propertyName: "listActionsComponent", first: true, predicate: CaseListActionsComponent, descendants: true }, { propertyName: "tabsComponent", first: true, predicate: CaseListTabsComponent, 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 *ngIf=\"{isAllCases: isAllCases$ | async} as mode\">\n  <!-- All Cases mode -->\n  <ng-container *ngIf=\"mode.isAllCases\">\n    <valtimo-carbon-list\n      [fields]=\"allCasesFields$ | async\"\n      [header]=\"false\"\n      [items]=\"(allCasesData$ | async)?.items\"\n      [loading]=\"allCasesLoading$ | async\"\n      [pagination]=\"(allCasesData$ | async)?.pagination\"\n      paginationIdentifier=\"genericCaseList\"\n      [tableTranslations]=\"tableTranslations\"\n      (paginationClicked)=\"allCasesPageChange($event)\"\n      (paginationSet)=\"allCasesPageSizeChange($event)\"\n      (rowClicked)=\"rowClick($event)\"\n      (sortChanged)=\"allCasesSortChanged($event)\"\n    >\n      <valtimo-no-results\n        [description]=\"'case.noResults.ALL.description' | translate\"\n        [title]=\"'case.noResults.ALL.title' | translate\"\n      ></valtimo-no-results>\n\n      <div tabs *ngIf=\"visibleCaseTabs\">\n        <valtimo-case-list-tabs\n          [assigneeFilter]=\"allCasesAssigneeFilter$ | async\"\n          [selectedRowCount]=\"0\"\n          [visibleTabs]=\"visibleCaseTabs\"\n          (tabChangeEvent)=\"allCasesTabChange($event)\"\n        ></valtimo-case-list-tabs>\n      </div>\n    </valtimo-carbon-list>\n  </ng-container>\n\n  <!-- Specific case definition mode -->\n  <ng-container *ngIf=\"!mode.isAllCases\">\n    <ng-container\n      *ngIf=\"{\n        availableFields: orchestration.availableFields$ | async,\n        fields: orchestration.fields$ | async,\n        documentItems: orchestration.documentItems$ | async,\n        noResultsMessage: orchestration.noResultsMessage$ | async,\n        hasApiColumnConfig: orchestration.hasApiColumnConfig$ | async,\n        searchFields: orchestration.searchFields$ | async,\n        showAssignModal: showAssignModal$ | async,\n        selectedCaseIds: selectedCaseIds$ | async,\n        statuses: orchestration.statuses$ | async,\n        caseTags: orchestration.caseTags$ | async,\n        selectedStatusKeys: orchestration.selectedStatusKeys$ | async,\n        selectedCaseTagKeys: orchestration.selectedCaseTagKeys$ | async,\n        showStatusSelector: orchestration.showStatusSelector$ | async,\n        showCaseTagsSelector: orchestration.showCaseTagsSelector$ | async,\n        loaded: orchestration.loaded$ | async,\n        canCreate: orchestration.canCreateCase$ | async,\n        canExport: orchestration.canExportCase$ | async,\n        disableExport: orchestration.disableExportButton$ | async,\n        disableSaveSearch: orchestration.disableSaveSearch$ | async,\n        assigneeFilter: orchestration.assigneeFilter$ | async,\n        hiddenColumns: orchestration.hiddenColumns$ | async,\n        disableStartButton: disableStartButton$ | async,\n      } as obs\"\n    >\n      <valtimo-case-list-actions\n        [loading]=\"!obs.loaded\"\n        (formFlowComplete)=\"forceRefresh()\"\n        (startButtonDisableEvent)=\"onStartButtonDisableEvent($event)\"\n      ></valtimo-case-list-actions>\n\n      <ng-container *ngTemplateOutlet=\"searchFields; context: {obs: obs}\"></ng-container>\n\n      <valtimo-quick-search\n        (quickSearchEvent)=\"onQuickSearchEvent($event)\"\n      ></valtimo-quick-search>\n\n      <ng-container *ngIf=\"obs.loaded; else specificLoading\">\n        <valtimo-carbon-list\n          #specificCaseList\n          [fields]=\"obs.fields\"\n          [header]=\"false\"\n          [initialSortState]=\"pagination?.sort\"\n          [items]=\"obs.documentItems\"\n          [pagination]=\"pagination\"\n          paginationIdentifier=\"genericCaseListSpecific\"\n          lockedTooltipTranslationKey=\"case.rowLocked\"\n          [showSelectionColumn]=\"canHaveAssignee\"\n          [tableTranslations]=\"tableTranslations\"\n          (paginationClicked)=\"pageChange($event)\"\n          (paginationSet)=\"pageSizeChange($event)\"\n          (rowClicked)=\"rowClick($event)\"\n          (sortChanged)=\"sortChanged($event)\"\n        >\n          <ng-container carbonToolbarActions>\n            <button cdsButton=\"primary\" (click)=\"showAssignModal()\">\n              {{ 'case.bulkAssign.assign' | translate }}\n            </button>\n          </ng-container>\n\n          <div carbonToolbarContent>\n            <valtimo-case-list-toolbar\n              [availableFields]=\"obs.availableFields\"\n              [canCreate]=\"obs.canCreate\"\n              [canExport]=\"obs.canExport\"\n              [disableExport]=\"obs.disableExport\"\n              [disableStart]=\"obs.disableStartButton\"\n              [hasApiColumnConfig]=\"obs.hasApiColumnConfig\"\n              [hiddenColumns]=\"obs.hiddenColumns\"\n              [loadingExport]=\"loadingExport\"\n              (exportEvent)=\"export()\"\n              (startCaseEvent)=\"startCase()\"\n              (viewUpdateEvent)=\"onViewUpdateEvent($event)\"\n            ></valtimo-case-list-toolbar>\n          </div>\n\n          <valtimo-no-results\n            [action]=\"obs.noResultsMessage?.isSearchResult ? null : caseListActionsNoResult\"\n            [description]=\"obs.noResultsMessage?.description | translate\"\n            [title]=\"obs.noResultsMessage?.title | translate\"\n          ></valtimo-no-results>\n\n          <div tabs *ngIf=\"canHaveAssignee\">\n            <valtimo-case-list-tabs\n              [assigneeFilter]=\"obs.assigneeFilter\"\n              [selectedRowCount]=\"carbonList?.model?.selectedRowsCount() ?? 0\"\n              [visibleTabs]=\"visibleCaseTabs\"\n              (tabChangeEvent)=\"onTabChange($event)\"\n            ></valtimo-case-list-tabs>\n          </div>\n        </valtimo-carbon-list>\n      </ng-container>\n\n      <ng-template #specificLoading>\n        <valtimo-carbon-list [loading]=\"true\">\n          <div tabs *ngIf=\"canHaveAssignee\">\n            <valtimo-case-list-tabs\n              [assigneeFilter]=\"orchestration.assigneeFilter$ | async\"\n              [selectedRowCount]=\"0\"\n              [visibleTabs]=\"visibleCaseTabs\"\n              (tabChangeEvent)=\"onTabChange($event)\"\n            ></valtimo-case-list-tabs>\n          </div>\n        </valtimo-carbon-list>\n      </ng-template>\n\n      <valtimo-case-bulk-assign-modal\n        [documentIds]=\"obs.selectedCaseIds\"\n        [open]=\"obs.showAssignModal\"\n        (closeEvent)=\"onCloseEvent($event)\"\n      ></valtimo-case-bulk-assign-modal>\n\n      <valtimo-confirmation-modal\n        confirmButtonTextTranslationKey=\"case.changePageModal.confirm\"\n        contentTranslationKey=\"case.changePageModal.content\"\n        [outputOnConfirm]=\"paginationChange$ | async\"\n        [showModalSubject$]=\"showChangePageModal$\"\n        titleTranslationKey=\"case.changePageModal.title\"\n        (confirmEvent)=\"onChangePageConfirm($event)\"\n      ></valtimo-confirmation-modal>\n    </ng-container>\n  </ng-container>\n</ng-container>\n\n<ng-template #searchFields let-obs=\"obs\">\n  <valtimo-search-fields\n    [disableSaveSearch]=\"obs.disableSaveSearch\"\n    [canSaveSearch]=\"true\"\n    [searchFields]=\"obs.searchFields\"\n    [caseDefinitionKey]=\"orchestration.caseDefinitionKey$ | async\"\n    [defaultValues]=\"orchestration.searchFieldValues$ | async\"\n    [inputDisabled]=\"!obs.loaded\"\n    [externalSearchField]=\"obs.showStatusSelector\"\n    (clearEvent)=\"onClearEvent()\"\n    (doSearch)=\"search($event)\"\n    (saveSearchEvent)=\"onSaveSearchEvent($event)\"\n  >\n    <valtimo-status-selector\n      *ngIf=\"obs.showStatusSelector\"\n      [statuses]=\"obs.statuses\"\n      [selectedStatusKeys]=\"obs.selectedStatusKeys\"\n      [disabled]=\"!obs.loaded\"\n      (selectedStatusesChangeEvent)=\"onSelectedStatusesChange($event)\"\n    ></valtimo-status-selector>\n\n    <valtimo-case-tags-selector\n      *ngIf=\"obs.showCaseTagsSelector\"\n      [caseTags]=\"obs.caseTags\"\n      [selectedCaseTagKeys]=\"obs.selectedCaseTagKeys\"\n      [disabled]=\"!obs.loaded\"\n      (selectedCaseTagsChangeEvent)=\"onSelectedCaseTagsChange($event)\"\n    ></valtimo-case-tags-selector>\n  </valtimo-search-fields>\n</ng-template>\n\n<ng-template #caseListActionsNoResult>\n  <button\n    *ngIf=\"orchestration.canCreateCase$ | async\"\n    cdsButton=\"primary\"\n    [disabled]=\"disableStartButton$ | async\"\n    (click)=\"startCase()\"\n  >\n    {{ 'Start Case' | translate }}\n    <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n  </button>\n</ng-template>\n\n<ng-container renderInPageHeader [fullWidth]=\"true\">\n  <ng-template>\n    <cds-dropdown\n      class=\"case-definition-selection\"\n      *ngIf=\"{\n        loadingCaseListItems: loadingCaseListItems$ | async,\n        caseListItems: caseListItems$ | async,\n      } as dropdownObs\"\n      [attr.data-testid]=\"'generic-case-list-dropdown'\"\n      [disabled]=\"dropdownObs.loadingCaseListItems || (dropdownObs.caseListItems || []).length === 1\"\n      [skeleton]=\"dropdownObs.loadingCaseListItems\"\n      (selected)=\"setCaseDefinition($event)\"\n    >\n      <cds-dropdown-list [items]=\"dropdownObs.caseListItems || []\"></cds-dropdown-list>\n    </cds-dropdown>\n  </ng-template>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;gap:16px}.case-definition-selection{display:flex;width:250px}\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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$1.SearchFieldsComponent, selector: "valtimo-search-fields", inputs: ["loading", "searchFields", "caseDefinitionKey", "setValuesSubject$", "clearValuesSubject$", "defaultValues", "disableSaveSearch", "inputDisabled", "externalSearchField", "canSaveSearch"], outputs: ["doSearch", "saveSearchEvent", "clearEvent"] }, { kind: "directive", type: i2$2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i2$2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i2$1.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$2.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$2.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "component", type: i2$1.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: i2$1.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "component", type: i2$1.StatusSelectorComponent, selector: "valtimo-status-selector", inputs: ["statuses", "selectedStatusKeys", "carbonTheme", "disabled"], outputs: ["selectedStatusesChangeEvent"] }, { kind: "directive", type: i2$1.RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "component", type: i2$1.CaseTagsSelectorComponent, selector: "valtimo-case-tags-selector", inputs: ["caseTags", "selectedCaseTagKeys", "carbonTheme", "disabled"], outputs: ["selectedCaseTagsChangeEvent"] }, { kind: "component", type: i2$1.QuickSearchComponent, selector: "valtimo-quick-search", outputs: ["quickSearchEvent"] }, { kind: "component", type: CaseListActionsComponent, selector: "valtimo-case-list-actions", inputs: ["loading", "navigateAfterSubmit"], outputs: ["formFlowComplete", "startButtonDisableEvent"] }, { kind: "component", type: CaseBulkAssignModalComponent, selector: "valtimo-case-bulk-assign-modal", inputs: ["documentIds", "open"], outputs: ["closeEvent"] }, { kind: "component", type: CaseListTabsComponent, selector: "valtimo-case-list-tabs", inputs: ["assigneeFilter", "selectedRowCount", "visibleTabs"], outputs: ["tabChangeEvent"] }, { kind: "component", type: CaseListToolbarComponent, selector: "valtimo-case-list-toolbar", inputs: ["availableFields", "canCreate", "canExport", "disableExport", "disableStart", "hasApiColumnConfig", "hiddenColumns", "loadingExport"], outputs: ["exportEvent", "startCaseEvent", "viewUpdateEvent"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
+        ], viewQueries: [{ propertyName: "carbonList", first: true, predicate: ["specificCaseList"], descendants: true }, { propertyName: "listActionsComponent", first: true, predicate: CaseListActionsComponent, descendants: true }, { propertyName: "tabsComponent", first: true, predicate: CaseListTabsComponent, 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 *ngIf=\"{isAllCases: isAllCases$ | async} as mode\">\n  <!-- All Cases mode -->\n  <ng-container *ngIf=\"mode.isAllCases\">\n    <valtimo-carbon-list\n      [fields]=\"allCasesFields$ | async\"\n      [header]=\"false\"\n      [items]=\"(allCasesData$ | async)?.items\"\n      [loading]=\"allCasesLoading$ | async\"\n      [pagination]=\"(allCasesData$ | async)?.pagination\"\n      paginationIdentifier=\"genericCaseList\"\n      [tableTranslations]=\"tableTranslations\"\n      (paginationClicked)=\"allCasesPageChange($event)\"\n      (paginationSet)=\"allCasesPageSizeChange($event)\"\n      (rowClicked)=\"rowClick($event)\"\n      (sortChanged)=\"allCasesSortChanged($event)\"\n    >\n      <valtimo-no-results\n        [description]=\"'case.noResults.ALL.description' | translate\"\n        [title]=\"'case.noResults.ALL.title' | translate\"\n      ></valtimo-no-results>\n\n      <div tabs *ngIf=\"visibleCaseTabs\">\n        <valtimo-case-list-tabs\n          [assigneeFilter]=\"allCasesAssigneeFilter$ | async\"\n          [selectedRowCount]=\"0\"\n          [visibleTabs]=\"visibleCaseTabs\"\n          (tabChangeEvent)=\"allCasesTabChange($event)\"\n        ></valtimo-case-list-tabs>\n      </div>\n    </valtimo-carbon-list>\n  </ng-container>\n\n  <!-- Specific case definition mode -->\n  <ng-container *ngIf=\"!mode.isAllCases\">\n    <ng-container\n      *ngIf=\"{\n        availableFields: orchestration.availableFields$ | async,\n        fields: orchestration.fields$ | async,\n        documentItems: orchestration.documentItems$ | async,\n        noResultsMessage: orchestration.noResultsMessage$ | async,\n        hasApiColumnConfig: orchestration.hasApiColumnConfig$ | async,\n        searchFields: orchestration.searchFields$ | async,\n        showAssignModal: showAssignModal$ | async,\n        selectedCaseIds: selectedCaseIds$ | async,\n        statuses: orchestration.statuses$ | async,\n        caseTags: orchestration.caseTags$ | async,\n        selectedStatusKeys: orchestration.selectedStatusKeys$ | async,\n        selectedCaseTagKeys: orchestration.selectedCaseTagKeys$ | async,\n        showStatusSelector: orchestration.showStatusSelector$ | async,\n        showCaseTagsSelector: orchestration.showCaseTagsSelector$ | async,\n        loaded: orchestration.loaded$ | async,\n        canCreate: orchestration.canCreateCase$ | async,\n        canExport: orchestration.canExportCase$ | async,\n        disableExport: orchestration.disableExportButton$ | async,\n        disableSaveSearch: orchestration.disableSaveSearch$ | async,\n        assigneeFilter: orchestration.assigneeFilter$ | async,\n        hiddenColumns: orchestration.hiddenColumns$ | async,\n        disableStartButton: disableStartButton$ | async,\n      } as obs\"\n    >\n      <valtimo-case-list-actions\n        [loading]=\"!obs.loaded\"\n        (formFlowComplete)=\"forceRefresh()\"\n        (startButtonDisableEvent)=\"onStartButtonDisableEvent($event)\"\n      ></valtimo-case-list-actions>\n\n      <ng-container *ngTemplateOutlet=\"searchFields; context: {obs: obs}\"></ng-container>\n\n      <valtimo-quick-search\n        (quickSearchEvent)=\"onQuickSearchEvent($event)\"\n      ></valtimo-quick-search>\n\n      <ng-container *ngIf=\"obs.loaded; else specificLoading\">\n        <valtimo-carbon-list\n          #specificCaseList\n          [fields]=\"obs.fields\"\n          [header]=\"false\"\n          [initialSortState]=\"pagination?.sort\"\n          [items]=\"obs.documentItems\"\n          [pagination]=\"pagination\"\n          paginationIdentifier=\"genericCaseListSpecific\"\n          lockedTooltipTranslationKey=\"case.rowLocked\"\n          [showSelectionColumn]=\"canHaveAssignee\"\n          [tableTranslations]=\"tableTranslations\"\n          (paginationClicked)=\"pageChange($event)\"\n          (paginationSet)=\"pageSizeChange($event)\"\n          (rowClicked)=\"rowClick($event)\"\n          (sortChanged)=\"sortChanged($event)\"\n        >\n          <ng-container carbonToolbarActions>\n            <button cdsButton=\"primary\" (click)=\"showAssignModal()\">\n              {{ 'case.bulkAssign.assign' | translate }}\n            </button>\n          </ng-container>\n\n          <div carbonToolbarContent>\n            <valtimo-case-list-toolbar\n              [availableFields]=\"obs.availableFields\"\n              [canCreate]=\"obs.canCreate\"\n              [canExport]=\"obs.canExport\"\n              [disableExport]=\"obs.disableExport\"\n              [disableStart]=\"obs.disableStartButton\"\n              [hasApiColumnConfig]=\"obs.hasApiColumnConfig\"\n              [hiddenColumns]=\"obs.hiddenColumns\"\n              [loadingExport]=\"loadingExport\"\n              (exportEvent)=\"export()\"\n              (startCaseEvent)=\"startCase()\"\n              (viewUpdateEvent)=\"onViewUpdateEvent($event)\"\n            ></valtimo-case-list-toolbar>\n          </div>\n\n          <valtimo-no-results\n            [action]=\"obs.noResultsMessage?.isSearchResult ? null : caseListActionsNoResult\"\n            [description]=\"obs.noResultsMessage?.description | translate\"\n            [title]=\"obs.noResultsMessage?.title | translate\"\n          ></valtimo-no-results>\n\n          <div tabs *ngIf=\"canHaveAssignee\">\n            <valtimo-case-list-tabs\n              [assigneeFilter]=\"obs.assigneeFilter\"\n              [selectedRowCount]=\"carbonList?.model?.selectedRowsCount() ?? 0\"\n              [visibleTabs]=\"visibleCaseTabs\"\n              (tabChangeEvent)=\"onTabChange($event)\"\n            ></valtimo-case-list-tabs>\n          </div>\n        </valtimo-carbon-list>\n      </ng-container>\n\n      <ng-template #specificLoading>\n        <valtimo-carbon-list [loading]=\"true\">\n          <div tabs *ngIf=\"canHaveAssignee\">\n            <valtimo-case-list-tabs\n              [assigneeFilter]=\"orchestration.assigneeFilter$ | async\"\n              [selectedRowCount]=\"0\"\n              [visibleTabs]=\"visibleCaseTabs\"\n              (tabChangeEvent)=\"onTabChange($event)\"\n            ></valtimo-case-list-tabs>\n          </div>\n        </valtimo-carbon-list>\n      </ng-template>\n\n      <valtimo-case-bulk-assign-modal\n        [documentIds]=\"obs.selectedCaseIds\"\n        [open]=\"obs.showAssignModal\"\n        (closeEvent)=\"onCloseEvent($event)\"\n      ></valtimo-case-bulk-assign-modal>\n\n      <valtimo-confirmation-modal\n        confirmButtonTextTranslationKey=\"case.changePageModal.confirm\"\n        contentTranslationKey=\"case.changePageModal.content\"\n        [outputOnConfirm]=\"paginationChange$ | async\"\n        [showModalSubject$]=\"showChangePageModal$\"\n        titleTranslationKey=\"case.changePageModal.title\"\n        (confirmEvent)=\"onChangePageConfirm($event)\"\n      ></valtimo-confirmation-modal>\n    </ng-container>\n  </ng-container>\n</ng-container>\n\n<ng-template #searchFields let-obs=\"obs\">\n  <valtimo-search-fields\n    [disableSaveSearch]=\"obs.disableSaveSearch\"\n    [canSaveSearch]=\"true\"\n    [searchFields]=\"obs.searchFields\"\n    [caseDefinitionKey]=\"orchestration.caseDefinitionKey$ | async\"\n    [defaultValues]=\"orchestration.searchFieldValues$ | async\"\n    [inputDisabled]=\"!obs.loaded\"\n    [externalSearchField]=\"obs.showStatusSelector\"\n    (clearEvent)=\"onClearEvent()\"\n    (doSearch)=\"search($event)\"\n    (saveSearchEvent)=\"onSaveSearchEvent($event)\"\n  >\n    <valtimo-status-selector\n      *ngIf=\"obs.showStatusSelector\"\n      [statuses]=\"obs.statuses\"\n      [selectedStatusKeys]=\"obs.selectedStatusKeys\"\n      [disabled]=\"!obs.loaded\"\n      (selectedStatusesChangeEvent)=\"onSelectedStatusesChange($event)\"\n    ></valtimo-status-selector>\n\n    <valtimo-case-tags-selector\n      *ngIf=\"obs.showCaseTagsSelector\"\n      [caseTags]=\"obs.caseTags\"\n      [selectedCaseTagKeys]=\"obs.selectedCaseTagKeys\"\n      [disabled]=\"!obs.loaded\"\n      (selectedCaseTagsChangeEvent)=\"onSelectedCaseTagsChange($event)\"\n    ></valtimo-case-tags-selector>\n  </valtimo-search-fields>\n</ng-template>\n\n<ng-template #caseListActionsNoResult>\n  <button\n    *ngIf=\"orchestration.canCreateCase$ | async\"\n    cdsButton=\"primary\"\n    [disabled]=\"disableStartButton$ | async\"\n    (click)=\"startCase()\"\n  >\n    {{ 'Start Case' | translate }}\n    <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n  </button>\n</ng-template>\n\n<ng-container renderInPageHeader [fullWidth]=\"true\">\n  <ng-template>\n    <cds-dropdown\n      class=\"case-definition-selection\"\n      *ngIf=\"{\n        loadingCaseListItems: loadingCaseListItems$ | async,\n        caseListItems: caseListItems$ | async,\n      } as dropdownObs\"\n      [attr.data-testid]=\"'generic-case-list-dropdown'\"\n      [disabled]=\"dropdownObs.loadingCaseListItems || (dropdownObs.caseListItems || []).length === 1\"\n      [skeleton]=\"dropdownObs.loadingCaseListItems\"\n      (selected)=\"setCaseDefinition($event)\"\n    >\n      <cds-dropdown-list [items]=\"dropdownObs.caseListItems || []\"></cds-dropdown-list>\n    </cds-dropdown>\n  </ng-template>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;gap:16px}.case-definition-selection{display:flex;width:250px}\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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$1.SearchFieldsComponent, selector: "valtimo-search-fields", inputs: ["loading", "searchFields", "caseDefinitionKey", "setValuesSubject$", "clearValuesSubject$", "defaultValues", "disableSaveSearch", "inputDisabled", "externalSearchField", "canSaveSearch"], outputs: ["doSearch", "saveSearchEvent", "clearEvent"] }, { kind: "directive", type: i4$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i4$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i2$1.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: i4$1.Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: ["id", "label", "hideLabel", "helperText", "placeholder", "displayValue", "clearText", "size", "type", "theme", "disabled", "readonly", "skeleton", "inline", "disableArrowKeys", "invalid", "invalidText", "warn", "warnText", "appendInline", "scrollableContainer", "itemValueKey", "selectionFeedback", "menuButtonLabel", "selectedLabel", "dropUp", "fluid"], outputs: ["selected", "onClose", "close"] }, { kind: "component", type: i4$1.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "component", type: i2$1.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: i2$1.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "component", type: i2$1.StatusSelectorComponent, selector: "valtimo-status-selector", inputs: ["statuses", "selectedStatusKeys", "carbonTheme", "disabled"], outputs: ["selectedStatusesChangeEvent"] }, { kind: "directive", type: i2$1.RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "component", type: i2$1.CaseTagsSelectorComponent, selector: "valtimo-case-tags-selector", inputs: ["caseTags", "selectedCaseTagKeys", "carbonTheme", "disabled"], outputs: ["selectedCaseTagsChangeEvent"] }, { kind: "component", type: i2$1.QuickSearchComponent, selector: "valtimo-quick-search", outputs: ["quickSearchEvent"] }, { kind: "component", type: CaseListActionsComponent, selector: "valtimo-case-list-actions", inputs: ["loading", "navigateAfterSubmit"], outputs: ["formFlowComplete", "startButtonDisableEvent"] }, { kind: "component", type: CaseBulkAssignModalComponent, selector: "valtimo-case-bulk-assign-modal", inputs: ["documentIds", "open"], outputs: ["closeEvent"] }, { kind: "component", type: CaseListTabsComponent, selector: "valtimo-case-list-tabs", inputs: ["assigneeFilter", "selectedRowCount", "visibleTabs"], outputs: ["tabChangeEvent"] }, { kind: "component", type: CaseListToolbarComponent, selector: "valtimo-case-list-toolbar", inputs: ["availableFields", "canCreate", "canExport", "disableExport", "disableStart", "hasApiColumnConfig", "hiddenColumns", "loadingExport"], outputs: ["exportEvent", "startCaseEvent", "viewUpdateEvent"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: GenericCaseListComponent, decorators: [{
             type: Component,
@@ -6590,7 +8159,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", 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.
@@ -6618,6 +8187,27 @@ const routes = [
         canActivate: [AuthGuardService],
         data: { title: 'Cases', roles: [ROLE_USER], customPageTitle: true },
     },
+    {
+        path: 'cases/:caseDefinitionKey/document/:documentId/case-inspection',
+        component: CaseInspectionComponent,
+        canActivate: [AuthGuardService],
+        data: {
+            title: 'Case inspection',
+            parentPath: 'cases/:caseDefinitionKey/document/:documentId',
+            roles: [ROLE_USER],
+            customPageTitle: true,
+        },
+    },
+    {
+        path: 'cases/:caseDefinitionKey/document/:documentId/:tab/tasks/:taskId',
+        component: CaseUpdateComponent,
+        canActivate: [AuthGuardService],
+        data: {
+            title: 'Task details',
+            parentPath: 'cases/:caseDefinitionKey/document/:documentId/:tab',
+            roles: [ROLE_USER],
+        },
+    },
     {
         path: 'cases/:caseDefinitionKey/document/:documentId/:tab',
         component: CaseDetailComponent,
@@ -6640,16 +8230,6 @@ const routes = [
             roles: [ROLE_USER],
         },
     },
-    {
-        path: 'cases/:caseDefinitionKey/document/:documentId/:tab/tasks/:taskId',
-        component: CaseUpdateComponent,
-        canActivate: [AuthGuardService],
-        data: {
-            title: 'Task details',
-            parentPath: 'cases/:caseDefinitionKey/document/:documentId/:tab',
-            roles: [ROLE_USER],
-        },
-    },
 ];
 class CaseRoutingModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
@@ -7021,7 +8601,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
         }], ctorParameters: () => [{ type: CaseMenuService }, { type: i2$1.MenuService }] });
 
 /*
- * 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.
@@ -7043,5 +8623,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ApiTabType, CASE_DETAIL_DEFAULT_DISPLAY_SIZE, CASE_DETAIL_DEFAULT_DISPLAY_TYPE, CASE_DETAIL_GUTTER_SIZE, CASE_DETAIL_LEFT_PANEL_MIN_WIDTH, CASE_DETAIL_RIGHT_PANEL_MIN_WIDTHS, CASE_DETAIL_START_PROCESS_DROPDOWN_WIDTH, CASE_DETAIL_TASK_LIST_WIDTH, CASE_LIST_NO_RESULTS_MESSAGE, CASE_LIST_TABLE_TRANSLATIONS, CASE_TAB_TOKEN, CASE_WITHOUT_STATUS_STATUS, CaseBulkAssignModalComponent, CaseBulkAssignService, CaseColumnService, CaseDetailComponent, CaseDetailLayoutService, CaseDetailTabAuditComponent, CaseDetailTabDocumentsComponent, CaseDetailTabNotesComponent, CaseDetailTabProgressComponent, CaseDetailTabSummaryComponent, CaseExportService, CaseHeaderWidgetApiService, CaseListActionsComponent, CaseListAssigneeService, CaseListCaseTagService, CaseListComponent, CaseListHiddenColumnsService, CaseListOrchestrationService, CaseListPaginationService, CaseListQuickSearchService, CaseListSearchService, CaseListService, CaseListStatusService, CaseMenuService, CaseModule, CaseParameterService, CaseProcessStartModalComponent, CaseService, CaseSupportingProcessStartModalComponent, CaseTabApiService, CaseTabService, CaseWidgetsApiService, DEFAULT_CASE_LIST_TABS, DEFAULT_TABS, DEFAULT_TAB_COMPONENTS, DefaultTabs, StartModalService, TAB_MAP, TabImpl, TabLoaderImpl, WIDGET_HEIGHT_1X, WIDGET_WIDTH_1X };
+export { ApiTabType, CASE_DETAIL_DEFAULT_DISPLAY_SIZE, CASE_DETAIL_DEFAULT_DISPLAY_TYPE, CASE_DETAIL_GUTTER_SIZE, CASE_DETAIL_LEFT_PANEL_MIN_WIDTH, CASE_DETAIL_RIGHT_PANEL_MIN_WIDTHS, CASE_DETAIL_START_PROCESS_DROPDOWN_WIDTH, CASE_DETAIL_TASK_LIST_WIDTH, CASE_INSPECTION_LOG_LEVEL_TAG, CASE_LIST_NO_RESULTS_MESSAGE, CASE_LIST_TABLE_TRANSLATIONS, CASE_TAB_TOKEN, CASE_WITHOUT_STATUS_STATUS, CaseBulkAssignModalComponent, CaseBulkAssignService, CaseColumnService, CaseDetailComponent, CaseDetailLayoutService, CaseDetailTabAuditComponent, CaseDetailTabDocumentsComponent, CaseDetailTabNotesComponent, CaseDetailTabProgressComponent, CaseDetailTabSummaryComponent, CaseExportService, CaseHeaderWidgetApiService, CaseInspectionLogLevel, CaseInspectionService, CaseInspectionTab, CaseListActionsComponent, CaseListAssigneeService, CaseListCaseTagService, CaseListComponent, CaseListHiddenColumnsService, CaseListOrchestrationService, CaseListPaginationService, CaseListQuickSearchService, CaseListSearchService, CaseListService, CaseListStatusService, CaseMenuService, CaseModule, CaseParameterService, CaseProcessStartModalComponent, CaseService, CaseSupportingProcessStartModalComponent, CaseTabApiService, CaseTabService, CaseWidgetsApiService, DEFAULT_CASE_LIST_TABS, DEFAULT_TABS, DEFAULT_TAB_COMPONENTS, DefaultTabs, ProcessDetailTab, StartModalService, TAB_MAP, TabImpl, TabLoaderImpl, WIDGET_HEIGHT_1X, WIDGET_WIDTH_1X, ZGW_CASE_INSPECTION_TAB_TOKEN };
 //# sourceMappingURL=valtimo-case.mjs.map