@valtimo/case 13.17.0 → 13.19.0

package/fesm2022/valtimo-case.mjs

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { Injectable, ViewEncapsulation, Component, EventEmitter, Output, ViewContainerRef, ViewChild, HostBinding, Optional, Inject, Input, ChangeDetectionStrategy, InjectionToken, signal, Pipe, NgModule } from '@angular/core';
 import * as i1$4 from '@angular/forms';
 import { Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { BehaviorSubject, take, map, distinctUntilChanged, combineLatest, Subject, switchMap, tap, filter, Subscription, startWith, forkJoin, of, catchError as catchError$1, shareReplay, first, fromEvent, from, debounceTime, defaultIfEmpty } from 'rxjs';
+import { map, distinctUntilChanged, BehaviorSubject, take, combineLatest, Subject, switchMap, tap, filter, Subscription, startWith, forkJoin, of, catchError as catchError$1, shareReplay, first, fromEvent, from, debounceTime, defaultIfEmpty } 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';
@@ -15,7 +15,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, EllipsisPipe, FormIoModule, WidgetModule, CurrentCarbonTheme, CARBON_THEME, ObserveSizeDirective, ValtimoCdsModalDirective, RenderInBodyComponent, ViewType, QUICK_SEARCH_SERVICE, CarbonListComponent, BpmnJsDiagramModule, TimelineModule, CamundaFormModule, FilterSidebarModule, DataListModule, ModalModule as ModalModule$1, SpinnerModule, UploaderModule, DropzoneModule, SelectModule, InputLabelModule, ParagraphModule, TableModule, VModalModule, SearchableDropdownSelectModule, SearchFieldsModule, InputModule as InputModule$1, FormModule as FormModule$1, ConfirmationModalModule, IsArrayPipe, StatusSelectorComponent, RenderInPageHeaderDirective, ValtimoCdsOverflowButtonDirective, CaseTagsSelectorComponent, ListColumnViewComponent, QuickSearchComponent } from '@valtimo/components';
+import { FormioOptionsImpl, TimelineItemImpl, CASES_WITHOUT_STATUS_KEY, CarbonListModule, EllipsisPipe, FormIoModule, WidgetModule, CurrentCarbonTheme, CARBON_THEME, ObserveSizeDirective, ValtimoCdsModalDirective, RenderInBodyComponent, ViewType, QUICK_SEARCH_SERVICE, 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, ValtimoCdsOverflowButtonDirective, 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';
@@ -24,20 +24,20 @@ 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 i4$1 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, TooltipModule } from 'carbon-components-angular';
-import * as i2$2 from '@valtimo/process';
+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 * 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$3 from '@valtimo/access-control';
+import * as i2$4 from '@valtimo/access-control';
 import * as i5$1 from '@valtimo/layout';
 import { WidgetFieldComponent, WidgetActionButtonComponent, WidgetCustomComponent, WidgetFormioComponent, WidgetTableComponent, WidgetCollectionComponent, WidgetMapComponent, WidgetType, WidgetContainerComponent } from '@valtimo/layout';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { isEqual } from 'lodash-es';
-import { UserFilled20, ChevronDown16 } from '@carbon/icons';
+import { UserFilled20, UserFollow16, ChevronDown16 } from '@carbon/icons';
 import * as i5$2 from 'keycloak-angular';
 import * as i12 from '@valtimo/security';
 import { AuthGuardService } from '@valtimo/security';
@@ -49,27 +49,102 @@ import * as i17 from 'angular-split';
 import { AngularSplitModule } from 'angular-split';
 import { isEqual as isEqual$1 } from 'lodash';
 
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * 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 PERMISSION_ACTION$1;
+(function (PERMISSION_ACTION) {
+    PERMISSION_ACTION["add"] = "create";
+    PERMISSION_ACTION["assign"] = "assign";
+    PERMISSION_ACTION["claim"] = "claim";
+    PERMISSION_ACTION["delete"] = "delete";
+    PERMISSION_ACTION["edit"] = "modify";
+    PERMISSION_ACTION["view"] = "view";
+    PERMISSION_ACTION["export"] = "export";
+})(PERMISSION_ACTION$1 || (PERMISSION_ACTION$1 = {}));
+var CASE_DETAIL_PERMISSION_RESOURCE;
+(function (CASE_DETAIL_PERMISSION_RESOURCE) {
+    CASE_DETAIL_PERMISSION_RESOURCE["jsonSchemaDocument"] = "com.ritense.document.domain.impl.JsonSchemaDocument";
+    CASE_DETAIL_PERMISSION_RESOURCE["note"] = "com.ritense.note.domain.Note";
+    CASE_DETAIL_PERMISSION_RESOURCE["jsonSchemaDocumentDefinition"] = "com.ritense.document.domain.impl.JsonSchemaDocumentDefinition";
+})(CASE_DETAIL_PERMISSION_RESOURCE || (CASE_DETAIL_PERMISSION_RESOURCE = {}));
+const CAN_CLAIM_CASE_PERMISSION = {
+    action: PERMISSION_ACTION$1.claim,
+    resource: CASE_DETAIL_PERMISSION_RESOURCE.jsonSchemaDocument,
+};
+const CAN_ADD_NOTE_PERMISSION = {
+    action: PERMISSION_ACTION$1.add,
+    resource: CASE_DETAIL_PERMISSION_RESOURCE.note,
+};
+const CAN_DELETE_NOTE_PERMISSION = {
+    action: PERMISSION_ACTION$1.delete,
+    resource: CASE_DETAIL_PERMISSION_RESOURCE.note,
+};
+const CAN_EDIT_NOTE_PERMISSION = {
+    action: PERMISSION_ACTION$1.edit,
+    resource: CASE_DETAIL_PERMISSION_RESOURCE.note,
+};
+const CAN_ASSIGN_CASE_PERMISSION = {
+    action: PERMISSION_ACTION$1.assign,
+    resource: CASE_DETAIL_PERMISSION_RESOURCE.jsonSchemaDocument,
+};
+const CAN_VIEW_CASE_PERMISSION = {
+    action: PERMISSION_ACTION$1.view,
+    resource: CASE_DETAIL_PERMISSION_RESOURCE.jsonSchemaDocument,
+};
+const CAN_CREATE_CASE_PERMISSION = {
+    action: PERMISSION_ACTION$1.add,
+    resource: CASE_DETAIL_PERMISSION_RESOURCE.jsonSchemaDocument,
+};
+const CAN_DELETE_CASE_PERMISSION = {
+    action: PERMISSION_ACTION$1.delete,
+    resource: CASE_DETAIL_PERMISSION_RESOURCE.jsonSchemaDocument,
+};
+const CAN_EXPORT_CASE_PERMISSION = {
+    action: PERMISSION_ACTION$1.export,
+    resource: CASE_DETAIL_PERMISSION_RESOURCE.jsonSchemaDocument,
+};
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * 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 CaseBulkAssignService {
     constructor(configService, http) {
         this.configService = configService;
         this.http = http;
-        this.candidateUsers$ = new BehaviorSubject([]);
         this._valtimoEndpointUri = `${this.configService.config.valtimoApi.endpointUri}v1/document/`;
     }
     bulkAssign(assigneeId, documentIds) {
         return this.http.post(`${this._valtimoEndpointUri}assign`, { assigneeId, documentIds });
     }
     loadCandidateUsers(documentIds) {
-        this.http
-            .post(`${this._valtimoEndpointUri}candidate-user`, { documentIds })
-            .pipe(take(1))
-            .subscribe({
-            next: (candidateUsers) => {
-                this.candidateUsers$.next(candidateUsers);
-            },
-            error: error => {
-                console.error(error);
-            },
+        return this.http.post(`${this._valtimoEndpointUri}candidate-user`, {
+            documentIds: documentIds,
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseBulkAssignService, deps: [{ token: i1.ConfigService }, { token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
@@ -1097,7 +1172,7 @@ class CaseDetailTabSummaryComponent {
             .subscribe());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", 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.18", 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: 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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", 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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseDetailTabSummaryComponent, decorators: [{
             type: Component,
@@ -1151,7 +1226,7 @@ class CaseDetailTabProgressComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", 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.18", 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" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", 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" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseDetailTabProgressComponent, decorators: [{
             type: Component,
@@ -1457,90 +1532,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 args: ['externalDocumentsTab', { read: ViewContainerRef }]
             }] } });
 
-/*
- * Copyright 2015-2025 Ritense BV, the Netherlands.
- *
- * Licensed under EUPL, Version 1.2 (the "License");
- * you may not use this file except in compliance with the License.
- * 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 PERMISSION_ACTION$1;
-(function (PERMISSION_ACTION) {
-    PERMISSION_ACTION["add"] = "create";
-    PERMISSION_ACTION["assign"] = "assign";
-    PERMISSION_ACTION["claim"] = "claim";
-    PERMISSION_ACTION["delete"] = "delete";
-    PERMISSION_ACTION["edit"] = "modify";
-    PERMISSION_ACTION["view"] = "view";
-    PERMISSION_ACTION["export"] = "export";
-})(PERMISSION_ACTION$1 || (PERMISSION_ACTION$1 = {}));
-var CASE_DETAIL_PERMISSION_RESOURCE;
-(function (CASE_DETAIL_PERMISSION_RESOURCE) {
-    CASE_DETAIL_PERMISSION_RESOURCE["jsonSchemaDocument"] = "com.ritense.document.domain.impl.JsonSchemaDocument";
-    CASE_DETAIL_PERMISSION_RESOURCE["note"] = "com.ritense.note.domain.Note";
-    CASE_DETAIL_PERMISSION_RESOURCE["jsonSchemaDocumentDefinition"] = "com.ritense.document.domain.impl.JsonSchemaDocumentDefinition";
-})(CASE_DETAIL_PERMISSION_RESOURCE || (CASE_DETAIL_PERMISSION_RESOURCE = {}));
-const CAN_CLAIM_CASE_PERMISSION = {
-    action: PERMISSION_ACTION$1.claim,
-    resource: CASE_DETAIL_PERMISSION_RESOURCE.jsonSchemaDocument,
-};
-const CAN_ADD_NOTE_PERMISSION = {
-    action: PERMISSION_ACTION$1.add,
-    resource: CASE_DETAIL_PERMISSION_RESOURCE.note,
-};
-const CAN_DELETE_NOTE_PERMISSION = {
-    action: PERMISSION_ACTION$1.delete,
-    resource: CASE_DETAIL_PERMISSION_RESOURCE.note,
-};
-const CAN_EDIT_NOTE_PERMISSION = {
-    action: PERMISSION_ACTION$1.edit,
-    resource: CASE_DETAIL_PERMISSION_RESOURCE.note,
-};
-const CAN_ASSIGN_CASE_PERMISSION = {
-    action: PERMISSION_ACTION$1.assign,
-    resource: CASE_DETAIL_PERMISSION_RESOURCE.jsonSchemaDocument,
-};
-const CAN_VIEW_CASE_PERMISSION = {
-    action: PERMISSION_ACTION$1.view,
-    resource: CASE_DETAIL_PERMISSION_RESOURCE.jsonSchemaDocument,
-};
-const CAN_CREATE_CASE_PERMISSION = {
-    action: PERMISSION_ACTION$1.add,
-    resource: CASE_DETAIL_PERMISSION_RESOURCE.jsonSchemaDocument,
-};
-const CAN_DELETE_CASE_PERMISSION = {
-    action: PERMISSION_ACTION$1.delete,
-    resource: CASE_DETAIL_PERMISSION_RESOURCE.jsonSchemaDocument,
-};
-const CAN_EXPORT_CASE_PERMISSION = {
-    action: PERMISSION_ACTION$1.export,
-    resource: CASE_DETAIL_PERMISSION_RESOURCE.jsonSchemaDocument,
-};
-
-/*
- * Copyright 2015-2025 Ritense BV, the Netherlands.
- *
- * Licensed under EUPL, Version 1.2 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
  *
@@ -1635,7 +1626,7 @@ class NoteModalComponent {
         this.formGroup.reset();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", 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.18", 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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", 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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NoteModalComponent, decorators: [{
             type: Component,
@@ -1799,13 +1790,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.18", 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.18", 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" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", 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.18", 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" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", 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$3.PermissionService }, { type: i1$2.ActivatedRoute }, { type: i4.TranslateService }], propDecorators: { noMargin: [{
+        }], ctorParameters: () => [{ type: i1.GlobalNotificationService }, { type: NotesService }, { type: i2$4.PermissionService }, { type: i1$2.ActivatedRoute }, { type: i4.TranslateService }], propDecorators: { noMargin: [{
                 type: HostBinding,
                 args: ['class.tab--no-margin']
             }] } });
@@ -2027,7 +2018,7 @@ class CaseDetailTabFormioComponent {
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", 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.18", 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: 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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", 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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseDetailTabFormioComponent, decorators: [{
             type: Component,
@@ -2232,8 +2223,8 @@ class CaseWidgetFieldComponent extends WidgetProcess {
             return;
         this.widgetsService.startProcess(process.processDefinitionKey);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", 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.18", 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", 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.18", 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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseWidgetFieldComponent, decorators: [{
             type: Component,
@@ -2247,7 +2238,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         WidgetFieldComponent,
                         WidgetActionButtonComponent,
                     ], 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$3.PermissionService }, { type: WidgetsService }, { type: CaseTabService }, { type: CaseWidgetsApiService }, { type: i5$1.WidgetLayoutService }], propDecorators: { documentId: [{
+        }], ctorParameters: () => [{ type: i2.DocumentService }, { type: i2$4.PermissionService }, { type: WidgetsService }, { type: CaseTabService }, { type: CaseWidgetsApiService }, { type: i5$1.WidgetLayoutService }], propDecorators: { documentId: [{
                 type: Input,
                 args: [{ required: true }]
             }], widgetConfiguration: [{
@@ -2294,13 +2285,13 @@ class CaseWidgetCustomComponent extends WidgetProcess {
     onProcessStartClick(process) {
         this.widgetsService.startProcess(process.processDefinitionKey);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", 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.18", 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", 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.18", 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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", 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$3.PermissionService }], propDecorators: { documentId: [{
+        }], ctorParameters: () => [{ type: WidgetsService }, { type: i2.DocumentService }, { type: i2$4.PermissionService }], propDecorators: { documentId: [{
                 type: Input,
                 args: [{ required: true }]
             }], widgetConfiguration: [{
@@ -2377,13 +2368,13 @@ class CaseWidgetFormioComponent extends WidgetProcess {
     onProcessStartClick(process) {
         this.widgetsService.startProcess(process.processDefinitionKey);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", 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.18", 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", 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.18", 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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", 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$3.PermissionService }, { type: WidgetsService }, { type: i0.DestroyRef }, { type: CaseTabService }, { type: CaseWidgetsApiService }, { type: i5$1.WidgetLayoutService }], propDecorators: { documentId: [{
+        }], ctorParameters: () => [{ type: i2.DocumentService }, { type: i2$4.PermissionService }, { type: WidgetsService }, { type: i0.DestroyRef }, { type: CaseTabService }, { type: CaseWidgetsApiService }, { type: i5$1.WidgetLayoutService }], propDecorators: { documentId: [{
                 type: Input
             }], widgetConfiguration: [{
                 type: Input
@@ -2461,8 +2452,8 @@ class CaseWidgetTableComponent extends WidgetProcess {
     getPageSizeParam(widgetConfiguration) {
         return `size=${widgetConfiguration.properties.defaultPageSize}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", 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.18", 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", 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.18", 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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseWidgetTableComponent, decorators: [{
             type: Component,
@@ -2475,7 +2466,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", 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$3.PermissionService }, { type: CaseWidgetsApiService }, { type: WidgetsService }, { type: CaseTabService }, { type: i5$1.WidgetLayoutService }], propDecorators: { documentId: [{
+        }], ctorParameters: () => [{ type: i2.DocumentService }, { type: i2$4.PermissionService }, { type: CaseWidgetsApiService }, { type: WidgetsService }, { type: CaseTabService }, { type: i5$1.WidgetLayoutService }], propDecorators: { documentId: [{
                 type: Input,
                 args: [{ required: true }]
             }], widgetConfiguration: [{
@@ -2557,8 +2548,8 @@ class CaseWidgetCollectionComponent extends WidgetProcess {
     getPageSizeParam(widgetConfiguration) {
         return `size=${widgetConfiguration.properties.defaultPageSize}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", 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.18", 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", 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.18", 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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseWidgetCollectionComponent, decorators: [{
             type: Component,
@@ -2572,7 +2563,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", 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$3.PermissionService }, { type: CaseWidgetsApiService }, { type: WidgetsService }, { type: i5$1.WidgetLayoutService }, { type: CaseTabService }, { type: CaseWidgetsApiService }], propDecorators: { documentId: [{
+        }], ctorParameters: () => [{ type: i2.DocumentService }, { type: i2$4.PermissionService }, { type: CaseWidgetsApiService }, { type: WidgetsService }, { type: i5$1.WidgetLayoutService }, { type: CaseTabService }, { type: CaseWidgetsApiService }], propDecorators: { documentId: [{
                 type: Input,
                 args: [{ required: true }]
             }], widgetConfiguration: [{
@@ -2637,8 +2628,8 @@ class CaseWidgetMapComponent extends WidgetProcess {
             return;
         this.widgetsService.startProcess(process.processDefinitionKey);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", 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.18", 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", 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.18", 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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseWidgetMapComponent, decorators: [{
             type: Component,
@@ -2652,7 +2643,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         WidgetMapComponent,
                         WidgetActionButtonComponent,
                     ], 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$3.PermissionService }, { type: WidgetsService }, { type: CaseTabService }, { type: CaseWidgetsApiService }, { type: i5$1.WidgetLayoutService }], propDecorators: { documentId: [{
+        }], ctorParameters: () => [{ type: i2.DocumentService }, { type: i2$4.PermissionService }, { type: WidgetsService }, { type: CaseTabService }, { type: CaseWidgetsApiService }, { type: i5$1.WidgetLayoutService }], propDecorators: { documentId: [{
                 type: Input,
                 args: [{ required: true }]
             }], widgetConfiguration: [{
@@ -3564,45 +3555,89 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  */
 class CaseBulkAssignModalComponent {
     set documentIds(value) {
-        if (!value.length) {
-            return;
+        if (value) {
+            this.documentIds$.next(value);
         }
-        this.bulkAssignService.loadCandidateUsers(value);
     }
-    constructor(bulkAssignService, fb) {
+    constructor(bulkAssignService, fb, permissionService) {
         this.bulkAssignService = bulkAssignService;
         this.fb = fb;
+        this.permissionService = permissionService;
         this.modalClass = 'valtimo-case-bulk-assign-modal';
         this.open = false;
         this.closeEvent = new EventEmitter();
-        this.candidateUsers$ = this.bulkAssignService.candidateUsers$.pipe(map((candidateUsers) => candidateUsers.map((candidateUser) => ({
+        this.documentIds$ = new BehaviorSubject([]);
+        this.permittedDocumentIds$ = new BehaviorSubject([]);
+        this.canAssignAllDocuments$ = new BehaviorSubject(false);
+        this.canAssignAnyDocuments$ = new BehaviorSubject(false);
+        this.candidateUsers$ = this.documentIds$.pipe(switchMap(documentIds => {
+            if (!documentIds?.length) {
+                this.permittedDocumentIds$.next([]);
+                this.canAssignAllDocuments$.next(false);
+                this.canAssignAnyDocuments$.next(false);
+                return of([]);
+            }
+            return forkJoin(documentIds.map(documentId => this.permissionService
+                .requestPermission(CAN_ASSIGN_CASE_PERMISSION, {
+                resource: CASE_DETAIL_PERMISSION_RESOURCE.jsonSchemaDocument,
+                identifier: documentId,
+            })
+                .pipe(take(1)))).pipe(take(1), map(permissions => {
+                const canAssignAll = permissions.every(p => p);
+                const canAssignAny = permissions.some(p => p);
+                const permittedDocumentIds = documentIds.filter((_, index) => permissions[index]);
+                this.canAssignAllDocuments$.next(canAssignAll);
+                this.canAssignAnyDocuments$.next(canAssignAny);
+                this.permittedDocumentIds$.next(permittedDocumentIds);
+                return { canAssignAny, permittedDocumentIds };
+            }), switchMap(({ canAssignAny, permittedDocumentIds }) => {
+                if (canAssignAny) {
+                    return this.bulkAssignService.loadCandidateUsers(permittedDocumentIds).pipe(take(1), catchError$1(error => {
+                        console.error(error);
+                        return of([]);
+                    }));
+                }
+                else {
+                    return of([]);
+                }
+            }), catchError$1(() => {
+                this.permittedDocumentIds$.next([]);
+                this.canAssignAllDocuments$.next(false);
+                this.canAssignAnyDocuments$.next(false);
+                return of([]);
+            }));
+        }));
+        this.candidateUserItems$ = this.candidateUsers$.pipe(map((candidateUsers) => candidateUsers.map((candidateUser) => ({
             id: candidateUser.id,
             content: `${candidateUser.firstName} ${candidateUser.lastName}`,
             selected: this.formGroup.get('assignee')?.value?.id === candidateUser.id,
         }))));
         this.formGroup = this.fb.group({
-            assignee: this.fb.control({ id: '', content: '', selected: false }, Validators.required),
+            assignee: this.fb.control(null, Validators.required),
         });
     }
     closeModal(confirm) {
         const assignee = this.formGroup.get('assignee')?.value ?? null;
-        if (!assignee) {
+        if (!confirm || !assignee?.id) {
             this.closeEvent.emit(null);
+            this.formGroup.reset();
             return;
         }
-        this.closeEvent.emit(confirm ? assignee.id : null);
-        this.formGroup.reset();
+        this.permittedDocumentIds$.pipe(take(1)).subscribe((permittedDocumentIds) => {
+            this.closeEvent.emit({ ids: permittedDocumentIds, assigneeId: assignee.id });
+            this.formGroup.reset();
+        });
     }
     trackByIndex(index) {
         return index;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseBulkAssignModalComponent, deps: [{ token: CaseBulkAssignService }, { token: i1$4.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", 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-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF 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    <form *ngIf=\"candidateUsers$ | async as candidateUsers\" [formGroup]=\"formGroup\">\n      <cds-combo-box\n        formControlName=\"assignee\"\n        [dropUp]=\"false\"\n        [items]=\"candidateUsers\"\n        [label]=\"'case.bulkAssign.modal.selectLabel' | translate\"\n        [placeholder]=\"'case.bulkAssign.modal.selectPlaceholder' | translate\"\n      >\n        <cds-dropdown-list></cds-dropdown-list>\n      </cds-combo-box>\n    </form>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"closeModal()\">{{ 'interface.cancel' | translate }}</button>\n\n    <button cdsButton=\"primary\" [disabled]=\"formGroup.invalid\" (click)=\"closeModal(true)\">\n      {{ 'case.bulkAssign.modal.confirm' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: ["::ng-deep .valtimo-case-bulk-assign-modal .cds--list-box__field{background-color:#fff}::ng-deep .valtimo-case-bulk-assign-modal .cds--modal-container,::ng-deep .valtimo-case-bulk-assign-modal .cds--modal-content{overflow:unset}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.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: "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.18", ngImport: i0, type: CaseBulkAssignModalComponent, deps: [{ token: CaseBulkAssignService }, { token: i1$4.FormBuilder }, { token: i2$4.PermissionService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", 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-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF 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        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        >\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]=\"formGroup.invalid || !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--list-box__field{background-color:#fff}::ng-deep .valtimo-case-bulk-assign-modal .cds--modal-container,::ng-deep .valtimo-case-bulk-assign-modal .cds--modal-content{overflow:unset}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.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: "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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseBulkAssignModalComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'valtimo-case-bulk-assign-modal', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal 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    <form *ngIf=\"candidateUsers$ | async as candidateUsers\" [formGroup]=\"formGroup\">\n      <cds-combo-box\n        formControlName=\"assignee\"\n        [dropUp]=\"false\"\n        [items]=\"candidateUsers\"\n        [label]=\"'case.bulkAssign.modal.selectLabel' | translate\"\n        [placeholder]=\"'case.bulkAssign.modal.selectPlaceholder' | translate\"\n      >\n        <cds-dropdown-list></cds-dropdown-list>\n      </cds-combo-box>\n    </form>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"closeModal()\">{{ 'interface.cancel' | translate }}</button>\n\n    <button cdsButton=\"primary\" [disabled]=\"formGroup.invalid\" (click)=\"closeModal(true)\">\n      {{ 'case.bulkAssign.modal.confirm' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: ["::ng-deep .valtimo-case-bulk-assign-modal .cds--list-box__field{background-color:#fff}::ng-deep .valtimo-case-bulk-assign-modal .cds--modal-container,::ng-deep .valtimo-case-bulk-assign-modal .cds--modal-content{overflow:unset}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
-        }], ctorParameters: () => [{ type: CaseBulkAssignService }, { type: i1$4.FormBuilder }], propDecorators: { modalClass: [{
+            args: [{ standalone: false, selector: 'valtimo-case-bulk-assign-modal', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal 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        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        >\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]=\"formGroup.invalid || !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--list-box__field{background-color:#fff}::ng-deep .valtimo-case-bulk-assign-modal .cds--modal-container,::ng-deep .valtimo-case-bulk-assign-modal .cds--modal-content{overflow:unset}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+        }], ctorParameters: () => [{ type: CaseBulkAssignService }, { type: i1$4.FormBuilder }, { type: i2$4.PermissionService }], propDecorators: { modalClass: [{
                 type: HostBinding,
                 args: ['class']
             }], documentIds: [{
@@ -3727,8 +3762,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.18", 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.18", 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  ></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.assignee) {\n          <cds-tag\n            class=\"cds-tag--no-margin\"\n            [ngbTooltip]=\"'summary.taskIsAssigned' | translate\"\n            [type]=\"'cool-gray'\"\n          >\n            <svg cdsIcon=\"user--filled\" size=\"20\"></svg>\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: i6$2.TaskDetailModalComponent, selector: "valtimo-task-detail-modal", inputs: ["modalSize", "openFromCaseManagement"], outputs: ["formSubmit", "assignmentOfTaskChanged"] }, { 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"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", 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.18", 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.assignee) {\n          <cds-tag\n            class=\"cds-tag--no-margin\"\n            [ngbTooltip]=\"'summary.taskIsAssigned' | translate\"\n            [type]=\"'cool-gray'\"\n          >\n            <svg cdsIcon=\"user--filled\" size=\"20\"></svg>\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: i6$2.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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseDetailTaskListComponent, decorators: [{
             type: Component,
@@ -3744,8 +3779,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         TagModule,
                         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  ></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.assignee) {\n          <cds-tag\n            class=\"cds-tag--no-margin\"\n            [ngbTooltip]=\"'summary.taskIsAssigned' | translate\"\n            [type]=\"'cool-gray'\"\n          >\n            <svg cdsIcon=\"user--filled\" size=\"20\"></svg>\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: i4$1.IconService }, { type: i1$2.ActivatedRoute }, { type: i2$3.PermissionService }, { type: i5.SseService }, { type: CaseDetailLayoutService }, { type: i3$3.ProcessLinkService }], propDecorators: { _taskDetailModal: [{
+                    ], 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.assignee) {\n          <cds-tag\n            class=\"cds-tag--no-margin\"\n            [ngbTooltip]=\"'summary.taskIsAssigned' | translate\"\n            [type]=\"'cool-gray'\"\n          >\n            <svg cdsIcon=\"user--filled\" size=\"20\"></svg>\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: [{
                 type: ViewChild,
                 args: ['taskDetail']
             }], openTaskAndProcessLinkInModal: [{
@@ -3788,6 +3823,7 @@ class CaseDetailsTaskDetailComponent {
         this.translateService = translateService;
         this.closeEvent = new EventEmitter();
         this.assignmentOfTaskChanged = new EventEmitter();
+        this.dueDateChanged = new EventEmitter();
         this.activeChange = new EventEmitter();
         this.formSubmit = new EventEmitter();
         this.compactMode$ = this.pageHeaderService.compactMode$;
@@ -3823,11 +3859,14 @@ class CaseDetailsTaskDetailComponent {
     onActiveChangeEvent(activeChange) {
         this.activeChange.emit(activeChange);
     }
+    onDueDateChanged() {
+        this.dueDateChanged.emit();
+    }
     onFormSubmitEvent() {
         this.formSubmit.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseDetailsTaskDetailComponent, deps: [{ token: i1.ConfigService }, { token: i2$1.PageHeaderService }, { token: i2$3.PermissionService }, { token: i4.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: CaseDetailsTaskDetailComponent, isStandalone: true, selector: "valtimo-case-detail-task-detail", inputs: { taskAndProcessLink: "taskAndProcessLink" }, outputs: { closeEvent: "closeEvent", assignmentOfTaskChanged: "assignmentOfTaskChanged", 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\"\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-assign-user-to-task\n            [canAssignUserToTask]=\"obs.canAssignUserToTask\"\n            [taskId]=\"obs.task.id\"\n            [assigneeId]=\"obs.task.assignee\"\n          ></valtimo-assign-user-to-task>\n\n          <valtimo-set-task-due-date\n            [canModifyTask]=\"obs.canModifyTask\"\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"] }, { 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: AssignUserToTaskComponent, selector: "valtimo-assign-user-to-task", inputs: ["taskId", "assigneeId", "canAssignUserToTask"], outputs: ["assignmentOfTaskChanged"] }, { kind: "component", type: SetTaskDueDateComponent, selector: "valtimo-set-task-due-date", inputs: ["canModifyTask", "task"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseDetailsTaskDetailComponent, deps: [{ token: i1.ConfigService }, { token: i2$1.PageHeaderService }, { token: i2$4.PermissionService }, { token: i4.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", 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\"\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-assign-user-to-task\n            [canAssignUserToTask]=\"obs.canAssignUserToTask\"\n            [taskId]=\"obs.task.id\"\n            [assigneeId]=\"obs.task.assignee\"\n          ></valtimo-assign-user-to-task>\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: AssignUserToTaskComponent, selector: "valtimo-assign-user-to-task", inputs: ["taskId", "assigneeId", "canAssignUserToTask"], outputs: ["assignmentOfTaskChanged"] }, { 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.18", ngImport: i0, type: CaseDetailsTaskDetailComponent, decorators: [{
             type: Component,
@@ -3840,13 +3879,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         IconModule,
                         AssignUserToTaskComponent,
                         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\"\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-assign-user-to-task\n            [canAssignUserToTask]=\"obs.canAssignUserToTask\"\n            [taskId]=\"obs.task.id\"\n            [assigneeId]=\"obs.task.assignee\"\n          ></valtimo-assign-user-to-task>\n\n          <valtimo-set-task-due-date\n            [canModifyTask]=\"obs.canModifyTask\"\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$3.PermissionService }, { type: i4.TranslateService }], propDecorators: { taskAndProcessLink: [{
+                    ], 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\"\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-assign-user-to-task\n            [canAssignUserToTask]=\"obs.canAssignUserToTask\"\n            [taskId]=\"obs.task.id\"\n            [assigneeId]=\"obs.task.assignee\"\n          ></valtimo-assign-user-to-task>\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 }], propDecorators: { taskAndProcessLink: [{
                 type: Input
             }], closeEvent: [{
                 type: Output
             }], assignmentOfTaskChanged: [{
                 type: Output
+            }], dueDateChanged: [{
+                type: Output
             }], activeChange: [{
                 type: Output
             }], formSubmit: [{
@@ -3907,13 +3948,13 @@ class CaseDetailHeaderWidgetComponent {
     onNoVisibleFields(noVisibleFields) {
         this.$noVisibleFields.set(noVisibleFields);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", 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.18", 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 }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", 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.18", 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 }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", 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$3.PermissionService }, { type: i2$1.CdsThemeService }, { type: i5.SseService }] });
+        }], ctorParameters: () => [{ type: CaseHeaderWidgetApiService }, { type: i1$2.ActivatedRoute }, { type: i2$4.PermissionService }, { type: i2$1.CdsThemeService }, { type: i5.SseService }] });
 
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
@@ -4092,13 +4133,13 @@ class CaseSupportingProcessStartModalComponent {
     openCdsModal() {
         this.modalOpen$.next(true);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseSupportingProcessStartModalComponent, deps: [{ token: i1$2.Router }, { token: i2$2.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.18", 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: 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", 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.18", 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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", 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$2.ProcessService }, { type: i3$3.ProcessLinkService }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i1$2.Router }, { type: i2$3.ProcessService }, { type: i3$3.ProcessLinkService }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
@@ -4148,8 +4189,10 @@ class CaseAssignUserComponent {
     set assigneeFullName(value) {
         this.assigneeFullName$.next(value);
     }
-    constructor(documentService) {
+    constructor(documentService, cdsThemeService, iconService) {
         this.documentService = documentService;
+        this.cdsThemeService = cdsThemeService;
+        this.iconService = iconService;
         this.hasPermission = true;
         this.assignmentOfDocumentChanged = new EventEmitter();
         this.disabled$ = new BehaviorSubject(true);
@@ -4157,12 +4200,18 @@ class CaseAssignUserComponent {
         this.userItems$ = this.documentId$.pipe(filter(documentId => !!documentId), switchMap(documentId => this.hasPermission ? this.documentService.getCandidateUsers(documentId) : of([])), map(candidateUsers => this.mapUsersForDropdown(candidateUsers)), tap$1(() => this.enable()));
         this.assigneeId$ = new BehaviorSubject('');
         this.assigneeFullName$ = new BehaviorSubject('');
+        this.mouseIsOverAssignee$ = new BehaviorSubject(false);
+        this.selectedUserId$ = new BehaviorSubject(null);
+        this.open$ = new Subject();
+        this.toggletipTheme$ = this.cdsThemeService.toggletipTheme$;
+        this.iconService.registerAll([UserFollow16]);
     }
     assignDocument(userId) {
         this.disable();
         this.documentId$
             .pipe(switchMap(documentId => this.documentService.assignHandlerToDocument(documentId, userId)))
             .subscribe(() => {
+            this.closeToggletip();
             this.emitChange();
             this.enable();
         });
@@ -4176,6 +4225,24 @@ class CaseAssignUserComponent {
             this.enable();
         });
     }
+    onUserSelect(event) {
+        this.selectedUserId$.next(event?.id || null);
+    }
+    onSubmitButtonClick() {
+        const userId = this.selectedUserId$.getValue();
+        if (userId) {
+            this.assignDocument(userId);
+        }
+    }
+    clear() {
+        this.selectedUserId$.next(null);
+    }
+    onMouseEnterAssignee() {
+        this.mouseIsOverAssignee$.next(true);
+    }
+    onMouseLeaveAssignee() {
+        this.mouseIsOverAssignee$.next(false);
+    }
     mapUsersForDropdown(users) {
         return users
             .sort((a, b) => {
@@ -4184,7 +4251,7 @@ class CaseAssignUserComponent {
             }
             return 0;
         })
-            .map(user => ({ text: user.label, id: user.id }));
+            .map(user => ({ content: user.label, id: user.id, selected: false }));
     }
     emitChange() {
         this.assignmentOfDocumentChanged.emit();
@@ -4195,13 +4262,17 @@ class CaseAssignUserComponent {
     disable() {
         this.disabled$.next(true);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseAssignUserComponent, deps: [{ token: i2.DocumentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: CaseAssignUserComponent, isStandalone: false, selector: "valtimo-case-assign-user", inputs: { documentId: "documentId", assigneeId: "assigneeId", assigneeFullName: "assigneeFullName", hasPermission: "hasPermission" }, outputs: { assignmentOfDocumentChanged: "assignmentOfDocumentChanged" }, 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    disabled: disabled$ | async,\n    assigneeFullName: assigneeFullName$ | async,\n    assigneeId: assigneeId$ | async,\n  } as obs\"\n>\n  <ng-container *ngIf=\"!hasPermission && obs.assigneeFullName\">\n    <ng-container *ngTemplateOutlet=\"fullName; context: {obs: obs}\"></ng-container>\n  </ng-container>\n\n  <ng-container *ngIf=\"hasPermission\">\n    <ng-container *ngTemplateOutlet=\"selectUser; context: {obs: obs}\"></ng-container>\n  </ng-container>\n</ng-container>\n\n<ng-template #fullName let-obs=\"obs\">\n  <valtimo-searchable-dropdown-select\n    [buttonText]=\"'assignDocument.header' | translate\"\n    [clearSelectionButtonTitle]=\"'assignDocument.remove' | translate\"\n    [hasPermission]=\"false\"\n    [hasSelection]=\"true\"\n    [noResultsText]=\"'interface.noSearchResults' | translate\"\n    [searchText]=\"'interface.typeToSearch' | translate\"\n    [selectedTextValue]=\"obs.assigneeFullName\"\n    [selectedText]=\"'assignDocument.assignedTo' | translate\"\n    [style]=\"'underlinedText'\"\n    [width]=\"250\"\n    class=\"case-candidates-dropdown\"\n  >\n  </valtimo-searchable-dropdown-select>\n</ng-template>\n\n<ng-template #selectUser let-obs=\"obs\">\n  <ng-container *ngIf=\"userItems$ | async as userItems; else loadingUsers\">\n    <valtimo-searchable-dropdown-select\n      [buttonText]=\"'assignDocument.header' | translate\"\n      [clearSelectionButtonTitle]=\"'assignDocument.remove' | translate\"\n      [disabled]=\"obs.disabled\"\n      [hasPermission]=\"hasPermission\"\n      [showClearSelection]=\"false\"\n      [hasSelection]=\"obs.assigneeId\"\n      [items]=\"userItems\"\n      [noResultsText]=\"'interface.noSearchResults' | translate\"\n      [searchText]=\"'interface.typeToSearch' | translate\"\n      [selectedTextValue]=\"obs.assigneeFullName\"\n      [selectedText]=\"'assignDocument.assignedTo' | translate\"\n      [style]=\"'underlinedText'\"\n      [width]=\"250\"\n      (clearSelection)=\"unassignDocument()\"\n      (itemSelected)=\"assignDocument($event)\"\n      class=\"case-candidates-dropdown\"\n    >\n    </valtimo-searchable-dropdown-select>\n  </ng-container>\n</ng-template>\n\n<ng-template #loadingUsers>\n  <h5>\n    <b>{{ 'assignDocument.fetchingUsers' | translate }}</b>\n  </h5>\n</ng-template>\n", styles: [".container-fluid{color:#959595}valtimo-searchable-dropdown-select{color:var(--cds-text-helper)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px!important;line-height:18px!important}h5{font-size:14px!important}:host .case-candidates-dropdown h5{margin-block:0}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$1.SearchableDropdownSelectComponent, selector: "valtimo-searchable-dropdown-select", inputs: ["style", "items", "buttonText", "searchText", "noResultsText", "disabled", "selectedText", "selectedTextValue", "clearSelectionButtonTitle", "hasSelection", "width", "hasPermission", "showClearSelection"], outputs: ["itemSelected", "clearSelection"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
+    closeToggletip() {
+        this.open$.next(true);
+        setTimeout(() => this.open$.next(false));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseAssignUserComponent, deps: [{ token: i2.DocumentService }, { token: i2$1.CdsThemeService }, { token: i2$2.IconService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: CaseAssignUserComponent, isStandalone: false, selector: "valtimo-case-assign-user", inputs: { documentId: "documentId", assigneeId: "assigneeId", assigneeFullName: "assigneeFullName", hasPermission: "hasPermission" }, outputs: { assignmentOfDocumentChanged: "assignmentOfDocumentChanged" }, 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    disabled: disabled$ | async,\n    assigneeFullName: assigneeFullName$ | async,\n    assigneeId: assigneeId$ | async,\n    userItems: userItems$ | async,\n    mouseIsOverAssignee: mouseIsOverAssignee$ | async,\n    selectedUserId: selectedUserId$ | async,\n  } as obs\"\n>\n  <ng-container *ngIf=\"obs.assigneeId || hasPermission\">\n    <div\n      class=\"assign-user-container\"\n      (mouseenter)=\"onMouseEnterAssignee()\"\n      (mouseleave)=\"onMouseLeaveAssignee()\"\n    >\n      <div\n        class=\"assignee-text element\"\n        [ngClass]=\"{\n          active: hasPermission\n            ? obs.assigneeId && !obs.mouseIsOverAssignee\n            : obs.assigneeId,\n        }\"\n      >\n        <span class=\"bold\">{{ 'assignDocument.assignedTo' | translate }}</span>\n        &nbsp;\n        <span class=\"name\">{{ obs.assigneeFullName }}</span>\n      </div>\n\n      <button\n        *ngIf=\"hasPermission && obs.assigneeId\"\n        cdsButton=\"ghost\"\n        class=\"element remove-button\"\n        [ngClass]=\"{active: obs.assigneeId && obs.mouseIsOverAssignee}\"\n        [disabled]=\"obs.disabled\"\n        size=\"sm\"\n        (click)=\"unassignDocument()\"\n      >\n        {{ 'assignDocument.remove' | translate }}\n      </button>\n\n      <cds-toggletip\n        *ngIf=\"hasPermission\"\n        align=\"bottom\"\n        class=\"element main\"\n        [autoAlign]=\"true\"\n        [isOpen]=\"open$ | async\"\n        [ngClass]=\"{active: !obs.assigneeId}\"\n        (onOpen)=\"clear()\"\n      >\n        <button\n          cdsToggletipButton\n          [removeClassnames]=\"['cds--toggletip-button']\"\n          cdsButton=\"tertiary\"\n          size=\"sm\"\n          class=\"set-assignee-button\"\n        >\n          {{ 'assignDocument.header' | translate }}\n\n          <svg class=\"cds--btn__icon\" cdsIcon=\"user--follow\" size=\"16\"></svg>\n        </button>\n\n        <div\n          cdsToggletipContent\n          class=\"assign-case-popover-content\"\n        >\n          <cds-combo-box\n            *ngIf=\"!obs.assigneeId\"\n            [attr.data-carbon-theme]=\"toggletipTheme$ | async\"\n            [label]=\"'assignDocument.header' | translate\"\n            [placeholder]=\"'interface.typeToSearch' | translate\"\n            [appendInline]=\"true\"\n            [dropUp]=\"false\"\n            [cdsLayer]=\"1\"\n            [items]=\"obs?.userItems || []\"\n            [disabled]=\"obs.disabled\"\n            (selected)=\"onUserSelect($event)\"\n          >\n            <cds-dropdown-list onclick=\"event.stopPropagation()\"></cds-dropdown-list>\n          </cds-combo-box>\n\n          <button\n            cdsButton\n            [attr.data-carbon-theme]=\"toggletipTheme$ | async\"\n            class=\"submit-assignee-button\"\n            [disabled]=\"!obs.selectedUserId || obs.disabled\"\n            (click)=\"onSubmitButtonClick()\"\n          >\n            {{ 'assignDocument.submitButtonText' | translate }}\n\n            <svg class=\"cds--btn__icon\" cdsIcon=\"user--follow\" size=\"16\"></svg>\n          </button>\n\n          <ng-container *ngIf=\"!obs.userItems\">\n            <span class=\"loading-text\" [attr.data-carbon-theme]=\"toggletipTheme$ | async\">{{ 'assignDocument.fetchingUsers' | translate }}</span>\n          </ng-container>\n        </div>\n      </cds-toggletip>\n    </div>\n  </ng-container>\n</ng-container>\n", styles: [":host ::ng-deep .cds--popover-content{max-inline-size:unset}.assign-user-container{display:flex;align-items:center;justify-content:center;position:relative;font-weight:400;font-size:14px;line-height:18px;letter-spacing:.16px;color:var(--cds-link-01)}.assign-user-container .bold{font-weight:700;flex-shrink:0}.assign-user-container .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remove-button{width:100%}.assignee-text{display:flex;justify-content:flex-start;align-items:center;width:100%}.element{opacity:0;visibility:hidden;position:absolute;transition:opacity .3s ease-in-out}.element.active{opacity:1;visibility:visible}.element.main{position:relative}.assign-case-popover-content{width:400px;max-inline-size:400px;display:flex;flex-direction:column;gap:16px}.set-assignee-button{width:250px}.submit-assignee-button{width:100%;max-width:unset}.loading-text{font-size:14px;color:var(--cds-text-secondary)}\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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.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$2.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "component", type: i2$2.Toggletip, selector: "cds-toggletip, ibm-toggletip", inputs: ["id", "isOpen"] }, { kind: "directive", type: i2$2.ToggletipButton, selector: "[cdsToggletipButton], [ibmToggletipButton]", inputs: ["ariaLabel"] }, { kind: "directive", type: i2$2.ToggletipContent, selector: "[cdsToggletipContent], [ibmToggletipContent]" }, { kind: "directive", type: i2$1.RemoveClassnamesDirective, selector: "[removeClassnames]", inputs: ["removeClassnames"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseAssignUserComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'valtimo-case-assign-user', 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    disabled: disabled$ | async,\n    assigneeFullName: assigneeFullName$ | async,\n    assigneeId: assigneeId$ | async,\n  } as obs\"\n>\n  <ng-container *ngIf=\"!hasPermission && obs.assigneeFullName\">\n    <ng-container *ngTemplateOutlet=\"fullName; context: {obs: obs}\"></ng-container>\n  </ng-container>\n\n  <ng-container *ngIf=\"hasPermission\">\n    <ng-container *ngTemplateOutlet=\"selectUser; context: {obs: obs}\"></ng-container>\n  </ng-container>\n</ng-container>\n\n<ng-template #fullName let-obs=\"obs\">\n  <valtimo-searchable-dropdown-select\n    [buttonText]=\"'assignDocument.header' | translate\"\n    [clearSelectionButtonTitle]=\"'assignDocument.remove' | translate\"\n    [hasPermission]=\"false\"\n    [hasSelection]=\"true\"\n    [noResultsText]=\"'interface.noSearchResults' | translate\"\n    [searchText]=\"'interface.typeToSearch' | translate\"\n    [selectedTextValue]=\"obs.assigneeFullName\"\n    [selectedText]=\"'assignDocument.assignedTo' | translate\"\n    [style]=\"'underlinedText'\"\n    [width]=\"250\"\n    class=\"case-candidates-dropdown\"\n  >\n  </valtimo-searchable-dropdown-select>\n</ng-template>\n\n<ng-template #selectUser let-obs=\"obs\">\n  <ng-container *ngIf=\"userItems$ | async as userItems; else loadingUsers\">\n    <valtimo-searchable-dropdown-select\n      [buttonText]=\"'assignDocument.header' | translate\"\n      [clearSelectionButtonTitle]=\"'assignDocument.remove' | translate\"\n      [disabled]=\"obs.disabled\"\n      [hasPermission]=\"hasPermission\"\n      [showClearSelection]=\"false\"\n      [hasSelection]=\"obs.assigneeId\"\n      [items]=\"userItems\"\n      [noResultsText]=\"'interface.noSearchResults' | translate\"\n      [searchText]=\"'interface.typeToSearch' | translate\"\n      [selectedTextValue]=\"obs.assigneeFullName\"\n      [selectedText]=\"'assignDocument.assignedTo' | translate\"\n      [style]=\"'underlinedText'\"\n      [width]=\"250\"\n      (clearSelection)=\"unassignDocument()\"\n      (itemSelected)=\"assignDocument($event)\"\n      class=\"case-candidates-dropdown\"\n    >\n    </valtimo-searchable-dropdown-select>\n  </ng-container>\n</ng-template>\n\n<ng-template #loadingUsers>\n  <h5>\n    <b>{{ 'assignDocument.fetchingUsers' | translate }}</b>\n  </h5>\n</ng-template>\n", styles: [".container-fluid{color:#959595}valtimo-searchable-dropdown-select{color:var(--cds-text-helper)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px!important;line-height:18px!important}h5{font-size:14px!important}:host .case-candidates-dropdown h5{margin-block: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: i2.DocumentService }], propDecorators: { documentId: [{
+            args: [{ standalone: false, selector: 'valtimo-case-assign-user', 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    disabled: disabled$ | async,\n    assigneeFullName: assigneeFullName$ | async,\n    assigneeId: assigneeId$ | async,\n    userItems: userItems$ | async,\n    mouseIsOverAssignee: mouseIsOverAssignee$ | async,\n    selectedUserId: selectedUserId$ | async,\n  } as obs\"\n>\n  <ng-container *ngIf=\"obs.assigneeId || hasPermission\">\n    <div\n      class=\"assign-user-container\"\n      (mouseenter)=\"onMouseEnterAssignee()\"\n      (mouseleave)=\"onMouseLeaveAssignee()\"\n    >\n      <div\n        class=\"assignee-text element\"\n        [ngClass]=\"{\n          active: hasPermission\n            ? obs.assigneeId && !obs.mouseIsOverAssignee\n            : obs.assigneeId,\n        }\"\n      >\n        <span class=\"bold\">{{ 'assignDocument.assignedTo' | translate }}</span>\n        &nbsp;\n        <span class=\"name\">{{ obs.assigneeFullName }}</span>\n      </div>\n\n      <button\n        *ngIf=\"hasPermission && obs.assigneeId\"\n        cdsButton=\"ghost\"\n        class=\"element remove-button\"\n        [ngClass]=\"{active: obs.assigneeId && obs.mouseIsOverAssignee}\"\n        [disabled]=\"obs.disabled\"\n        size=\"sm\"\n        (click)=\"unassignDocument()\"\n      >\n        {{ 'assignDocument.remove' | translate }}\n      </button>\n\n      <cds-toggletip\n        *ngIf=\"hasPermission\"\n        align=\"bottom\"\n        class=\"element main\"\n        [autoAlign]=\"true\"\n        [isOpen]=\"open$ | async\"\n        [ngClass]=\"{active: !obs.assigneeId}\"\n        (onOpen)=\"clear()\"\n      >\n        <button\n          cdsToggletipButton\n          [removeClassnames]=\"['cds--toggletip-button']\"\n          cdsButton=\"tertiary\"\n          size=\"sm\"\n          class=\"set-assignee-button\"\n        >\n          {{ 'assignDocument.header' | translate }}\n\n          <svg class=\"cds--btn__icon\" cdsIcon=\"user--follow\" size=\"16\"></svg>\n        </button>\n\n        <div\n          cdsToggletipContent\n          class=\"assign-case-popover-content\"\n        >\n          <cds-combo-box\n            *ngIf=\"!obs.assigneeId\"\n            [attr.data-carbon-theme]=\"toggletipTheme$ | async\"\n            [label]=\"'assignDocument.header' | translate\"\n            [placeholder]=\"'interface.typeToSearch' | translate\"\n            [appendInline]=\"true\"\n            [dropUp]=\"false\"\n            [cdsLayer]=\"1\"\n            [items]=\"obs?.userItems || []\"\n            [disabled]=\"obs.disabled\"\n            (selected)=\"onUserSelect($event)\"\n          >\n            <cds-dropdown-list onclick=\"event.stopPropagation()\"></cds-dropdown-list>\n          </cds-combo-box>\n\n          <button\n            cdsButton\n            [attr.data-carbon-theme]=\"toggletipTheme$ | async\"\n            class=\"submit-assignee-button\"\n            [disabled]=\"!obs.selectedUserId || obs.disabled\"\n            (click)=\"onSubmitButtonClick()\"\n          >\n            {{ 'assignDocument.submitButtonText' | translate }}\n\n            <svg class=\"cds--btn__icon\" cdsIcon=\"user--follow\" size=\"16\"></svg>\n          </button>\n\n          <ng-container *ngIf=\"!obs.userItems\">\n            <span class=\"loading-text\" [attr.data-carbon-theme]=\"toggletipTheme$ | async\">{{ 'assignDocument.fetchingUsers' | translate }}</span>\n          </ng-container>\n        </div>\n      </cds-toggletip>\n    </div>\n  </ng-container>\n</ng-container>\n", styles: [":host ::ng-deep .cds--popover-content{max-inline-size:unset}.assign-user-container{display:flex;align-items:center;justify-content:center;position:relative;font-weight:400;font-size:14px;line-height:18px;letter-spacing:.16px;color:var(--cds-link-01)}.assign-user-container .bold{font-weight:700;flex-shrink:0}.assign-user-container .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remove-button{width:100%}.assignee-text{display:flex;justify-content:flex-start;align-items:center;width:100%}.element{opacity:0;visibility:hidden;position:absolute;transition:opacity .3s ease-in-out}.element.active{opacity:1;visibility:visible}.element.main{position:relative}.assign-case-popover-content{width:400px;max-inline-size:400px;display:flex;flex-direction:column;gap:16px}.set-assignee-button{width:250px}.submit-assignee-button{width:100%;max-width:unset}.loading-text{font-size:14px;color:var(--cds-text-secondary)}\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$1.CdsThemeService }, { type: i2$2.IconService }], propDecorators: { documentId: [{
                 type: Input
             }], assigneeId: [{
                 type: Input
@@ -4527,6 +4598,9 @@ class CaseDetailComponent {
         this.caseDetailLayoutService.refreshTasks();
         this.tabLoader?.refreshView();
     }
+    onDueDateChanged() {
+        this.caseDetailLayoutService.refreshTasks();
+    }
     onMainContentHeaderHeightChange(height) {
         this.caseDetailLayoutService.setMainContentHeaderHeight(height);
     }
@@ -4656,13 +4730,13 @@ class CaseDetailComponent {
             }
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", 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$2.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.18", 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-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\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                >\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-case-assign-user\n      *ngIf=\"canAssignLoaded$ | async\"\n      [assigneeFullName]=\"document?.assigneeFullName\"\n      [assigneeId]=\"document.assigneeId\"\n      [documentId]=\"document.id\"\n      [hasPermission]=\"canAssign\"\n      (assignmentOfDocumentChanged)=\"assignmentOfDocumentChanged()\"\n    ></valtimo-case-assign-user>\n  </div>\n</ng-template>\n\n<ng-template #claimButton let-canClaim=\"canClaim\" let-canHaveAssignee=\"canHaveAssignee\">\n  <cds-overflow-menu-option\n    *ngIf=\"canClaim && canHaveAssignee\"\n    [disabled]=\"(isAssigning$ | async) || (isAssignedToCurrentUser$ | async)\"\n    (click)=\"claimAssignee()\"\n  >\n    {{ 'case.claimAssigneeCase' | translate }}\n  </cds-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  <cds-overflow-menu-option\n    *ngIf=\"canHaveAssignee && canAssign\"\n    [disabled]=\"!assigneeId\"\n    (selected)=\"unassignAssignee()\"\n  >\n    {{ 'assignDocument.remove' | translate }}\n  </cds-overflow-menu-option>\n</ng-template>\n\n<ng-template #deleteButton let-canDelete=\"canDelete\">\n  <cds-overflow-menu-option\n    *ngIf=\"canDelete\"\n    [disabled]=\"isDeleting$ | async\"\n    (click)=\"deleteDocument()\"\n    type=\"danger\"\n  >\n    {{ 'case.delete.delete' | translate }}\n  </cds-overflow-menu-option>\n</ng-template>\n\n<ng-template #customStartTrigger>\n  <button\n    [size]=\"(compactMode$ | async) ? 'sm' : 'lg'\"\n    cdsButton=\"primary\"\n    [disabled]=\"processDefinitionCaseDefinitions.length === 0\"\n    [ngbTooltip]=\"processDefinitionCaseDefinitions.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        <cds-overflow-menu\n          [ngClass]=\"{'--compact': compactMode$ | async}\"\n          *ngIf=\"obs.canHaveAssignee || obs.canDelete\"\n          flip=\"true\"\n          [offset]=\"(compactMode$ | async) ? {y: 48, x: -4} : {y: 48, x: 4}\"\n          class=\"overflow-button assign-overflow\"\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        </cds-overflow-menu>\n\n        <cds-overflow-menu\n          valtimoCdsOverflowButton\n          [ngClass]=\"{'--compact': compactMode$ | async}\"\n          [width]=\"dropdownWidth$ | async\"\n          [customTrigger]=\"customStartTrigger\"\n          [offset]=\"{y: 48, x: 35}\"\n          class=\"overflow-button case-detail-overflow\"\n        >\n          <cds-overflow-menu-option\n            *ngFor=\"let processDefinitionCaseDefinition of processDefinitionCaseDefinitions\"\n            [attr.title]=\"processDefinitionCaseDefinition.displayName\"\n            (click)=\"startProcess(processDefinitionCaseDefinition)\"\n          >\n            {{ processDefinitionCaseDefinition.displayName }}\n          </cds-overflow-menu-option>\n        </cds-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}.cds--overflow-menu-options{margin-top:32px}.assign-overflow{margin-right:8px}.buttons-container{display:flex;flex-direction:row}.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-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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: i4$1.OverflowMenu, selector: "cds-overflow-menu, ibm-overflow-menu", inputs: ["buttonLabel", "description", "flip", "placement", "open", "customTrigger", "offset", "wrapperClass", "triggerClass"], outputs: ["openChange"] }, { kind: "component", type: i4$1.OverflowMenuOption, selector: "cds-overflow-menu-option, ibm-overflow-menu-option", inputs: ["divider", "type", "disabled", "href", "target", "innerClass"], outputs: ["selected"] }, { kind: "directive", type: i2$1.ValtimoCdsOverflowButtonDirective, selector: "[valtimoCdsOverflowButton]", inputs: ["width"] }, { 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", "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: CaseSupportingProcessStartModalComponent, selector: "valtimo-case-supporting-process-start-modal", inputs: ["isAdmin"], outputs: ["formSubmit"] }, { kind: "component", type: CaseAssignUserComponent, selector: "valtimo-case-assign-user", inputs: ["documentId", "assigneeId", "assigneeFullName", "hasPermission"], outputs: ["assignmentOfDocumentChanged"] }, { 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.18", 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$2.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.18", 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-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\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-case-assign-user\n      *ngIf=\"canAssignLoaded$ | async\"\n      [assigneeFullName]=\"document?.assigneeFullName\"\n      [assigneeId]=\"document.assigneeId\"\n      [documentId]=\"document.id\"\n      [hasPermission]=\"canAssign\"\n      (assignmentOfDocumentChanged)=\"assignmentOfDocumentChanged()\"\n    ></valtimo-case-assign-user>\n  </div>\n</ng-template>\n\n<ng-template #claimButton let-canClaim=\"canClaim\" let-canHaveAssignee=\"canHaveAssignee\">\n  <cds-overflow-menu-option\n    *ngIf=\"canClaim && canHaveAssignee\"\n    [disabled]=\"(isAssigning$ | async) || (isAssignedToCurrentUser$ | async)\"\n    (click)=\"claimAssignee()\"\n  >\n    {{ 'case.claimAssigneeCase' | translate }}\n  </cds-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  <cds-overflow-menu-option\n    *ngIf=\"canHaveAssignee && canAssign\"\n    [disabled]=\"!assigneeId\"\n    (selected)=\"unassignAssignee()\"\n  >\n    {{ 'assignDocument.remove' | translate }}\n  </cds-overflow-menu-option>\n</ng-template>\n\n<ng-template #deleteButton let-canDelete=\"canDelete\">\n  <cds-overflow-menu-option\n    *ngIf=\"canDelete\"\n    [disabled]=\"isDeleting$ | async\"\n    (click)=\"deleteDocument()\"\n    type=\"danger\"\n  >\n    {{ 'case.delete.delete' | translate }}\n  </cds-overflow-menu-option>\n</ng-template>\n\n<ng-template #customStartTrigger>\n  <button\n    [size]=\"(compactMode$ | async) ? 'sm' : 'lg'\"\n    cdsButton=\"primary\"\n    [disabled]=\"processDefinitionCaseDefinitions.length === 0\"\n    [ngbTooltip]=\"processDefinitionCaseDefinitions.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        <cds-overflow-menu\n          [ngClass]=\"{'--compact': compactMode$ | async}\"\n          *ngIf=\"obs.canHaveAssignee || obs.canDelete\"\n          flip=\"true\"\n          [offset]=\"(compactMode$ | async) ? {y: 48, x: -4} : {y: 48, x: 4}\"\n          class=\"overflow-button assign-overflow\"\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        </cds-overflow-menu>\n\n        <cds-overflow-menu\n          valtimoCdsOverflowButton\n          [ngClass]=\"{'--compact': compactMode$ | async}\"\n          [width]=\"dropdownWidth$ | async\"\n          [customTrigger]=\"customStartTrigger\"\n          [offset]=\"{y: 48, x: 35}\"\n          class=\"overflow-button case-detail-overflow\"\n        >\n          <cds-overflow-menu-option\n            *ngFor=\"let processDefinitionCaseDefinition of processDefinitionCaseDefinitions\"\n            [attr.title]=\"processDefinitionCaseDefinition.displayName\"\n            (click)=\"startProcess(processDefinitionCaseDefinition)\"\n          >\n            {{ processDefinitionCaseDefinition.displayName }}\n          </cds-overflow-menu-option>\n        </cds-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}.cds--overflow-menu-options{margin-top:32px}.assign-overflow{margin-right:8px}.buttons-container{display:flex;flex-direction:row}.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-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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$2.OverflowMenu, selector: "cds-overflow-menu, ibm-overflow-menu", inputs: ["buttonLabel", "description", "flip", "placement", "open", "customTrigger", "offset", "wrapperClass", "triggerClass"], outputs: ["openChange"] }, { kind: "component", type: i2$2.OverflowMenuOption, selector: "cds-overflow-menu-option, ibm-overflow-menu-option", inputs: ["divider", "type", "disabled", "href", "target", "innerClass"], outputs: ["selected"] }, { kind: "directive", type: i2$1.ValtimoCdsOverflowButtonDirective, selector: "[valtimoCdsOverflowButton]", inputs: ["width"] }, { 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: CaseSupportingProcessStartModalComponent, selector: "valtimo-case-supporting-process-start-modal", inputs: ["isAdmin"], outputs: ["formSubmit"] }, { kind: "component", type: CaseAssignUserComponent, selector: "valtimo-case-assign-user", inputs: ["documentId", "assigneeId", "assigneeFullName", "hasPermission"], outputs: ["assignmentOfDocumentChanged"] }, { 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.18", ngImport: i0, type: CaseDetailComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, providers: [CaseTabService, CaseDetailLayoutService, ObserveSizeDirective], 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<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                >\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-case-assign-user\n      *ngIf=\"canAssignLoaded$ | async\"\n      [assigneeFullName]=\"document?.assigneeFullName\"\n      [assigneeId]=\"document.assigneeId\"\n      [documentId]=\"document.id\"\n      [hasPermission]=\"canAssign\"\n      (assignmentOfDocumentChanged)=\"assignmentOfDocumentChanged()\"\n    ></valtimo-case-assign-user>\n  </div>\n</ng-template>\n\n<ng-template #claimButton let-canClaim=\"canClaim\" let-canHaveAssignee=\"canHaveAssignee\">\n  <cds-overflow-menu-option\n    *ngIf=\"canClaim && canHaveAssignee\"\n    [disabled]=\"(isAssigning$ | async) || (isAssignedToCurrentUser$ | async)\"\n    (click)=\"claimAssignee()\"\n  >\n    {{ 'case.claimAssigneeCase' | translate }}\n  </cds-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  <cds-overflow-menu-option\n    *ngIf=\"canHaveAssignee && canAssign\"\n    [disabled]=\"!assigneeId\"\n    (selected)=\"unassignAssignee()\"\n  >\n    {{ 'assignDocument.remove' | translate }}\n  </cds-overflow-menu-option>\n</ng-template>\n\n<ng-template #deleteButton let-canDelete=\"canDelete\">\n  <cds-overflow-menu-option\n    *ngIf=\"canDelete\"\n    [disabled]=\"isDeleting$ | async\"\n    (click)=\"deleteDocument()\"\n    type=\"danger\"\n  >\n    {{ 'case.delete.delete' | translate }}\n  </cds-overflow-menu-option>\n</ng-template>\n\n<ng-template #customStartTrigger>\n  <button\n    [size]=\"(compactMode$ | async) ? 'sm' : 'lg'\"\n    cdsButton=\"primary\"\n    [disabled]=\"processDefinitionCaseDefinitions.length === 0\"\n    [ngbTooltip]=\"processDefinitionCaseDefinitions.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        <cds-overflow-menu\n          [ngClass]=\"{'--compact': compactMode$ | async}\"\n          *ngIf=\"obs.canHaveAssignee || obs.canDelete\"\n          flip=\"true\"\n          [offset]=\"(compactMode$ | async) ? {y: 48, x: -4} : {y: 48, x: 4}\"\n          class=\"overflow-button assign-overflow\"\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        </cds-overflow-menu>\n\n        <cds-overflow-menu\n          valtimoCdsOverflowButton\n          [ngClass]=\"{'--compact': compactMode$ | async}\"\n          [width]=\"dropdownWidth$ | async\"\n          [customTrigger]=\"customStartTrigger\"\n          [offset]=\"{y: 48, x: 35}\"\n          class=\"overflow-button case-detail-overflow\"\n        >\n          <cds-overflow-menu-option\n            *ngFor=\"let processDefinitionCaseDefinition of processDefinitionCaseDefinitions\"\n            [attr.title]=\"processDefinitionCaseDefinition.displayName\"\n            (click)=\"startProcess(processDefinitionCaseDefinition)\"\n          >\n            {{ processDefinitionCaseDefinition.displayName }}\n          </cds-overflow-menu-option>\n        </cds-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}.cds--overflow-menu-options{margin-top:32px}.assign-overflow{margin-right:8px}.buttons-container{display:flex;flex-direction:row}.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-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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$2.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: [{
+            args: [{ standalone: false, providers: [CaseTabService, CaseDetailLayoutService, ObserveSizeDirective], 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<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-case-assign-user\n      *ngIf=\"canAssignLoaded$ | async\"\n      [assigneeFullName]=\"document?.assigneeFullName\"\n      [assigneeId]=\"document.assigneeId\"\n      [documentId]=\"document.id\"\n      [hasPermission]=\"canAssign\"\n      (assignmentOfDocumentChanged)=\"assignmentOfDocumentChanged()\"\n    ></valtimo-case-assign-user>\n  </div>\n</ng-template>\n\n<ng-template #claimButton let-canClaim=\"canClaim\" let-canHaveAssignee=\"canHaveAssignee\">\n  <cds-overflow-menu-option\n    *ngIf=\"canClaim && canHaveAssignee\"\n    [disabled]=\"(isAssigning$ | async) || (isAssignedToCurrentUser$ | async)\"\n    (click)=\"claimAssignee()\"\n  >\n    {{ 'case.claimAssigneeCase' | translate }}\n  </cds-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  <cds-overflow-menu-option\n    *ngIf=\"canHaveAssignee && canAssign\"\n    [disabled]=\"!assigneeId\"\n    (selected)=\"unassignAssignee()\"\n  >\n    {{ 'assignDocument.remove' | translate }}\n  </cds-overflow-menu-option>\n</ng-template>\n\n<ng-template #deleteButton let-canDelete=\"canDelete\">\n  <cds-overflow-menu-option\n    *ngIf=\"canDelete\"\n    [disabled]=\"isDeleting$ | async\"\n    (click)=\"deleteDocument()\"\n    type=\"danger\"\n  >\n    {{ 'case.delete.delete' | translate }}\n  </cds-overflow-menu-option>\n</ng-template>\n\n<ng-template #customStartTrigger>\n  <button\n    [size]=\"(compactMode$ | async) ? 'sm' : 'lg'\"\n    cdsButton=\"primary\"\n    [disabled]=\"processDefinitionCaseDefinitions.length === 0\"\n    [ngbTooltip]=\"processDefinitionCaseDefinitions.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        <cds-overflow-menu\n          [ngClass]=\"{'--compact': compactMode$ | async}\"\n          *ngIf=\"obs.canHaveAssignee || obs.canDelete\"\n          flip=\"true\"\n          [offset]=\"(compactMode$ | async) ? {y: 48, x: -4} : {y: 48, x: 4}\"\n          class=\"overflow-button assign-overflow\"\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        </cds-overflow-menu>\n\n        <cds-overflow-menu\n          valtimoCdsOverflowButton\n          [ngClass]=\"{'--compact': compactMode$ | async}\"\n          [width]=\"dropdownWidth$ | async\"\n          [customTrigger]=\"customStartTrigger\"\n          [offset]=\"{y: 48, x: 35}\"\n          class=\"overflow-button case-detail-overflow\"\n        >\n          <cds-overflow-menu-option\n            *ngFor=\"let processDefinitionCaseDefinition of processDefinitionCaseDefinitions\"\n            [attr.title]=\"processDefinitionCaseDefinition.displayName\"\n            (click)=\"startProcess(processDefinitionCaseDefinition)\"\n          >\n            {{ processDefinitionCaseDefinition.displayName }}\n          </cds-overflow-menu-option>\n        </cds-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}.cds--overflow-menu-options{margin-top:32px}.assign-overflow{margin-right:8px}.buttons-container{display:flex;flex-direction:row}.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-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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$2.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: [{
                     type: Inject,
                     args: [DOCUMENT]
                 }] }], propDecorators: { supportingProcessStart: [{
@@ -4898,8 +4972,8 @@ class CaseProcessStartModalComponent {
         setTimeout(() => this.modalOpen$.next(false));
         this.closeModalEvent.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", 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.18", 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()\"\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: 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", 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.18", 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()\"\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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseProcessStartModalComponent, decorators: [{
             type: Component,
@@ -4914,7 +4988,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         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()\"\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: [{
+        }], 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: [{
                     type: Optional
                 }, {
                     type: Inject,
@@ -5053,7 +5127,7 @@ class CaseListActionsComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", 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.18", 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" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", 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" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseListActionsComponent, decorators: [{
             type: Component,
@@ -5450,12 +5524,12 @@ class CaseListComponent {
         this.selectedCaseIds$.next(this.carbonList.selectedItems.map((document) => document.id));
         this.showAssignModal$.next(true);
     }
-    onCloseEvent(assigneeId, documentIds) {
+    onCloseEvent(bulkAssign) {
         this.showAssignModal$.next(false);
-        if (!assigneeId) {
+        if (!bulkAssign?.assigneeId) {
             return;
         }
-        this.bulkAssignService.bulkAssign(assigneeId, documentIds).subscribe(() => {
+        this.bulkAssignService.bulkAssign(bulkAssign.assigneeId, bulkAssign.ids).subscribe(() => {
             this.forceRefresh();
         });
     }
@@ -5563,7 +5637,7 @@ class CaseListComponent {
                 title: `case.noResults.${this.activeTab ?? 'ALL'}.title`,
             });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseListComponent, deps: [{ token: CaseListAssigneeService }, { token: i2$1.BreadcrumbService }, { token: CaseBulkAssignService }, { token: CaseColumnService }, { token: i1.ConfigService }, { token: i2.DocumentService }, { token: CaseListService }, { token: i2$1.PageTitleService }, { token: CaseListPaginationService }, { token: CaseParameterService }, { token: i1$2.ActivatedRoute }, { token: i1$2.Router }, { token: CaseListSearchService }, { token: i4.TranslateService }, { token: i2$3.PermissionService }, { token: CaseListStatusService }, { token: CaseListCaseTagService }, { token: CaseExportService }, { token: CaseListHiddenColumnsService }, { token: i2$1.QuickSearchStateService }, { token: QUICK_SEARCH_SERVICE }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseListComponent, deps: [{ token: CaseListAssigneeService }, { token: i2$1.BreadcrumbService }, { token: CaseBulkAssignService }, { token: CaseColumnService }, { token: i1.ConfigService }, { token: i2.DocumentService }, { token: CaseListService }, { token: i2$1.PageTitleService }, { token: CaseListPaginationService }, { token: CaseParameterService }, { token: i1$2.ActivatedRoute }, { token: i1$2.Router }, { token: CaseListSearchService }, { token: i4.TranslateService }, { token: i2$4.PermissionService }, { token: CaseListStatusService }, { token: CaseListCaseTagService }, { token: CaseExportService }, { token: CaseListHiddenColumnsService }, { token: i2$1.QuickSearchStateService }, { token: QUICK_SEARCH_SERVICE }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: CaseListComponent, isStandalone: false, selector: "ng-component", providers: [
             CaseListService,
             CaseColumnService,
@@ -5578,7 +5652,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: Tabs, descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    availableFields: availableFields$ | async,\n    fields: fields$ | async,\n    documentItems: documentItems$ | async,\n    noResultsMessage: noResultsMessage$ | async,\n    hasApiColumnConfig: hasApiColumnConfig$ | async,\n    searchFields: searchFields$ | async,\n    schema: schema$ | async,\n    showAssignModal: showAssignModal$ | async,\n    selectedCaseIds: selectedCaseIds$ | async,\n    statuses: statuses$ | async,\n    caseTags: caseTags$ | async,\n    selectedStatusKeys: selectedStatusKeys$ | async,\n    selectedCaseTagKeys: selectedCaseTagKeys$ | async,\n    showStatusSelector: showStatusSelector$ | async,\n    showCaseTagsSelector: showCaseTagsSelector$ | async,\n    loaded:\n      !loadingFields &&\n      !loadingPagination &&\n      !loadingSearchFields &&\n      !loadingAssigneeFilter &&\n      !loadingDocumentItems,\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\n  <ng-container *ngTemplateOutlet=\"changeTabModal\"></ng-container>\n</ng-container>\n\n<ng-template #searchFields let-obs=\"obs\">\n  <valtimo-search-fields\n    [disableSaveSearch]=\"disableSaveSearch$ | async\"\n    [canSaveSearch]=\"true\"\n    [searchFields]=\"obs.searchFields\"\n    [caseDefinitionKey]=\"caseDefinitionKey$ | async\"\n    [defaultValues]=\"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    paginationIdentifier=\"caseList\"\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 class=\"case-list-toolbar\" carbonToolbarContent>\n      <valtimo-list-column-view\n        [availableFields]=\"availableFields$ | async\"\n        [disabled]=\"!obs.hasApiColumnConfig\"\n        [hiddenColumns]=\"hiddenColumns$ | async\"\n        (viewUpdateEvent)=\"onViewUpdateEvent($event)\"\n      ></valtimo-list-column-view>\n\n      <ng-container *ngTemplateOutlet=\"caseListActions\"></ng-container>\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      <ng-container *ngTemplateOutlet=\"tabs\"></ng-container>\n    </div>\n  </valtimo-carbon-list>\n</ng-template>\n\n<ng-template #tabs>\n  <ng-container *ngIf=\"assigneeFilter$ | async as assigneeFilter\">\n    <cds-tabs *ngIf=\"!visibleCaseTabs; else configuredTabs\" 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</ng-template>\n\n<ng-template #configuredTabs>\n  <ng-container *ngIf=\"assigneeFilter$ | async as assigneeFilter\">\n    <cds-tabs type=\"contained\" class=\"case-list-tabs\">\n      <cds-tab\n        *ngFor=\"let tab of visibleCaseTabs; 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</ng-template>\n\n<ng-template #loading\n  ><valtimo-carbon-list [loading]=\"true\">\n    <div tabs *ngIf=\"canHaveAssignee\">\n      <ng-container *ngTemplateOutlet=\"tabs\"></ng-container>\n    </div> </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, obs.selectedCaseIds)\"\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 #changeTabModal>\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</ng-template>\n\n<ng-template #caseListActions>\n  <cds-tooltip\n    *ngIf=\"canExportCase$ | async\"\n    [description]=\"'case.exportButtonTooltip' | translate\"\n  >\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)=\"export()\"\n      [disabled]=\"disableExportButton$ | async\"\n    >\n      <svg cdsIcon=\"download\" size=\"16\"></svg>\n    </button>\n  </cds-tooltip>\n\n  <button\n    *ngIf=\"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\n<ng-template #caseListActionsNoResult>\n  <button\n    *ngIf=\"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: [".case-list-tabs cds-tab{display:none}.case-list-toolbar{display:flex}:host{display:flex;flex-direction:column;gap:16px}.loading-spinner{margin:24px 24px 0 10px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: 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: "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.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: 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: "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: "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: Tabs, descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    availableFields: availableFields$ | async,\n    fields: fields$ | async,\n    documentItems: documentItems$ | async,\n    noResultsMessage: noResultsMessage$ | async,\n    hasApiColumnConfig: hasApiColumnConfig$ | async,\n    searchFields: searchFields$ | async,\n    schema: schema$ | async,\n    showAssignModal: showAssignModal$ | async,\n    selectedCaseIds: selectedCaseIds$ | async,\n    statuses: statuses$ | async,\n    caseTags: caseTags$ | async,\n    selectedStatusKeys: selectedStatusKeys$ | async,\n    selectedCaseTagKeys: selectedCaseTagKeys$ | async,\n    showStatusSelector: showStatusSelector$ | async,\n    showCaseTagsSelector: showCaseTagsSelector$ | async,\n    loaded:\n      !loadingFields &&\n      !loadingPagination &&\n      !loadingSearchFields &&\n      !loadingAssigneeFilter &&\n      !loadingDocumentItems,\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\n  <ng-container *ngTemplateOutlet=\"changeTabModal\"></ng-container>\n</ng-container>\n\n<ng-template #searchFields let-obs=\"obs\">\n  <valtimo-search-fields\n    [disableSaveSearch]=\"disableSaveSearch$ | async\"\n    [canSaveSearch]=\"true\"\n    [searchFields]=\"obs.searchFields\"\n    [caseDefinitionKey]=\"caseDefinitionKey$ | async\"\n    [defaultValues]=\"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    paginationIdentifier=\"caseList\"\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 class=\"case-list-toolbar\" carbonToolbarContent>\n      <valtimo-list-column-view\n        [availableFields]=\"availableFields$ | async\"\n        [disabled]=\"!obs.hasApiColumnConfig\"\n        [hiddenColumns]=\"hiddenColumns$ | async\"\n        (viewUpdateEvent)=\"onViewUpdateEvent($event)\"\n      ></valtimo-list-column-view>\n\n      <ng-container *ngTemplateOutlet=\"caseListActions\"></ng-container>\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      <ng-container *ngTemplateOutlet=\"tabs\"></ng-container>\n    </div>\n  </valtimo-carbon-list>\n</ng-template>\n\n<ng-template #tabs>\n  <ng-container *ngIf=\"assigneeFilter$ | async as assigneeFilter\">\n    <cds-tabs *ngIf=\"!visibleCaseTabs; else configuredTabs\" 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</ng-template>\n\n<ng-template #configuredTabs>\n  <ng-container *ngIf=\"assigneeFilter$ | async as assigneeFilter\">\n    <cds-tabs type=\"contained\" class=\"case-list-tabs\">\n      <cds-tab\n        *ngFor=\"let tab of visibleCaseTabs; 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</ng-template>\n\n<ng-template #loading\n  ><valtimo-carbon-list [loading]=\"true\">\n    <div tabs *ngIf=\"canHaveAssignee\">\n      <ng-container *ngTemplateOutlet=\"tabs\"></ng-container>\n    </div> </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 #changeTabModal>\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</ng-template>\n\n<ng-template #caseListActions>\n  <cds-tooltip\n    *ngIf=\"canExportCase$ | async\"\n    [description]=\"'case.exportButtonTooltip' | translate\"\n  >\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)=\"export()\"\n      [disabled]=\"disableExportButton$ | async\"\n    >\n      <svg cdsIcon=\"download\" size=\"16\"></svg>\n    </button>\n  </cds-tooltip>\n\n  <button\n    *ngIf=\"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\n<ng-template #caseListActionsNoResult>\n  <button\n    *ngIf=\"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: [".case-list-tabs cds-tab{display:none}.case-list-toolbar{display:flex}:host{display:flex;flex-direction:column;gap:16px}.loading-spinner{margin:24px 24px 0 10px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: 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: "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.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$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: "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: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseListComponent, decorators: [{
             type: Component,
@@ -5596,8 +5670,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                             provide: QUICK_SEARCH_SERVICE,
                             useClass: CaseListQuickSearchService,
                         },
-                    ], 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    availableFields: availableFields$ | async,\n    fields: fields$ | async,\n    documentItems: documentItems$ | async,\n    noResultsMessage: noResultsMessage$ | async,\n    hasApiColumnConfig: hasApiColumnConfig$ | async,\n    searchFields: searchFields$ | async,\n    schema: schema$ | async,\n    showAssignModal: showAssignModal$ | async,\n    selectedCaseIds: selectedCaseIds$ | async,\n    statuses: statuses$ | async,\n    caseTags: caseTags$ | async,\n    selectedStatusKeys: selectedStatusKeys$ | async,\n    selectedCaseTagKeys: selectedCaseTagKeys$ | async,\n    showStatusSelector: showStatusSelector$ | async,\n    showCaseTagsSelector: showCaseTagsSelector$ | async,\n    loaded:\n      !loadingFields &&\n      !loadingPagination &&\n      !loadingSearchFields &&\n      !loadingAssigneeFilter &&\n      !loadingDocumentItems,\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\n  <ng-container *ngTemplateOutlet=\"changeTabModal\"></ng-container>\n</ng-container>\n\n<ng-template #searchFields let-obs=\"obs\">\n  <valtimo-search-fields\n    [disableSaveSearch]=\"disableSaveSearch$ | async\"\n    [canSaveSearch]=\"true\"\n    [searchFields]=\"obs.searchFields\"\n    [caseDefinitionKey]=\"caseDefinitionKey$ | async\"\n    [defaultValues]=\"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    paginationIdentifier=\"caseList\"\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 class=\"case-list-toolbar\" carbonToolbarContent>\n      <valtimo-list-column-view\n        [availableFields]=\"availableFields$ | async\"\n        [disabled]=\"!obs.hasApiColumnConfig\"\n        [hiddenColumns]=\"hiddenColumns$ | async\"\n        (viewUpdateEvent)=\"onViewUpdateEvent($event)\"\n      ></valtimo-list-column-view>\n\n      <ng-container *ngTemplateOutlet=\"caseListActions\"></ng-container>\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      <ng-container *ngTemplateOutlet=\"tabs\"></ng-container>\n    </div>\n  </valtimo-carbon-list>\n</ng-template>\n\n<ng-template #tabs>\n  <ng-container *ngIf=\"assigneeFilter$ | async as assigneeFilter\">\n    <cds-tabs *ngIf=\"!visibleCaseTabs; else configuredTabs\" 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</ng-template>\n\n<ng-template #configuredTabs>\n  <ng-container *ngIf=\"assigneeFilter$ | async as assigneeFilter\">\n    <cds-tabs type=\"contained\" class=\"case-list-tabs\">\n      <cds-tab\n        *ngFor=\"let tab of visibleCaseTabs; 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</ng-template>\n\n<ng-template #loading\n  ><valtimo-carbon-list [loading]=\"true\">\n    <div tabs *ngIf=\"canHaveAssignee\">\n      <ng-container *ngTemplateOutlet=\"tabs\"></ng-container>\n    </div> </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, obs.selectedCaseIds)\"\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 #changeTabModal>\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</ng-template>\n\n<ng-template #caseListActions>\n  <cds-tooltip\n    *ngIf=\"canExportCase$ | async\"\n    [description]=\"'case.exportButtonTooltip' | translate\"\n  >\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)=\"export()\"\n      [disabled]=\"disableExportButton$ | async\"\n    >\n      <svg cdsIcon=\"download\" size=\"16\"></svg>\n    </button>\n  </cds-tooltip>\n\n  <button\n    *ngIf=\"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\n<ng-template #caseListActionsNoResult>\n  <button\n    *ngIf=\"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: [".case-list-tabs cds-tab{display:none}.case-list-toolbar{display:flex}:host{display:flex;flex-direction:column;gap:16px}.loading-spinner{margin:24px 24px 0 10px}\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: CaseListAssigneeService }, { type: i2$1.BreadcrumbService }, { type: CaseBulkAssignService }, { type: CaseColumnService }, { type: i1.ConfigService }, { type: i2.DocumentService }, { type: CaseListService }, { type: i2$1.PageTitleService }, { type: CaseListPaginationService }, { type: CaseParameterService }, { type: i1$2.ActivatedRoute }, { type: i1$2.Router }, { type: CaseListSearchService }, { type: i4.TranslateService }, { type: i2$3.PermissionService }, { type: CaseListStatusService }, { type: CaseListCaseTagService }, { type: CaseExportService }, { type: CaseListHiddenColumnsService }, { type: i2$1.QuickSearchStateService }, { 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\n<ng-container\n  *ngIf=\"{\n    availableFields: availableFields$ | async,\n    fields: fields$ | async,\n    documentItems: documentItems$ | async,\n    noResultsMessage: noResultsMessage$ | async,\n    hasApiColumnConfig: hasApiColumnConfig$ | async,\n    searchFields: searchFields$ | async,\n    schema: schema$ | async,\n    showAssignModal: showAssignModal$ | async,\n    selectedCaseIds: selectedCaseIds$ | async,\n    statuses: statuses$ | async,\n    caseTags: caseTags$ | async,\n    selectedStatusKeys: selectedStatusKeys$ | async,\n    selectedCaseTagKeys: selectedCaseTagKeys$ | async,\n    showStatusSelector: showStatusSelector$ | async,\n    showCaseTagsSelector: showCaseTagsSelector$ | async,\n    loaded:\n      !loadingFields &&\n      !loadingPagination &&\n      !loadingSearchFields &&\n      !loadingAssigneeFilter &&\n      !loadingDocumentItems,\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\n  <ng-container *ngTemplateOutlet=\"changeTabModal\"></ng-container>\n</ng-container>\n\n<ng-template #searchFields let-obs=\"obs\">\n  <valtimo-search-fields\n    [disableSaveSearch]=\"disableSaveSearch$ | async\"\n    [canSaveSearch]=\"true\"\n    [searchFields]=\"obs.searchFields\"\n    [caseDefinitionKey]=\"caseDefinitionKey$ | async\"\n    [defaultValues]=\"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    paginationIdentifier=\"caseList\"\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 class=\"case-list-toolbar\" carbonToolbarContent>\n      <valtimo-list-column-view\n        [availableFields]=\"availableFields$ | async\"\n        [disabled]=\"!obs.hasApiColumnConfig\"\n        [hiddenColumns]=\"hiddenColumns$ | async\"\n        (viewUpdateEvent)=\"onViewUpdateEvent($event)\"\n      ></valtimo-list-column-view>\n\n      <ng-container *ngTemplateOutlet=\"caseListActions\"></ng-container>\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      <ng-container *ngTemplateOutlet=\"tabs\"></ng-container>\n    </div>\n  </valtimo-carbon-list>\n</ng-template>\n\n<ng-template #tabs>\n  <ng-container *ngIf=\"assigneeFilter$ | async as assigneeFilter\">\n    <cds-tabs *ngIf=\"!visibleCaseTabs; else configuredTabs\" 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</ng-template>\n\n<ng-template #configuredTabs>\n  <ng-container *ngIf=\"assigneeFilter$ | async as assigneeFilter\">\n    <cds-tabs type=\"contained\" class=\"case-list-tabs\">\n      <cds-tab\n        *ngFor=\"let tab of visibleCaseTabs; 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</ng-template>\n\n<ng-template #loading\n  ><valtimo-carbon-list [loading]=\"true\">\n    <div tabs *ngIf=\"canHaveAssignee\">\n      <ng-container *ngTemplateOutlet=\"tabs\"></ng-container>\n    </div> </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 #changeTabModal>\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</ng-template>\n\n<ng-template #caseListActions>\n  <cds-tooltip\n    *ngIf=\"canExportCase$ | async\"\n    [description]=\"'case.exportButtonTooltip' | translate\"\n  >\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)=\"export()\"\n      [disabled]=\"disableExportButton$ | async\"\n    >\n      <svg cdsIcon=\"download\" size=\"16\"></svg>\n    </button>\n  </cds-tooltip>\n\n  <button\n    *ngIf=\"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\n<ng-template #caseListActionsNoResult>\n  <button\n    *ngIf=\"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: [".case-list-tabs cds-tab{display:none}.case-list-toolbar{display:flex}:host{display:flex;flex-direction:column;gap:16px}.loading-spinner{margin:24px 24px 0 10px}\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: CaseListAssigneeService }, { type: i2$1.BreadcrumbService }, { type: CaseBulkAssignService }, { type: CaseColumnService }, { type: i1.ConfigService }, { type: i2.DocumentService }, { type: CaseListService }, { type: i2$1.PageTitleService }, { type: CaseListPaginationService }, { type: CaseParameterService }, { type: i1$2.ActivatedRoute }, { type: i1$2.Router }, { type: CaseListSearchService }, { type: i4.TranslateService }, { type: i2$4.PermissionService }, { type: CaseListStatusService }, { type: CaseListCaseTagService }, { type: CaseExportService }, { type: CaseListHiddenColumnsService }, { type: i2$1.QuickSearchStateService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [QUICK_SEARCH_SERVICE]
                 }] }], propDecorators: { carbonList: [{
@@ -5905,7 +5979,6 @@ class CaseModule {
             ParagraphModule,
             TableModule,
             VModalModule,
-            SearchableDropdownSelectModule,
             SearchFieldsModule,
             FormModule,
             InputModule$1,
@@ -5940,7 +6013,9 @@ class CaseModule {
             LayerModule,
             NotificationModule,
             InputModule,
+            ToggletipModule,
             TooltipModule,
+            RemoveClassnamesDirective,
             ListColumnViewComponent,
             CaseDetailHeaderWidgetComponent,
             ObserveSizeDirective,
@@ -5978,7 +6053,6 @@ class CaseModule {
             ParagraphModule,
             TableModule,
             VModalModule,
-            SearchableDropdownSelectModule,
             SearchFieldsModule,
             FormModule,
             InputModule$1,
@@ -6009,6 +6083,7 @@ class CaseModule {
             LayerModule,
             NotificationModule,
             InputModule,
+            ToggletipModule,
             TooltipModule,
             ListColumnViewComponent,
             CaseDetailHeaderWidgetComponent,
@@ -6068,7 +6143,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         ParagraphModule,
                         TableModule,
                         VModalModule,
-                        SearchableDropdownSelectModule,
                         SearchFieldsModule,
                         FormModule,
                         InputModule$1,
@@ -6103,7 +6177,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         LayerModule,
                         NotificationModule,
                         InputModule,
+                        ToggletipModule,
                         TooltipModule,
+                        RemoveClassnamesDirective,
                         ListColumnViewComponent,
                         CaseDetailHeaderWidgetComponent,
                         ObserveSizeDirective,