@valtimo/case 13.3.0 → 13.4.0

package/fesm2022/valtimo-case.mjs

@@ -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, PendingChangesComponent, CurrentCarbonTheme, ViewType, QUICK_SEARCH_SERVICE, CarbonListComponent, pendingChangesGuard, BpmnJsDiagramModule, TimelineModule, CamundaFormModule, FilterSidebarModule, DataListModule, ModalModule, SpinnerModule, UploaderModule, DropzoneModule, SelectModule, InputLabelModule, ParagraphModule, TableModule, VModalModule, SearchableDropdownSelectModule, SearchFieldsModule, InputModule as InputModule$1, FormModule as FormModule$1, ConfirmationModalModule, IsArrayPipe, StatusSelectorComponent, RenderInPageHeaderDirective, ValtimoCdsOverflowButtonDirective, CaseTagsSelectorComponent, ValtimoCdsModalDirective, QuickSearchComponent } from '@valtimo/components';
+import { FormioOptionsImpl, TimelineItemImpl, CASES_WITHOUT_STATUS_KEY, CarbonListModule, EllipsisPipe, FormIoModule, WidgetModule, CurrentCarbonTheme, CARBON_THEME, PendingChangesComponent, ObserveSizeDirective, ValtimoCdsModalDirective, RenderInBodyComponent, ViewType, QUICK_SEARCH_SERVICE, CarbonListComponent, pendingChangesGuard, 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';
 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 } from 'rxjs/operators';
@@ -25,7 +25,7 @@ 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, Tabs, ModalModule as ModalModule$1, SelectModule as SelectModule$1, DropdownModule, TabsModule, ComboBoxModule, SkeletonModule, DialogModule, NotificationModule, TooltipModule } 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 { ProcessModule } from '@valtimo/process';
 import * as i3$1 from 'ngx-spinner';
@@ -43,7 +43,7 @@ import * as i12 from '@valtimo/security';
 import { AuthGuardService } from '@valtimo/security';
 import * as i6$2 from '@valtimo/task';
 import { CAN_VIEW_TASK_PERMISSION, TASK_DETAIL_PERMISSION_RESOURCE, TaskModule, CAN_ASSIGN_TASK_PERMISSION, CAN_MODIFY_TASK_PERMISSION, TaskDetailContentComponent, TaskDetailIntermediateSaveComponent, AssignUserToTaskComponent, SetTaskDueDateComponent } from '@valtimo/task';
-import * as i4$2 from '@valtimo/process-link';
+import * as i3$3 from '@valtimo/process-link';
 import { FORM_CUSTOM_COMPONENT_TOKEN, ProcessLinkModule } from '@valtimo/process-link';
 import * as i17 from 'angular-split';
 import { AngularSplitModule } from 'angular-split';
@@ -412,6 +412,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * limitations under the License.
  */
 class CaseListService {
+    constructor() {
+        this._caseDefinitionKey$ = new BehaviorSubject('');
+        this._checkRefresh$ = new BehaviorSubject(false);
+        this._forceRefresh$ = new BehaviorSubject(false);
+    }
     get caseDefinitionKey$() {
         return this._caseDefinitionKey$.asObservable();
     }
@@ -421,12 +426,6 @@ class CaseListService {
     get forceRefresh$() {
         return this._forceRefresh$.asObservable();
     }
-    constructor(caseColumnService) {
-        this.caseColumnService = caseColumnService;
-        this._caseDefinitionKey$ = new BehaviorSubject('');
-        this._checkRefresh$ = new BehaviorSubject(false);
-        this._forceRefresh$ = new BehaviorSubject(false);
-    }
     setCaseDefinitionKey(caseDefinitionKey) {
         this._caseDefinitionKey$.next(caseDefinitionKey);
     }
@@ -455,12 +454,12 @@ class CaseListService {
             this._checkRefresh$.next(!checkRefresh);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CaseListService, deps: [{ token: CaseColumnService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CaseListService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CaseListService }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CaseListService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: CaseColumnService }] });
+        }] });
 
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
@@ -847,6 +846,7 @@ var CaseWidgetType;
     CaseWidgetType["CUSTOM"] = "custom";
     CaseWidgetType["COLLECTION"] = "collection";
     CaseWidgetType["FORMIO"] = "formio";
+    CaseWidgetType["DIVIDER"] = "divider";
 })(CaseWidgetType || (CaseWidgetType = {}));
 
 /*
@@ -1580,7 +1580,7 @@ const CAN_DELETE_CASE_PERMISSION = {
 };
 const CAN_EXPORT_CASE_PERMISSION = {
     action: PERMISSION_ACTION$1.export,
-    resource: CASE_DETAIL_PERMISSION_RESOURCE.jsonSchemaDocument
+    resource: CASE_DETAIL_PERMISSION_RESOURCE.jsonSchemaDocument,
 };
 
 /*
@@ -2288,7 +2288,7 @@ class CaseWidgetFieldComponent extends WidgetProcess {
         this.widgetsService.startProcess(process.processDefinitionKey);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", 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.15", 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    <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</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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", 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    <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</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", "compact"], outputs: ["noVisibleFieldsEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CaseWidgetFieldComponent, decorators: [{
             type: Component,
@@ -2651,18 +2651,20 @@ class CaseDetailWidgetsComponent {
             this._documentId$,
         ]).pipe(filter(([event, documentId]) => event.documentId === documentId), map(([event]) => event), startWith(null));
         this._previousWidgetConfiguration = null;
-        this.widgetConfiguration$ = combineLatest([
+        this._widgetConfiguration$ = combineLatest([
             this._documentId$,
             this._tabKey$,
             this._documentUpdates$,
         ]).pipe(switchMap(([documentId, tabKey, documentUpdatedEvent]) => {
             return this.filterDuplicateConfigurations(this.widgetsApiService.getWidgetTabConfiguration(documentId, tabKey), documentUpdatedEvent);
         }), shareReplay({ bufferSize: 1, refCount: true }));
+        this.widgetGroups$ = this._widgetConfiguration$.pipe(map(res => this.toCaseWidgetGroups(res.widgets)));
         this.widgetComponentMap = {
             [WidgetType.FIELDS]: CaseWidgetFieldComponent,
             [WidgetType.CUSTOM]: CaseWidgetCustomComponent,
             [WidgetType.FORMIO]: CaseWidgetFormioComponent,
             [WidgetType.TABLE]: CaseWidgetTableComponent,
+            [WidgetType.INTERACTIVE_TABLE]: CaseWidgetTableComponent,
             [WidgetType.COLLECTION]: CaseWidgetCollectionComponent,
         };
     }
@@ -2672,6 +2674,29 @@ class CaseDetailWidgetsComponent {
     ngOnDestroy() {
         this.caseTabService.enableTabHorizontalOverflow();
     }
+    toCaseWidgetGroups(widgets) {
+        const groups = widgets.reduce((acc, widget) => {
+            if (widget.type === CaseWidgetType.DIVIDER) {
+                acc.push({ divider: widget, widgets: [] });
+            }
+            else {
+                if (acc.length === 0)
+                    acc.push({ divider: null, widgets: [] });
+                acc[acc.length - 1].widgets.push(widget);
+            }
+            return acc;
+        }, []);
+        // if there is more than one group and trailing groups have only a divider and no widgets, don't render these last groups
+        for (let i = groups.length - 1; i >= 0; i--) {
+            if (groups[i].widgets.length === 0) {
+                groups.pop();
+            }
+            else {
+                break;
+            }
+        }
+        return groups;
+    }
     filterDuplicateConfigurations(widgetConfiguration, documentUpdatedEvent) {
         return widgetConfiguration.pipe(map(configuration => {
             const configurationChanged = !this._previousWidgetConfiguration ||
@@ -2688,7 +2713,7 @@ class CaseDetailWidgetsComponent {
         }), filter((configuration) => configuration !== null));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CaseDetailWidgetsComponent, deps: [{ token: i1$2.ActivatedRoute }, { token: CaseTabService }, { token: CaseWidgetsApiService }, { token: i5.SseService }, { token: WidgetsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: CaseDetailWidgetsComponent, isStandalone: true, selector: "ng-component", host: { properties: { "class.tab--no-margin": "this._noMargin", "class.tab--no-background": "this._noBackground", "class.tab--no-min-height": "this._noMinHeight" } }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-widget-container\n  [widgets]=\"(widgetConfiguration$ | async)?.widgets\"\n  [widgetComponentMap]=\"widgetComponentMap\"\n></valtimo-widget-container>\n", styles: [".loading-container{display:flex;justify-content:center;padding:16px 0}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: WidgetContainerComponent, selector: "valtimo-widget-container", inputs: ["widgets", "widgetComponentMap", "widgetParams"] }, { kind: "ngmodule", type: CarbonListModule }, { kind: "ngmodule", type: TranslateModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: CaseDetailWidgetsComponent, isStandalone: true, selector: "ng-component", host: { properties: { "class.tab--no-margin": "this._noMargin", "class.tab--no-background": "this._noBackground", "class.tab--no-min-height": "this._noMinHeight" } }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n@for (widgetGroup of widgetGroups$ | async; track $index) {\n  <div *ngIf=\"widgetGroup.divider\" class=\"divider\" [ngClass]=\"{'divider--first': $first}\">\n    {{ widgetGroup.divider.title || '-' }}\n  </div>\n\n  <valtimo-widget-container\n    [widgets]=\"widgetGroup.widgets\"\n    [widgetComponentMap]=\"widgetComponentMap\"\n  ></valtimo-widget-container>\n}\n", styles: [".loading-container{display:flex;justify-content:center;padding:16px 0}.divider{width:100%;font-weight:700;font-size:20px;padding:32px 0 16px 8px}.divider--first{padding-top:0}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: WidgetContainerComponent, selector: "valtimo-widget-container", inputs: ["widgets", "widgetComponentMap", "widgetParams"] }, { kind: "ngmodule", type: CarbonListModule }, { kind: "ngmodule", type: TranslateModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CaseDetailWidgetsComponent, decorators: [{
             type: Component,
@@ -2698,7 +2723,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         WidgetContainerComponent,
                         CarbonListModule,
                         TranslateModule,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-widget-container\n  [widgets]=\"(widgetConfiguration$ | async)?.widgets\"\n  [widgetComponentMap]=\"widgetComponentMap\"\n></valtimo-widget-container>\n", styles: [".loading-container{display:flex;justify-content:center;padding:16px 0}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n@for (widgetGroup of widgetGroups$ | async; track $index) {\n  <div *ngIf=\"widgetGroup.divider\" class=\"divider\" [ngClass]=\"{'divider--first': $first}\">\n    {{ widgetGroup.divider.title || '-' }}\n  </div>\n\n  <valtimo-widget-container\n    [widgets]=\"widgetGroup.widgets\"\n    [widgetComponentMap]=\"widgetComponentMap\"\n  ></valtimo-widget-container>\n}\n", styles: [".loading-container{display:flex;justify-content:center;padding:16px 0}.divider{width:100%;font-weight:700;font-size:20px;padding:32px 0 16px 8px}.divider--first{padding-top:0}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
         }], ctorParameters: () => [{ type: i1$2.ActivatedRoute }, { type: CaseTabService }, { type: CaseWidgetsApiService }, { type: i5.SseService }, { type: WidgetsService }], propDecorators: { _noMargin: [{
                 type: HostBinding,
                 args: ['class.tab--no-margin']
@@ -3060,14 +3085,26 @@ class CaseDetailLayoutService {
     get formDisplaySize$() {
         return this._formDisplaySize$.asObservable();
     }
-    constructor(caseTabService) {
+    get tabContentContainerMaxHeight$() {
+        return combineLatest([
+            this.pageHeaderService.compactMode$,
+            this._mainContentHeaderHeight$,
+            this._hasCaseTags$,
+        ]).pipe(map(([compactMode, mainContentHeaderHeight, hasCaseTags]) => !compactMode && !hasCaseTags
+            ? `calc(100vh - ${202 + mainContentHeaderHeight}px)`
+            : `calc(100vh - ${160 + mainContentHeaderHeight}px)`));
+    }
+    constructor(caseTabService, pageHeaderService) {
         this.caseTabService = caseTabService;
+        this.pageHeaderService = pageHeaderService;
         this._tabContentContainerWidth$ = new BehaviorSubject(null);
         this._showTaskList$ = this.caseTabService.showTaskList$;
         this._taskAndProcessLinkOpenedInPanel$ = new BehaviorSubject(null);
         this._formDisplayType$ = new BehaviorSubject(CASE_DETAIL_DEFAULT_DISPLAY_TYPE);
         this._formDisplaySize$ = new BehaviorSubject(CASE_DETAIL_DEFAULT_DISPLAY_SIZE);
         this._refreshTasks$ = new BehaviorSubject(null);
+        this._mainContentHeaderHeight$ = new BehaviorSubject(0);
+        this._hasCaseTags$ = new BehaviorSubject(false);
         this.caseDetailLayout$ = combineLatest([
             this.tabContentContainerWidth$,
             this._showTaskList$,
@@ -3102,6 +3139,12 @@ class CaseDetailLayoutService {
     refreshTasks() {
         this._refreshTasks$.next(null);
     }
+    setMainContentHeaderHeight(height) {
+        this._mainContentHeaderHeight$.next(height);
+    }
+    setHasCaseTags(hasCaseTags) {
+        this._hasCaseTags$.next(hasCaseTags);
+    }
     getInitialLayout() {
         return {
             showRightPanel: false,
@@ -3135,12 +3178,12 @@ class CaseDetailLayoutService {
             leftPanelWidth: '*',
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CaseDetailLayoutService, deps: [{ token: CaseTabService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CaseDetailLayoutService, deps: [{ token: CaseTabService }, { token: i2$1.PageHeaderService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CaseDetailLayoutService }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CaseDetailLayoutService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: CaseTabService }] });
+        }], ctorParameters: () => [{ type: CaseTabService }, { type: i2$1.PageHeaderService }] });
 
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
@@ -3338,6 +3381,67 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i2.DocumentService }, { type: i5.SseService }, { type: i2$1.MenuService }] });
 
+/*
+ * 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 CaseHeaderWidgetApiService extends BaseApiService {
+    constructor(httpClient, configService) {
+        super(httpClient, configService);
+        this.httpClient = httpClient;
+        this.configService = configService;
+    }
+    getHeaderWidget(documentId) {
+        return this.httpClient.get(this.getApiUrl(`v1/case/${documentId}/header-widget`), {
+            headers: new HttpHeaders().set(InterceptorSkip, '404'),
+        });
+    }
+    getHeaderWidgetData(documentId, pageSize = 5, page = 0) {
+        return this.httpClient.get(this.getApiUrl(`v1/case/${documentId}/header-widget/data?page=${page}&size=${pageSize}`), {
+            headers: new HttpHeaders().set(InterceptorSkip, '404'),
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CaseHeaderWidgetApiService, deps: [{ token: i1$1.HttpClient }, { token: i1.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CaseHeaderWidgetApiService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CaseHeaderWidgetApiService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i1$1.HttpClient }, { type: i1.ConfigService }] });
+
+class CaseListHiddenColumnsService extends BaseApiService {
+    constructor(httpClient, configService) {
+        super(httpClient, configService);
+        this.httpClient = httpClient;
+        this.configService = configService;
+    }
+    getHiddenColumns(caseDefinitionKey) {
+        return this.httpClient.get(this.getApiUrl(`v1/case/${caseDefinitionKey}/hidden-list-column`));
+    }
+    saveHiddenColumns(caseDefinitionKey, hiddenColumns) {
+        return this.httpClient.post(this.getApiUrl(`v1/case/${caseDefinitionKey}/hidden-list-column`), hiddenColumns);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CaseListHiddenColumnsService, deps: [{ token: i1$1.HttpClient }, { token: i1.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CaseListHiddenColumnsService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CaseListHiddenColumnsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1$1.HttpClient }, { type: i1.ConfigService }] });
+
 class CaseListQuickSearchService extends BaseApiService {
     get _params() {
         return this._params$.getValue() ?? { caseDefinitionKey: '' };
@@ -3574,7 +3678,7 @@ 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.15", 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: i4$2.ProcessLinkService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", 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.15", 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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CaseDetailTaskListComponent, decorators: [{
@@ -3592,7 +3696,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         CarbonListModule,
                         IconModule,
                     ], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  class=\"task-list\"\n  *ngIf=\"{loadingTasks: loadingTasks$ | async, tasks: processInstanceTasks$ | async} as obs\"\n>\n  @if (obs.loadingTasks && !obs.tasks) {\n    <ng-container *ngTemplateOutlet=\"loadingTasksTemplate\"></ng-container>\n  } @else if (obs.tasks?.myTasks?.length === 0 && obs.tasks?.otherTasks?.length === 0) {\n    <ng-container *ngTemplateOutlet=\"noTasksTemplate\"></ng-container>\n  } @else {\n    <h2 class=\"task-list__title\">{{ 'summary.tasks' | translate }}</h2>\n\n    <div class=\"task-list__tasks-container\" cdsLayer=\"1\">\n      <h3 class=\"task-list__subtitle\">{{ 'summary.myTasks' | translate }}</h3>\n\n      @if (obs.tasks?.myTasks.length === 0) {\n        {{ 'summary.noResultsMyTasks' | translate }}\n      } @else {\n        @for (taskWithProcessLink of obs.tasks?.myTasks; track taskWithProcessLink.task.id) {\n          <ng-container\n            *ngTemplateOutlet=\"taskTemplate; context: {taskWithProcessLink: taskWithProcessLink}\"\n          ></ng-container>\n        }\n      }\n    </div>\n\n    <div class=\"task-list__tasks-container\" cdsLayer=\"1\">\n      <h3 class=\"task-list__subtitle\">{{ 'summary.otherTasks' | translate }}</h3>\n\n      @if (obs.tasks?.otherTasks.length === 0) {\n        {{ 'summary.noResultsOtherTasks' | translate }}\n      } @else {\n        @for (taskWithProcessLink of obs.tasks?.otherTasks; track taskWithProcessLink.task.id) {\n          <ng-container\n            *ngTemplateOutlet=\"taskTemplate; context: {taskWithProcessLink: taskWithProcessLink}\"\n          ></ng-container>\n        }\n      }\n    </div>\n  }\n\n  <valtimo-task-detail-modal\n    #taskDetail\n    [openFromCaseManagement]=\"true\"\n    [modalSize]=\"formSize$ | async\"\n    (formSubmit)=\"onFormSubmit()\"\n    (assignmentOfTaskChanged)=\"refresh()\"\n  ></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: i4$2.ProcessLinkService }], propDecorators: { _taskDetailModal: [{
+        }], ctorParameters: () => [{ type: i2.DocumentService }, { type: i4$1.IconService }, { type: i1$2.ActivatedRoute }, { type: i2$3.PermissionService }, { type: i5.SseService }, { type: CaseDetailLayoutService }, { type: i3$3.ProcessLinkService }], propDecorators: { _taskDetailModal: [{
                 type: ViewChild,
                 args: ['taskDetail']
             }], openTaskAndProcessLinkInModal: [{
@@ -3700,6 +3804,75 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                 type: Output
             }] } });
 
+/*
+ * 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 CaseDetailHeaderWidgetComponent {
+    constructor(caseHeaderWidgetApiService, route, permissionService, cdsThemeService, sseService) {
+        this.caseHeaderWidgetApiService = caseHeaderWidgetApiService;
+        this.route = route;
+        this.permissionService = permissionService;
+        this.cdsThemeService = cdsThemeService;
+        this.sseService = sseService;
+        this._documentId$ = this.route.params.pipe(map(params => params?.documentId), filter(documentId => !!documentId), distinctUntilChanged());
+        this.canViewCaseHeaderWidget$ = this._documentId$.pipe(switchMap(documentId => this.permissionService.requestPermission(CAN_VIEW_CASE_PERMISSION, {
+            resource: CASE_DETAIL_PERMISSION_RESOURCE.jsonSchemaDocument,
+            identifier: documentId,
+        })));
+        this._fetchData$ = new Subject();
+        this._highContrast$ = new BehaviorSubject(false);
+        this.headerWidget$ = this._documentId$.pipe(switchMap(documentId => this.caseHeaderWidgetApiService.getHeaderWidget(documentId)), tap(widget => {
+            if (!!widget) {
+                this._fetchData$.next(null);
+                this._highContrast$.next(widget.highContrast);
+            }
+        }));
+        this.theme$ = combineLatest([
+            this.cdsThemeService.currentTheme$,
+            this._highContrast$,
+        ]).pipe(map(([theme, highContrast]) => {
+            const isLight = theme === CurrentCarbonTheme.WHITE || theme === CurrentCarbonTheme.G10;
+            const normalTheme = isLight ? CARBON_THEME.G10 : CARBON_THEME.G90;
+            const invertedTheme = normalTheme === CARBON_THEME.G10 ? CARBON_THEME.G90 : CARBON_THEME.G10;
+            return highContrast ? invertedTheme : normalTheme;
+        }));
+        this.headerWidgetData$ = this._fetchData$.pipe(switchMap(() => this._documentId$), switchMap(documentId => this.caseHeaderWidgetApiService.getHeaderWidgetData(documentId)));
+        this._documentUpdates$ = combineLatest([
+            this.sseService.getSseEventObservable('DOCUMENT_UPDATED'),
+            this._documentId$,
+        ]).pipe(filter(([event, documentId]) => event.documentId === documentId), map(([event]) => event), startWith(null));
+        this._subscriptions = new Subscription();
+        this.$noVisibleFields = signal(false);
+    }
+    ngOnInit() {
+        this._subscriptions.add(this._documentUpdates$.subscribe(() => this._fetchData$.next(null)));
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+    }
+    onNoVisibleFields(noVisibleFields) {
+        this.$noVisibleFields.set(noVisibleFields);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", 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.15", 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          [cdsLayer]=\"1\"\n          [widgetConfiguration]=\"obs.headerWidget\"\n          [widgetData]=\"obs.headerWidgetData\"\n          [compact]=\"true\"\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", "compact"], outputs: ["noVisibleFieldsEvent"] }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: i4$1.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i4$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: InputModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", 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          [cdsLayer]=\"1\"\n          [widgetConfiguration]=\"obs.headerWidget\"\n          [widgetData]=\"obs.headerWidgetData\"\n          [compact]=\"true\"\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 }] });
+
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
  *
@@ -3877,13 +4050,13 @@ class CaseSupportingProcessStartModalComponent {
     openCdsModal() {
         this.modalOpen$.next(true);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CaseSupportingProcessStartModalComponent, deps: [{ token: i1$2.Router }, { token: i2$2.ProcessService }, { token: i4$2.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.15", 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: i4$2.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.15", 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.15", 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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", 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: i4$2.ProcessLinkService }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i1$2.Router }, { type: i2$2.ProcessService }, { type: i3$3.ProcessLinkService }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
@@ -4122,7 +4295,7 @@ class CaseDetailComponent extends PendingChangesComponent {
                 ...caseTag,
                 tagType: CaseTagsUtils.getTagTypeFromCaseTagColor(caseTag.color),
             }))));
-        this.hasCaseTags$ = this._caseTags$.pipe(map(caseTags => Array.isArray(caseTags) && caseTags.length > 0));
+        this.hasCaseTags$ = this._caseTags$.pipe(map(caseTags => Array.isArray(caseTags) && caseTags.length > 0), tap((hasCaseTags) => this.caseDetailLayoutService.setHasCaseTags(hasCaseTags)));
         this.userId$ = of(this.keyCloakService.isLoggedIn()).pipe(switchMap(() => this.keyCloakService.loadUserProfile()), map(profile => profile?.id));
         this.isAssigning$ = new BehaviorSubject(false);
         this.isAssignedToCurrentUser$ = combineLatest([
@@ -4158,6 +4331,7 @@ class CaseDetailComponent extends PendingChangesComponent {
         this.caseDetailLayout$ = this.caseDetailLayoutService.caseDetailLayout$;
         this.openTaskAndProcessLinkInModal$ = new Subject();
         this.isDarkMode$ = this.cdsThemeService.currentTheme$.pipe(map(currentTheme => currentTheme === CurrentCarbonTheme.G90));
+        this.tabContentContainerMaxHeight$ = this.caseDetailLayoutService.tabContentContainerMaxHeight$;
         this._activeChange = false;
         this._tabsInit = false;
         this._subscriptions = new Subscription();
@@ -4310,6 +4484,9 @@ class CaseDetailComponent extends PendingChangesComponent {
         this.caseDetailLayoutService.refreshTasks();
         this.tabLoader?.refreshView();
     }
+    onMainContentHeaderHeightChange(height) {
+        this.caseDetailLayoutService.setMainContentHeaderHeight(height);
+    }
     onConfirmRedirect() {
         if (!this.tabLoader || !this._pendingTab)
             return;
@@ -4437,11 +4614,11 @@ class CaseDetailComponent extends PendingChangesComponent {
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", 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.15", type: CaseDetailComponent, isStandalone: false, selector: "ng-component", providers: [CaseTabService, CaseDetailLayoutService], 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 }], 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<div\n  class=\"main-content\"\n  [ngClass]=\"{'main-content--no-horizontal-overflow': $tabHorizontalOverflowDisabled()}\"\n>\n  <div class=\"container-fluid\">\n    <ng-container *ngIf=\"caseTags$ | async as caseTags\">\n      @if (caseTags && 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\n    <div\n      #tabContentContainer\n      class=\"tab-content-container\"\n      [ngClass]=\"{\n        'tab-content-container--dark': isDarkMode$ | async,\n        'tab-content-container--compact': compactMode$ | async,\n      }\"\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      } as tabContentObs\"\n    >\n      <as-split\n        direction=\"horizontal\"\n        [disabled]=\"!tabContentObs.caseDetailLayout.widthAdjustable\"\n        [gutterSize]=\"CASE_DETAIL_GUTTER_SIZE\"\n        [unit]=\"tabContentObs.caseDetailLayout.unit\"\n      >\n        <as-split-area\n          [size]=\"tabContentObs.caseDetailLayout.leftPanelWidth\"\n          [minSize]=\"tabContentObs.caseDetailLayout.leftPanelMinWidth\"\n          [maxSize]=\"tabContentObs.caseDetailLayout.leftPanelMaxWidth\"\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 #unassignButton let-canHaveAssignee=\"canHaveAssignee\" let-assigneeId=\"assigneeId\">\n  <cds-overflow-menu-option\n    *ngIf=\"canHaveAssignee\"\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: {canHaveAssignee: obs.canHaveAssignee, assigneeId: obs.assigneeId}\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;max-height:calc(100vh - 226px);overflow-x:hidden}.tab-container--compact{max-height:calc(100vh - 176px)}.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{overflow:hidden;display:flex;gap:32px;overflow:auto;margin-bottom:16px;max-height:calc(100vh - 226px)}.tab-content-container--compact{max-height:calc(100vh - 176px)}.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}: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=)}.case-tags{margin-bottom:16px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "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: 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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", 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 }], 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<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      } as tabContentObs\"\n      #tabContentContainer\n      class=\"tab-content-container\"\n      [ngClass]=\"{\n        'tab-content-container--dark': isDarkMode$ | async,\n        'tab-content-container--compact': compactMode$ | async,\n      }\"\n      [style.max-height]=\"tabContentContainerMaxHeight$ | async\"\n    >\n      <as-split\n        direction=\"horizontal\"\n        [disabled]=\"!tabContentObs.caseDetailLayout.widthAdjustable\"\n        [gutterSize]=\"CASE_DETAIL_GUTTER_SIZE\"\n        [unit]=\"tabContentObs.caseDetailLayout.unit\"\n      >\n        <as-split-area\n          [size]=\"tabContentObs.caseDetailLayout.leftPanelWidth\"\n          [minSize]=\"tabContentObs.caseDetailLayout.leftPanelMinWidth\"\n          [maxSize]=\"tabContentObs.caseDetailLayout.leftPanelMaxWidth\"\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 #unassignButton let-canHaveAssignee=\"canHaveAssignee\" let-assigneeId=\"assigneeId\">\n  <cds-overflow-menu-option\n    *ngIf=\"canHaveAssignee\"\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: {canHaveAssignee: obs.canHaveAssignee, assigneeId: obs.assigneeId}\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}: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" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CaseDetailComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, providers: [CaseTabService, CaseDetailLayoutService], 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    <ng-container *ngIf=\"caseTags$ | async as caseTags\">\n      @if (caseTags && 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\n    <div\n      #tabContentContainer\n      class=\"tab-content-container\"\n      [ngClass]=\"{\n        'tab-content-container--dark': isDarkMode$ | async,\n        'tab-content-container--compact': compactMode$ | async,\n      }\"\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      } as tabContentObs\"\n    >\n      <as-split\n        direction=\"horizontal\"\n        [disabled]=\"!tabContentObs.caseDetailLayout.widthAdjustable\"\n        [gutterSize]=\"CASE_DETAIL_GUTTER_SIZE\"\n        [unit]=\"tabContentObs.caseDetailLayout.unit\"\n      >\n        <as-split-area\n          [size]=\"tabContentObs.caseDetailLayout.leftPanelWidth\"\n          [minSize]=\"tabContentObs.caseDetailLayout.leftPanelMinWidth\"\n          [maxSize]=\"tabContentObs.caseDetailLayout.leftPanelMaxWidth\"\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 #unassignButton let-canHaveAssignee=\"canHaveAssignee\" let-assigneeId=\"assigneeId\">\n  <cds-overflow-menu-option\n    *ngIf=\"canHaveAssignee\"\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: {canHaveAssignee: obs.canHaveAssignee, assigneeId: obs.assigneeId}\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;max-height:calc(100vh - 226px);overflow-x:hidden}.tab-container--compact{max-height:calc(100vh - 176px)}.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{overflow:hidden;display:flex;gap:32px;overflow:auto;margin-bottom:16px;max-height:calc(100vh - 226px)}.tab-content-container--compact{max-height:calc(100vh - 176px)}.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}: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=)}.case-tags{margin-bottom:16px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+            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      } as tabContentObs\"\n      #tabContentContainer\n      class=\"tab-content-container\"\n      [ngClass]=\"{\n        'tab-content-container--dark': isDarkMode$ | async,\n        'tab-content-container--compact': compactMode$ | async,\n      }\"\n      [style.max-height]=\"tabContentContainerMaxHeight$ | async\"\n    >\n      <as-split\n        direction=\"horizontal\"\n        [disabled]=\"!tabContentObs.caseDetailLayout.widthAdjustable\"\n        [gutterSize]=\"CASE_DETAIL_GUTTER_SIZE\"\n        [unit]=\"tabContentObs.caseDetailLayout.unit\"\n      >\n        <as-split-area\n          [size]=\"tabContentObs.caseDetailLayout.leftPanelWidth\"\n          [minSize]=\"tabContentObs.caseDetailLayout.leftPanelMinWidth\"\n          [maxSize]=\"tabContentObs.caseDetailLayout.leftPanelMaxWidth\"\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 #unassignButton let-canHaveAssignee=\"canHaveAssignee\" let-assigneeId=\"assigneeId\">\n  <cds-overflow-menu-option\n    *ngIf=\"canHaveAssignee\"\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: {canHaveAssignee: obs.canHaveAssignee, assigneeId: obs.assigneeId}\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}: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: [{
                     type: Inject,
                     args: [DOCUMENT]
@@ -4472,13 +4649,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * limitations under the License.
  */
 class CaseProcessStartModalComponent {
-    constructor(route, router, processService, documentService, processLinkService, formFlowService, userProviderService, permissionService, listService, startModalService, configService, formViewModel, formCustomComponentConfig, urlResolverService) {
-        this.route = route;
+    constructor(router, processService, processLinkService, userProviderService, permissionService, listService, startModalService, configService, formViewModel, formCustomComponentConfig, urlResolverService) {
         this.router = router;
         this.processService = processService;
-        this.documentService = documentService;
         this.processLinkService = processLinkService;
-        this.formFlowService = formFlowService;
         this.userProviderService = userProviderService;
         this.permissionService = permissionService;
         this.listService = listService;
@@ -4489,6 +4663,7 @@ class CaseProcessStartModalComponent {
         this.urlResolverService = urlResolverService;
         this.isFormViewModel = false;
         this.isUIComponent = false;
+        this.navigateAfterSubmit = true;
         this.formFlowComplete = new EventEmitter();
         this.noProcessLinked = new EventEmitter();
         this.modalOpen$ = new BehaviorSubject(false);
@@ -4623,7 +4798,7 @@ class CaseProcessStartModalComponent {
             identifier: formSubmissionResult.documentId,
         })
             .subscribe(canViewCase => {
-            if (canViewCase) {
+            if (canViewCase && this.navigateAfterSubmit) {
                 this.router.navigate([
                     'cases',
                     this.caseDefinitionKey,
@@ -4680,13 +4855,23 @@ class CaseProcessStartModalComponent {
         setTimeout(() => this.modalOpen$.next(false));
         this.closeModalEvent.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CaseProcessStartModalComponent, deps: [{ token: i1$2.ActivatedRoute }, { token: i1$2.Router }, { token: i2$2.ProcessService }, { token: i2.DocumentService }, { token: i4$2.ProcessLinkService }, { token: i4$2.FormFlowService }, { 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: i4$2.UrlResolverService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: CaseProcessStartModalComponent, isStandalone: false, selector: "valtimo-case-process-start-modal", 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\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", 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: "component", type: i2$1.FormioComponent, selector: "valtimo-form-io", inputs: ["options", "submission", "form", "readOnly", "formRefresh$"], outputs: ["submit", "change", "event"] }, { kind: "directive", type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i4$2.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.15", 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.15", 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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CaseProcessStartModalComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'valtimo-case-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\" 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", 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.ActivatedRoute }, { type: i1$2.Router }, { type: i2$2.ProcessService }, { type: i2.DocumentService }, { type: i4$2.ProcessLinkService }, { type: i4$2.FormFlowService }, { type: i12.UserProviderService }, { type: i2$3.PermissionService }, { type: CaseListService }, { type: StartModalService }, { type: i1.ConfigService }, { type: undefined, decorators: [{
+            args: [{ standalone: true, selector: 'valtimo-case-process-start-modal', encapsulation: ViewEncapsulation.None, imports: [
+                        CommonModule,
+                        TranslateModule,
+                        ProcessLinkModule,
+                        FormIoModule,
+                        ValtimoCdsModalDirective,
+                        DialogModule,
+                        ModalModule,
+                        LayerModule,
+                        RenderInBodyComponent,
+                    ], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n<valtimo-render-in-body>\n<cds-modal [open]=\"modalOpen$ | async\" size=\"sm\" valtimoCdsModal [minContentHeight]=\"480\">\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCloseSelect()\"\n    ><h3 cdsModalHeaderHeading>\n      {{ modalTitle }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\" class=\"process-start-modal-content\">\n    <ng-template #formViewModelComponent></ng-template>\n\n    <ng-template #formCustomComponent></ng-template>\n\n    @if (formDefinition && !isFormViewModel) {\n      <valtimo-form-io\n        #form\n        [form]=\"formDefinition\"\n        [options]=\"options\"\n        (submit)=\"onSubmit($event)\"\n      >\n      </valtimo-form-io>\n    }\n\n    @if (formFlowInstanceId) {\n      <valtimo-form-flow\n        [formFlowInstanceId]=\"formFlowInstanceId\"\n        (formFlowComplete)=\"formFlowSubmitted()\"\n      ></valtimo-form-flow>\n    }\n\n    @if (!formFlowInstanceId && !formDefinition && isAdmin && !isUIComponent) {\n      <div\n        class=\"bg-warning text-black mb-0 p-3 text-center\"\n        [translate]=\"'formManagement.noFormDefinitionFoundAdmin'\"\n      ></div>\n      <div class=\"mb-0 mt-4 p-3 text-center\">\n        <button\n          (click)=\"gotoProcessLinkScreen()\"\n          class=\"btn btn-secondary btn-space\"\n          id=\"process-link-button\"\n          type=\"button\"\n        >\n          {{ 'formManagement.gotoProcessLinksButton' | translate }}\n        </button>\n      </div>\n    }\n\n    @if (!formFlowInstanceId && !formDefinition && !isAdmin && !isUIComponent) {\n      <div\n        class=\"bg-warning text-black mb-0 p-3 text-center\"\n        [translate]=\"'formManagement.noFormDefinitionFoundUser'\"\n      ></div>\n    }\n  </section>\n</cds-modal>\n</valtimo-render-in-body>\n", styles: [".process-start-modal-content{padding:16px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+        }], ctorParameters: () => [{ type: i1$2.Router }, { type: i2$2.ProcessService }, { type: i3$3.ProcessLinkService }, { type: i12.UserProviderService }, { type: i2$3.PermissionService }, { type: CaseListService }, { type: StartModalService }, { type: i1.ConfigService }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
@@ -4696,7 +4881,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                 }, {
                     type: Inject,
                     args: [FORM_CUSTOM_COMPONENT_TOKEN]
-                }] }, { type: i4$2.UrlResolverService }], propDecorators: { form: [{
+                }] }, { type: i3$3.UrlResolverService }], propDecorators: { navigateAfterSubmit: [{
+                type: Input
+            }], form: [{
                 type: ViewChild,
                 args: ['form', { static: false }]
             }], formViewModelDynamicContainer: [{
@@ -4740,11 +4927,12 @@ class CaseListActionsComponent {
         this.router = router;
         this.translateService = translateService;
         this._loading$ = new BehaviorSubject(true);
+        this.navigateAfterSubmit = true;
         this.formFlowComplete = new EventEmitter();
         this.startButtonDisableEvent = new EventEmitter();
         this._caseSettings$ = new BehaviorSubject(null);
         this.caseSettings$ = this._caseSettings$.pipe(filter(settings => !!settings));
-        this.associatedProcessDocumentDefinitions$ = this.listService.caseDefinitionKey$.pipe(switchMap(caseDefinitionKey => combineLatest([
+        this.associatedProcessDocumentDefinitions$ = this.listService.caseDefinitionKey$.pipe(filter(caseDefinitionKey => !!caseDefinitionKey), switchMap(caseDefinitionKey => combineLatest([
             caseDefinitionKey
                 ? this.documentService.findProcessDefinitionCaseDefinitionsByCanInitializeDocument(caseDefinitionKey, true)
                 : of([]),
@@ -4762,7 +4950,7 @@ class CaseListActionsComponent {
     }
     ngOnInit() {
         this._subscriptions.add(this.listService.caseDefinitionKey$
-            .pipe(switchMap(caseDefinitionKey => this.documentService.getCaseSettings(caseDefinitionKey)))
+            .pipe(filter(caseDefinitionKey => !!caseDefinitionKey), switchMap(caseDefinitionKey => this.documentService.getCaseSettings(caseDefinitionKey)))
             .subscribe(caseSettings => {
             this._caseSettings$.next(caseSettings);
         }));
@@ -4822,16 +5010,27 @@ class CaseListActionsComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", 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.15", type: CaseListActionsComponent, isStandalone: false, selector: "valtimo-case-list-actions", inputs: { loading: "loading" }, 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<cds-modal\n  valtimoCdsModal\n  [open]=\"startSelectionModalOpen$ | async\"\n  size=\"xs\"\n  *ngIf=\"associatedProcessDocumentDefinitions$ | async as associatedProcessDocumentDefinitions\"\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      *ngFor=\"let processDocumentDefinition of associatedProcessDocumentDefinitions\"\n      (click)=\"selectProcess(processDocumentDefinition)\"\n    >\n      {{ processDocumentDefinition.processDefinitionName }}\n    </cds-clickable-tile>\n  </section>\n</cds-modal>\n\n<valtimo-case-process-start-modal\n  #processStartModal\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: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: 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: "component", type: i4$1.ClickableTile, selector: "cds-clickable-tile, ibm-clickable-tile", inputs: ["theme", "href", "target", "rel", "disabled", "route", "routeExtras"], outputs: ["navigation"] }, { kind: "directive", type: i4$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "component", type: CaseProcessStartModalComponent, selector: "valtimo-case-process-start-modal", outputs: ["formFlowComplete", "noProcessLinked"] }, { 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.15", type: CaseListActionsComponent, isStandalone: true, selector: "valtimo-case-list-actions", inputs: { loading: "loading", navigateAfterSubmit: "navigateAfterSubmit" }, outputs: { formFlowComplete: "formFlowComplete", startButtonDisableEvent: "startButtonDisableEvent" }, viewQueries: [{ propertyName: "processStart", first: true, predicate: ["processStartModal"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-render-in-body>\n  <cds-modal\n    valtimoCdsModal\n    [open]=\"startSelectionModalOpen$ | async\"\n    size=\"xs\"\n    *ngIf=\"{\n      associatedProcessDocumentDefinitions: associatedProcessDocumentDefinitions$ | async,\n      caseSettings: caseSettings$ | async,\n    } as obs\"\n  >\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCloseSelect()\"\n      ><h3 cdsModalHeaderHeading>\n        {{ 'dashboard.startProcess.title' | translate }}\n      </h3>\n    </cds-modal-header>\n\n    <section cdsModalContent class=\"start-modal-content\" [cdsLayer]=\"1\">\n      <cds-clickable-tile\n        *ngIf=\"obs.caseSettings?.hasExternalStartForm\"\n        (click)=\"openExternalCaseStartForm(true)\"\n      >\n        {{ obs?.caseSettings.externalStartFormDescription || '-' }}\n      </cds-clickable-tile>\n\n      <cds-clickable-tile\n        *ngFor=\"let processDocumentDefinition of obs.associatedProcessDocumentDefinitions\"\n        (click)=\"selectProcess(processDocumentDefinition)\"\n      >\n        {{ processDocumentDefinition.processDefinitionName }}\n      </cds-clickable-tile>\n    </section>\n  </cds-modal>\n</valtimo-render-in-body>\n\n<valtimo-case-process-start-modal\n  #processStartModal\n  [navigateAfterSubmit]=\"navigateAfterSubmit\"\n  (formFlowComplete)=\"onFormFlowComplete()\"\n  (noProcessLinked)=\"onNoProcessLinked($event)\"\n></valtimo-case-process-start-modal>\n", styles: ["/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: DialogModule }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i4$1.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i4$1.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "directive", type: i4$1.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i4$1.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "ngmodule", type: TilesModule }, { kind: "component", type: i4$1.ClickableTile, selector: "cds-clickable-tile, ibm-clickable-tile", inputs: ["theme", "href", "target", "rel", "disabled", "route", "routeExtras"], outputs: ["navigation"] }, { kind: "component", type: CaseProcessStartModalComponent, selector: "valtimo-case-process-start-modal", inputs: ["navigateAfterSubmit"], outputs: ["formFlowComplete", "noProcessLinked"] }, { kind: "component", type: RenderInBodyComponent, selector: "valtimo-render-in-body" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CaseListActionsComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'valtimo-case-list-actions', template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  valtimoCdsModal\n  [open]=\"startSelectionModalOpen$ | async\"\n  size=\"xs\"\n  *ngIf=\"associatedProcessDocumentDefinitions$ | async as associatedProcessDocumentDefinitions\"\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      *ngFor=\"let processDocumentDefinition of associatedProcessDocumentDefinitions\"\n      (click)=\"selectProcess(processDocumentDefinition)\"\n    >\n      {{ processDocumentDefinition.processDefinitionName }}\n    </cds-clickable-tile>\n  </section>\n</cds-modal>\n\n<valtimo-case-process-start-modal\n  #processStartModal\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"] }]
+            args: [{ standalone: true, selector: 'valtimo-case-list-actions', imports: [
+                        CommonModule,
+                        TranslateModule,
+                        DialogModule,
+                        ModalModule,
+                        ValtimoCdsModalDirective,
+                        TilesModule,
+                        CaseProcessStartModalComponent,
+                        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\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"] }]
         }], ctorParameters: () => [{ type: i2.DocumentService }, { type: CaseListService }, { type: i1.GlobalNotificationService }, { type: i1$2.Router }, { type: i4.TranslateService }], propDecorators: { processStart: [{
                 type: ViewChild,
                 args: ['processStartModal']
             }], loading: [{
                 type: Input
+            }], navigateAfterSubmit: [{
+                type: Input
             }], formFlowComplete: [{
                 type: Output
             }], startButtonDisableEvent: [{
@@ -4854,7 +5053,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * limitations under the License.
  */
 class CaseListComponent {
-    constructor(assigneeService, breadcrumbService, bulkAssignService, columnService, configService, documentService, listService, pageTitleService, paginationService, parameterService, route, router, searchService, translateService, permissionService, statusService, caseListCaseTagService, caseExportService, quickSearchStateService, caseListQuickSearchService) {
+    constructor(assigneeService, breadcrumbService, bulkAssignService, columnService, configService, documentService, listService, pageTitleService, paginationService, parameterService, route, router, searchService, translateService, permissionService, statusService, caseListCaseTagService, caseExportService, caseListHiddenColumnsService, quickSearchStateService, caseListQuickSearchService) {
         this.assigneeService = assigneeService;
         this.breadcrumbService = breadcrumbService;
         this.bulkAssignService = bulkAssignService;
@@ -4873,6 +5072,7 @@ class CaseListComponent {
         this.statusService = statusService;
         this.caseListCaseTagService = caseListCaseTagService;
         this.caseExportService = caseExportService;
+        this.caseListHiddenColumnsService = caseListHiddenColumnsService;
         this.quickSearchStateService = quickSearchStateService;
         this.caseListQuickSearchService = caseListQuickSearchService;
         this.activeTab = null;
@@ -4899,6 +5099,8 @@ class CaseListComponent {
         this.selectedCaseTagKeys$ = this.caseListCaseTagService.selectedCaseTagKeys$;
         this.caseDefinitionKey$ = this.listService.caseDefinitionKey$.pipe(tap((caseDefinitionKey) => this.caseListQuickSearchService.initParams(caseDefinitionKey)));
         this.selectedCaseIds$ = new BehaviorSubject([]);
+        this._refreshHiddenColumns$ = new BehaviorSubject(null);
+        this.hiddenColumns$ = this._refreshHiddenColumns$.pipe(switchMap(() => this.caseDefinitionKey$), switchMap((caseDefinitionKey) => this.caseListHiddenColumnsService.getHiddenColumns(caseDefinitionKey)));
         this.schema$ = this.listService.caseDefinitionKey$.pipe(switchMap(caseDefinitionKey => this.documentService.getDocumentDefinition(caseDefinitionKey)), map(caseDefinition => caseDefinition?.schema), tap(schema => {
             if (schema?.title) {
                 this.pageTitleService.setCustomPageTitle(schema?.title, true);
@@ -4926,10 +5128,10 @@ class CaseListComponent {
             this.pagination = pagination;
             this.loadingPagination = false;
         }));
-        this._hasApiColumnConfig$ = new BehaviorSubject(false);
+        this.hasApiColumnConfig$ = new BehaviorSubject(false);
         this._canHaveAssignee$ = this.assigneeService.canHaveAssignee$;
         this._columns$ = this.listService.caseDefinitionKey$.pipe(switchMap(caseDefinitionKey => this.columnService.getDefinitionColumns(caseDefinitionKey)), map(res => {
-            this._hasApiColumnConfig$.next(res.hasApiConfig);
+            this.hasApiColumnConfig$.next(res.hasApiConfig);
             return res.columns;
         }), tap(columns => {
             this.listService.caseDefinitionKey$.pipe(take(1)).subscribe(_ => {
@@ -4950,10 +5152,10 @@ class CaseListComponent {
             this.INTERNAL_STATUS_COLUMN,
         ]);
         this._caseTagsKeys$ = new BehaviorSubject([this.CASE_TAGS_COLUMN]);
-        this.fields$ = combineLatest([
+        this.availableFields$ = combineLatest([
             this._canHaveAssignee$,
             this._columns$,
-            this._hasApiColumnConfig$,
+            this.hasApiColumnConfig$,
             this.statuses$,
             this.translateService.stream('key'),
         ]).pipe(tap(([canHaveAssignee]) => {
@@ -4973,7 +5175,11 @@ class CaseListComponent {
             return statuses.some((status) => status.key !== CASES_WITHOUT_STATUS_KEY) && !hasApiConfig
                 ? [...fieldsToReturn, this._statusField]
                 : fieldsToReturn;
-        }), tap(listFields => {
+        }));
+        this.fields$ = combineLatest([
+            this.availableFields$,
+            this.hiddenColumns$,
+        ]).pipe(map(([fields, hiddenColumns]) => fields.filter((field) => !hiddenColumns.find((hiddenColumn) => hiddenColumn.key === field.key))), tap(listFields => {
             const defaultListField = listFields.find(field => field.default);
             // set default sort state if no pagination query parameters for sorting are available
             this.parameterService.queryPaginationParams$
@@ -5001,7 +5207,7 @@ class CaseListComponent {
             this.statusService.selectedCaseStatuses$,
             this.caseListCaseTagService.selectedCaseTagKeys$,
             this.listService.forceRefresh$,
-            this._hasApiColumnConfig$,
+            this.hasApiColumnConfig$,
             this.statusService.caseStatuses$,
             this.caseListCaseTagService.caseTags$,
         ]).pipe(debounceTime(50))), distinctUntilChanged(([prevSearchRequest, prevAssigneeFilter, prevSearchFieldValues, prevSelectedStatuses, prevCaseTagKeys, prevForceRefresh,], [currSearchRequest, currAssigneeFilter, currSearchFieldValues, currSelectedStatuses, currCaseTagKeys, currForceRefresh,]) => isEqual$1({
@@ -5109,6 +5315,10 @@ class CaseListComponent {
             this.loadingAssigneeFilter = false;
             this.loadingDocumentItems = false;
         }));
+        this.disableSaveSearch$ = combineLatest([
+            this.statusService.selectedCaseStatuses$,
+            this.caseListCaseTagService.selectedCaseTagKeys$,
+        ]).pipe(map(([selectedStatuses, selectedTags]) => !selectedStatuses.length && !selectedTags.length));
     }
     ngOnInit() {
         this.setVisibleTabs();
@@ -5231,6 +5441,11 @@ class CaseListComponent {
     onStartButtonDisableEvent(disabled) {
         this.disableStartButton$.next(disabled);
     }
+    onViewUpdateEvent(hiddenColumns) {
+        this.caseDefinitionKey$
+            .pipe(take(1), switchMap((caseDefinitionKey) => this.caseListHiddenColumnsService.saveHiddenColumns(caseDefinitionKey, hiddenColumns)))
+            .subscribe(() => this._refreshHiddenColumns$.next(null));
+    }
     onSaveSearchEvent(event) {
         combineLatest([
             this.statusService.selectedCaseStatuses$,
@@ -5250,7 +5465,6 @@ class CaseListComponent {
             .pipe(take(1))
             .subscribe(([urlParams, caseDefinitionKey]) => {
             const queryParams = { ...urlParams, ...Object.fromEntries(new URLSearchParams(queryPath)) };
-            console.log({ queryParams });
             this.router.navigate([`/cases/${caseDefinitionKey}`], {
                 queryParams,
                 replaceUrl: true,
@@ -5304,7 +5518,7 @@ class CaseListComponent {
                 title: `case.noResults.${this.activeTab ?? 'ALL'}.title`,
             });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", 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: i2$1.QuickSearchStateService }, { token: QUICK_SEARCH_SERVICE }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", 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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: CaseListComponent, isStandalone: false, selector: "ng-component", providers: [
             CaseListService,
             CaseColumnService,
@@ -5319,7 +5533,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    fields: fields$ | async,\n    documentItems: documentItems$ | async,\n    noResultsMessage: noResultsMessage$ | 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    [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 carbonToolbarContent>\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}: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", "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", "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.QuickSearchComponent, selector: "valtimo-quick-search", outputs: ["quickSearchEvent"] }, { kind: "component", type: CaseBulkAssignModalComponent, selector: "valtimo-case-bulk-assign-modal", inputs: ["documentIds", "open"], outputs: ["closeEvent"] }, { kind: "component", type: CaseListActionsComponent, selector: "valtimo-case-list-actions", inputs: ["loading"], outputs: ["formFlowComplete", "startButtonDisableEvent"] }, { 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, 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", "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" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CaseListComponent, decorators: [{
             type: Component,
@@ -5337,8 +5551,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", 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    fields: fields$ | async,\n    documentItems: documentItems$ | async,\n    noResultsMessage: noResultsMessage$ | 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    [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 carbonToolbarContent>\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}: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: 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, 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: [{
                     type: Inject,
                     args: [QUICK_SEARCH_SERVICE]
                 }] }], propDecorators: { carbonList: [{
@@ -5606,7 +5820,6 @@ class CaseModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CaseModule, deps: [{ token: CaseMenuService }, { token: i2$1.MenuService }], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: CaseModule, declarations: [CaseBulkAssignModalComponent,
             CaseListComponent,
-            CaseListActionsComponent,
             CaseDetailComponent,
             CaseDetailTabSummaryComponent,
             CaseDetailTabProgressComponent,
@@ -5614,7 +5827,6 @@ class CaseModule {
             CaseDetailTabDocumentsComponent,
             CaseDetailTabNotesComponent,
             CaseUpdateComponent,
-            CaseProcessStartModalComponent,
             CaseSupportingProcessStartModalComponent,
             CaseDetailTabS3DocumentsComponent,
             CaseDetailTabNotFoundComponent,
@@ -5634,9 +5846,9 @@ class CaseModule {
             ReactiveFormsModule,
             FormModule,
             FormIoModule,
-            ModalModule,
+            ModalModule$1,
             SpinnerModule, i4.TranslateModule, TaskModule,
-            ModalModule,
+            ModalModule$1,
             NgbTooltipModule,
             UploaderModule,
             DropzoneModule,
@@ -5657,7 +5869,7 @@ class CaseModule {
             ButtonModule,
             IconModule,
             ProcessLinkModule,
-            ModalModule$1,
+            ModalModule,
             SelectModule$1,
             ConfirmationModalModule,
             DropdownModule,
@@ -5683,7 +5895,12 @@ class CaseModule {
             NotificationModule,
             InputModule,
             TooltipModule,
-            QuickSearchComponent], exports: [CaseListComponent, CaseDetailComponent, CaseProcessStartModalComponent] }); }
+            ListColumnViewComponent,
+            CaseDetailHeaderWidgetComponent,
+            ObserveSizeDirective,
+            QuickSearchComponent,
+            CaseProcessStartModalComponent,
+            CaseListActionsComponent], exports: [CaseListComponent, CaseDetailComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CaseModule, imports: [CommonModule,
             CaseRoutingModule,
             WidgetModule,
@@ -5698,13 +5915,13 @@ class CaseModule {
             ReactiveFormsModule,
             FormModule,
             FormIoModule,
-            ModalModule,
+            ModalModule$1,
             SpinnerModule,
             TranslateModule.forRoot({
                 loader: { provide: TranslateLoader, useFactory: HttpLoaderFactory, deps: [HttpClient] },
             }),
             TaskModule,
-            ModalModule,
+            ModalModule$1,
             NgbTooltipModule,
             UploaderModule,
             DropzoneModule,
@@ -5725,7 +5942,7 @@ class CaseModule {
             ButtonModule,
             IconModule,
             ProcessLinkModule,
-            ModalModule$1,
+            ModalModule,
             SelectModule$1,
             ConfirmationModalModule,
             DropdownModule,
@@ -5747,7 +5964,11 @@ class CaseModule {
             NotificationModule,
             InputModule,
             TooltipModule,
-            QuickSearchComponent] }); }
+            ListColumnViewComponent,
+            CaseDetailHeaderWidgetComponent,
+            QuickSearchComponent,
+            CaseProcessStartModalComponent,
+            CaseListActionsComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CaseModule, decorators: [{
             type: NgModule,
@@ -5755,7 +5976,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                     declarations: [
                         CaseBulkAssignModalComponent,
                         CaseListComponent,
-                        CaseListActionsComponent,
                         CaseDetailComponent,
                         CaseDetailTabSummaryComponent,
                         CaseDetailTabProgressComponent,
@@ -5763,7 +5983,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         CaseDetailTabDocumentsComponent,
                         CaseDetailTabNotesComponent,
                         CaseUpdateComponent,
-                        CaseProcessStartModalComponent,
                         CaseSupportingProcessStartModalComponent,
                         CaseDetailTabS3DocumentsComponent,
                         CaseDetailTabNotFoundComponent,
@@ -5786,13 +6005,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         ReactiveFormsModule,
                         FormModule,
                         FormIoModule,
-                        ModalModule,
+                        ModalModule$1,
                         SpinnerModule,
                         TranslateModule.forRoot({
                             loader: { provide: TranslateLoader, useFactory: HttpLoaderFactory, deps: [HttpClient] },
                         }),
                         TaskModule,
-                        ModalModule,
+                        ModalModule$1,
                         NgbTooltipModule,
                         UploaderModule,
                         DropzoneModule,
@@ -5813,7 +6032,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         ButtonModule,
                         IconModule,
                         ProcessLinkModule,
-                        ModalModule$1,
+                        ModalModule,
                         SelectModule$1,
                         ConfirmationModalModule,
                         DropdownModule,
@@ -5839,9 +6058,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         NotificationModule,
                         InputModule,
                         TooltipModule,
+                        ListColumnViewComponent,
+                        CaseDetailHeaderWidgetComponent,
+                        ObserveSizeDirective,
                         QuickSearchComponent,
+                        CaseProcessStartModalComponent,
+                        CaseListActionsComponent,
                     ],
-                    exports: [CaseListComponent, CaseDetailComponent, CaseProcessStartModalComponent],
+                    exports: [CaseListComponent, CaseDetailComponent],
                 }]
         }], ctorParameters: () => [{ type: CaseMenuService }, { type: i2$1.MenuService }] });
 
@@ -5868,5 +6092,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ApiTabType, CASE_DETAIL_DEFAULT_DISPLAY_SIZE, CASE_DETAIL_DEFAULT_DISPLAY_TYPE, CASE_DETAIL_GUTTER_SIZE, CASE_DETAIL_LEFT_PANEL_MIN_WIDTH, CASE_DETAIL_RIGHT_PANEL_MIN_WIDTHS, CASE_DETAIL_START_PROCESS_DROPDOWN_WIDTH, CASE_DETAIL_TASK_LIST_WIDTH, CASE_LIST_NO_RESULTS_MESSAGE, CASE_LIST_TABLE_TRANSLATIONS, CASE_TAB_TOKEN, CASE_WITHOUT_STATUS_STATUS, CaseBulkAssignModalComponent, CaseBulkAssignService, CaseColumnService, CaseDetailComponent, CaseDetailLayoutService, CaseDetailTabAuditComponent, CaseDetailTabDocumentsComponent, CaseDetailTabNotesComponent, CaseDetailTabProgressComponent, CaseDetailTabSummaryComponent, CaseExportService, CaseListAssigneeService, CaseListCaseTagService, CaseListComponent, CaseListPaginationService, CaseListQuickSearchService, CaseListSearchService, CaseListService, CaseListStatusService, CaseMenuService, CaseModule, CaseParameterService, CaseProcessStartModalComponent, CaseService, CaseTabApiService, CaseTabService, CaseWidgetDisplayTypeKey, CaseWidgetType, CaseWidgetsApiService, DEFAULT_CASE_LIST_TABS, DEFAULT_TABS, DEFAULT_TAB_COMPONENTS, DefaultTabs, StartModalService, TAB_MAP, TabImpl, TabLoaderImpl, WIDGET_HEIGHT_1X, WIDGET_WIDTH_1X };
+export { ApiTabType, CASE_DETAIL_DEFAULT_DISPLAY_SIZE, CASE_DETAIL_DEFAULT_DISPLAY_TYPE, CASE_DETAIL_GUTTER_SIZE, CASE_DETAIL_LEFT_PANEL_MIN_WIDTH, CASE_DETAIL_RIGHT_PANEL_MIN_WIDTHS, CASE_DETAIL_START_PROCESS_DROPDOWN_WIDTH, CASE_DETAIL_TASK_LIST_WIDTH, CASE_LIST_NO_RESULTS_MESSAGE, CASE_LIST_TABLE_TRANSLATIONS, CASE_TAB_TOKEN, CASE_WITHOUT_STATUS_STATUS, CaseBulkAssignModalComponent, CaseBulkAssignService, CaseColumnService, CaseDetailComponent, CaseDetailLayoutService, CaseDetailTabAuditComponent, CaseDetailTabDocumentsComponent, CaseDetailTabNotesComponent, CaseDetailTabProgressComponent, CaseDetailTabSummaryComponent, CaseExportService, CaseHeaderWidgetApiService, CaseListActionsComponent, CaseListAssigneeService, CaseListCaseTagService, CaseListComponent, CaseListHiddenColumnsService, CaseListPaginationService, CaseListQuickSearchService, CaseListSearchService, CaseListService, CaseListStatusService, CaseMenuService, CaseModule, CaseParameterService, CaseProcessStartModalComponent, CaseService, CaseTabApiService, CaseTabService, CaseWidgetDisplayTypeKey, CaseWidgetType, CaseWidgetsApiService, DEFAULT_CASE_LIST_TABS, DEFAULT_TABS, DEFAULT_TAB_COMPONENTS, DefaultTabs, StartModalService, TAB_MAP, TabImpl, TabLoaderImpl, WIDGET_HEIGHT_1X, WIDGET_WIDTH_1X };
 //# sourceMappingURL=valtimo-case.mjs.map