@valtimo/case 13.38.0 → 13.39.0

package/fesm2022/valtimo-case.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { Injectable, ViewEncapsulation, Component, EventEmitter, Output, ViewContainerRef, ViewChild, HostBinding, Optional, Inject, Input, ChangeDetectionStrategy, InjectionToken, signal, Pipe, inject, computed, NgModule } from '@angular/core';
-import { combineLatest, map, distinctUntilChanged, BehaviorSubject, take, Subject, switchMap, of, tap, filter, Subscription, startWith, forkJoin, catchError as catchError$1, shareReplay, first, fromEvent, from, debounceTime, defaultIfEmpty, merge, Observable } from 'rxjs';
+import { combineLatest, map, distinctUntilChanged, BehaviorSubject, take, Subject, switchMap, of, tap, filter, Subscription, startWith, forkJoin, catchError as catchError$1, shareReplay, first, fromEvent, from, debounceTime, defaultIfEmpty, EMPTY, merge, Observable } from 'rxjs';
 import * as i1 from '@valtimo/shared';
 import { UploadProvider, ZGW_DOCUMENTEN_API_DOCUMENTS_COMPONENT_TOKEN, CaseListTab, TagColor, BaseApiService, ZGW_OBJECT_TYPE_COMPONENT_TOKEN, InterceptorSkip, FORM_VIEW_MODEL_TOKEN, ROLE_USER, ConfigModule, HttpLoaderFactory } from '@valtimo/shared';
 import * as i1$1 from '@angular/common/http';
@@ -633,7 +633,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
         }], ctorParameters: () => [{ type: i1.ConfigService }, { type: CaseListService }, { type: i1$2.DocumentService }, { type: i4.TranslateService }, { type: CaseParameterService }] });
 
 /*
- * Copyright 2015-2025 Ritense BV, the Netherlands.
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -659,7 +659,7 @@ class CaseService {
     getInitialSortState(columns) {
         const defaultColumn = columns.find(column => column.default);
         const isSorting = defaultColumn?.default === 'ASC' || defaultColumn?.default === 'DESC';
-        const direction = typeof !defaultColumn || defaultColumn.default === 'boolean'
+        const direction = !defaultColumn || typeof defaultColumn.default === 'boolean'
             ? 'DESC'
             : defaultColumn.default;
         return {
@@ -1113,7 +1113,7 @@ class TabImpl {
  */
 
 /*
- * Copyright 2015-2025 Ritense BV, the Netherlands.
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -1547,7 +1547,7 @@ class CaseDetailTabS3DocumentsComponent {
         this.refetch$.next(null);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseDetailTabS3DocumentsComponent, deps: [{ token: i1.ConfigService }, { token: i1$2.DocumentService }, { token: i3$2.DownloadService }, { token: i1$2.FileSortService }, { token: i1.GlobalNotificationService }, { token: i2.PromptService }, { token: i1$3.ActivatedRoute }, { token: i4.TranslateService }, { token: i3$2.UploadProviderService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: CaseDetailTabS3DocumentsComponent, isStandalone: false, selector: "valtimo-case-detail-tab-s3-documents", 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-dropzone\n  (fileSelected)=\"fileSelected($event)\"\n  [acceptedFiles]=\"acceptedFiles\"\n  [hideFilePreview]=\"true\"\n  [hideTitle]=\"true\"\n  [maxFileSize]=\"maxFileSize\"\n  [showMaxFileSize]=\"true\"\n  [camera]=\"false\"\n  [uploading]=\"uploading$ | async\"\n></valtimo-dropzone>\n\n<valtimo-widget>\n  <valtimo-carbon-list\n    [fields]=\"fields\"\n    [items]=\"relatedFiles$ | async\"\n    [header]=\"true\"\n    [isSearchable]=\"true\"\n    [actions]=\"actions\"\n  >\n    <div header>\n      <h3 class=\"list-header-title\">{{ 'Related documents' | translate }}</h3>\n\n      <h5 class=\"list-header-description\">\n        {{ 'Overview of all documents in this case' | translate }}\n      </h5>\n    </div>\n  </valtimo-carbon-list>\n</valtimo-widget>\n", dependencies: [{ kind: "component", type: i2.WidgetComponent, selector: "valtimo-widget", inputs: ["type", "name", "icon", "contrast", "divider", "title", "subtitle", "collapseAble", "collapse", "additionalClasses"] }, { kind: "component", type: i2.DropzoneComponent, selector: "valtimo-dropzone", inputs: ["title", "hideTitle", "subtitle", "externalError$", "showMaxFileSize", "showAcceptedFiles", "clear$", "disabled", "hideFilePreview", "uploading", "camera", "maxFiles", "maxFileSize", "acceptedFiles"], outputs: ["fileSelected"] }, { kind: "component", type: i2.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "initialSearchValue", "searchDebounceMs", "invalidSearchFields", "searchFields", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled", "expandedRowTemplate", "expandedRowKey"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "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.25", type: CaseDetailTabS3DocumentsComponent, isStandalone: false, selector: "valtimo-case-detail-tab-s3-documents", 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-dropzone\n  (fileSelected)=\"fileSelected($event)\"\n  [acceptedFiles]=\"acceptedFiles\"\n  [hideFilePreview]=\"true\"\n  [hideTitle]=\"true\"\n  [maxFileSize]=\"maxFileSize\"\n  [showMaxFileSize]=\"true\"\n  [camera]=\"false\"\n  [uploading]=\"uploading$ | async\"\n></valtimo-dropzone>\n\n<valtimo-widget>\n  <valtimo-carbon-list\n    [fields]=\"fields\"\n    [items]=\"relatedFiles$ | async\"\n    [header]=\"true\"\n    [isSearchable]=\"true\"\n    [actions]=\"actions\"\n  >\n    <div header>\n      <h3 class=\"list-header-title\">{{ 'Related documents' | translate }}</h3>\n\n      <h5 class=\"list-header-description\">\n        {{ 'Overview of all documents in this case' | translate }}\n      </h5>\n    </div>\n  </valtimo-carbon-list>\n</valtimo-widget>\n", dependencies: [{ kind: "component", type: i2.WidgetComponent, selector: "valtimo-widget", inputs: ["type", "name", "icon", "contrast", "divider", "title", "subtitle", "collapseAble", "collapse", "additionalClasses"] }, { kind: "component", type: i2.DropzoneComponent, selector: "valtimo-dropzone", inputs: ["title", "hideTitle", "subtitle", "externalError$", "showMaxFileSize", "showAcceptedFiles", "clear$", "disabled", "hideFilePreview", "uploading", "camera", "maxFiles", "maxFileSize", "acceptedFiles"], outputs: ["fileSelected"] }, { kind: "component", type: i2.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "initialSearchValue", "searchDebounceMs", "invalidSearchFields", "searchFields", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled", "expandedRowTemplate", "expandedRowKey", "trackByKey"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseDetailTabS3DocumentsComponent, decorators: [{
             type: Component,
@@ -4716,11 +4716,15 @@ class CaseDetailsTaskDetailComponent {
         this.candidateUsers$ = combineLatest([
             this.task$.pipe(filter(task => !!task)),
             this.canAssignUserToTask$,
-        ]).pipe(switchMap(([task, canAssign]) => (canAssign ? this.taskService.getCandidateUsers(task.id) : of([]))), shareReplay(1));
+        ]).pipe(switchMap(([task, canAssign]) => canAssign
+            ? this.taskService.getCandidateUsers(task.id).pipe(catchError$1(() => of([])))
+            : of([])), shareReplay(1));
         this.candidateTeams$ = combineLatest([
             this.task$.pipe(filter(task => !!task)),
             this.canAssignUserToTask$,
-        ]).pipe(switchMap(([task, canAssign]) => canAssign ? this.taskService.getCandidateTeams(task.id).pipe(map(page => page.content)) : of([])), shareReplay(1));
+        ]).pipe(switchMap(([task, canAssign]) => canAssign
+            ? this.taskService.getCandidateTeams(task.id).pipe(map(page => page.content), catchError$1(() => of([])))
+            : of([])), shareReplay(1));
         this.enableIntermediateSave$ = this.configService.getFeatureToggleObservable('enableIntermediateSave');
     }
     ngOnDestroy() {
@@ -4748,10 +4752,9 @@ class CaseDetailsTaskDetailComponent {
                 assignRequest.assignedTeamKey = event.teamKey ?? '';
             this.taskService
                 .assignTask(task.id, assignRequest)
-                .pipe(switchMap(() => this.taskService.getTask(task.id)), take(1))
+                .pipe(switchMap(() => this.refreshTaskAfterAssignmentChange(task.id)), take(1))
                 .subscribe(response => {
-                this.refreshTask(response);
-                this.assignmentOfTaskChanged.emit();
+                this.handleAssignmentChangeResponse(response);
             });
         });
     }
@@ -4761,13 +4764,29 @@ class CaseDetailsTaskDetailComponent {
                 return;
             this.taskService
                 .unassignTask(task.id)
-                .pipe(switchMap(() => this.taskService.getTask(task.id)), take(1))
+                .pipe(switchMap(() => this.refreshTaskAfterAssignmentChange(task.id)), take(1))
                 .subscribe(response => {
-                this.refreshTask(response);
-                this.assignmentOfTaskChanged.emit();
+                this.handleAssignmentChangeResponse(response);
             });
         });
     }
+    refreshTaskAfterAssignmentChange(taskId) {
+        // The new assignment can change the outcome of permission checks for this task,
+        // so drop cached permissions before the task is re-fetched and re-checked
+        this.permissionService.invalidateResource(TASK_DETAIL_PERMISSION_RESOURCE.task, taskId);
+        // a 403 or 404 means the user can no longer view the task; these are expected
+        // outcomes here, so they are skipped to avoid a global error toast
+        return this.taskService.getTask(taskId, ['403', '404']).pipe(catchError$1(error => (error?.status === 403 || error?.status === 404 ? of(null) : EMPTY)));
+    }
+    handleAssignmentChangeResponse(response) {
+        if (response) {
+            this.refreshTask(response);
+        }
+        else {
+            this.onClose();
+        }
+        this.assignmentOfTaskChanged.emit();
+    }
     refreshTask(response) {
         const currentTask = this.task$.getValue();
         if (!currentTask)
@@ -5399,6 +5418,7 @@ class CaseDetailComponent {
         this.openWidgetProcessSubscription();
         this.openSmallTitleSubscription();
         this.openStartableItemsSseSubscription();
+        this.openCaseStateSseSubscription();
     }
     ngOnDestroy() {
         this.breadcrumbService.clearSecondBreadcrumb();
@@ -5433,6 +5453,17 @@ class CaseDetailComponent {
             .pipe(filter(event => event?.documentId === this.documentId), debounceTime(300))
             .subscribe(() => this.reloadStartableItems()));
     }
+    /**
+     * Keeps the internal status tag and the assignee widget in sync with the current case state.
+     * The status can change without user interaction (e.g. a task completes or a timer expires) and
+     * the assignee can be (un)set from elsewhere. Refresh the document whenever an SSE event signals
+     * such a change for this case, so both re-derive from `document$` without a page reload.
+     */
+    openCaseStateSseSubscription() {
+        this._subscriptions.add(merge(this.sseService.getSseEventObservable('CASE_ASSIGNED'), this.sseService.getSseEventObservable('CASE_UNASSIGNED'), this.sseService.getSseEventObservable('CASE_STATUS_UPDATED'))
+            .pipe(filter(event => event?.documentId === this.documentId), debounceTime(300))
+            .subscribe(() => this.caseService.refresh()));
+    }
     reloadStartableItems() {
         this._subscriptions.add(this.documentService
             .getStartableItems({ caseDocumentId: this.documentId })
@@ -6566,7 +6597,7 @@ class CaseListComponent {
                 provide: QUICK_SEARCH_SERVICE,
                 useClass: CaseListQuickSearchService,
             },
-        ], viewQueries: [{ propertyName: "carbonList", first: true, predicate: CarbonListComponent, descendants: true }, { propertyName: "listActionsComponent", first: true, predicate: CaseListActionsComponent, descendants: true }, { propertyName: "tabsComponent", first: true, predicate: CaseListTabsComponent, descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    availableFields: orchestration.availableFields$ | async,\n    fields: orchestration.fields$ | async,\n    documentItems: orchestration.documentItems$ | async,\n    noResultsMessage: orchestration.noResultsMessage$ | async,\n    hasApiColumnConfig: orchestration.hasApiColumnConfig$ | async,\n    searchFields: orchestration.searchFields$ | async,\n    schema: orchestration.schema$ | async,\n    showAssignModal: showAssignModal$ | async,\n    selectedCaseIds: selectedCaseIds$ | async,\n    statuses: orchestration.statuses$ | async,\n    caseTags: orchestration.caseTags$ | async,\n    selectedStatusKeys: orchestration.selectedStatusKeys$ | async,\n    selectedCaseTagKeys: orchestration.selectedCaseTagKeys$ | async,\n    showStatusSelector: orchestration.showStatusSelector$ | async,\n    showCaseTagsSelector: orchestration.showCaseTagsSelector$ | async,\n    loaded: orchestration.loaded$ | async,\n    canCreate: orchestration.canCreateCase$ | async,\n    canExport: orchestration.canExportCase$ | async,\n    disableExport: orchestration.disableExportButton$ | async,\n    disableSaveSearch: orchestration.disableSaveSearch$ | async,\n    assigneeFilter: orchestration.assigneeFilter$ | async,\n    hiddenColumns: orchestration.hiddenColumns$ | async,\n    disableStartButton: disableStartButton$ | async,\n    invalidSearchFields: orchestration.invalidSearchFields$ | async,\n  } as obs\"\n>\n  <valtimo-case-list-actions\n    [loading]=\"!obs.loaded\"\n    (formFlowComplete)=\"forceRefresh()\"\n    (startButtonDisableEvent)=\"onStartButtonDisableEvent($event)\"\n  ></valtimo-case-list-actions>\n\n  <ng-container *ngTemplateOutlet=\"searchFields; context: {obs: obs}\"></ng-container>\n\n  <valtimo-quick-search (quickSearchEvent)=\"onQuickSearchEvent($event)\"></valtimo-quick-search>\n\n  <ng-container *ngIf=\"obs.loaded; else loading\">\n    <ng-container *ngTemplateOutlet=\"list; context: {obs: obs}\"></ng-container>\n  </ng-container>\n\n  <ng-container *ngTemplateOutlet=\"bulkAssignModal; context: {obs: obs}\"></ng-container>\n\n  <ng-container *ngTemplateOutlet=\"changePageModal\"></ng-container>\n</ng-container>\n\n<ng-template #searchFields let-obs=\"obs\">\n  <valtimo-search-fields\n    [disableSaveSearch]=\"obs.disableSaveSearch\"\n    [canSaveSearch]=\"true\"\n    [searchFields]=\"obs.searchFields\"\n    [caseDefinitionKey]=\"orchestration.caseDefinitionKey$ | async\"\n    [defaultValues]=\"orchestration.searchFieldValues$ | async\"\n    [inputDisabled]=\"!obs.loaded\"\n    [externalSearchField]=\"obs.showStatusSelector\"\n    (clearEvent)=\"onClearEvent()\"\n    (doSearch)=\"search($event)\"\n    (saveSearchEvent)=\"onSaveSearchEvent($event)\"\n  >\n    <valtimo-status-selector\n      *ngIf=\"obs.showStatusSelector\"\n      [statuses]=\"obs.statuses\"\n      [selectedStatusKeys]=\"obs.selectedStatusKeys\"\n      [disabled]=\"!obs.loaded\"\n      (selectedStatusesChangeEvent)=\"onSelectedStatusesChange($event)\"\n    ></valtimo-status-selector>\n\n    <valtimo-case-tags-selector\n      *ngIf=\"obs.showCaseTagsSelector\"\n      [caseTags]=\"obs.caseTags\"\n      [selectedCaseTagKeys]=\"obs.selectedCaseTagKeys\"\n      [disabled]=\"!obs.loaded\"\n      (selectedCaseTagsChangeEvent)=\"onSelectedCaseTagsChange($event)\"\n    ></valtimo-case-tags-selector>\n  </valtimo-search-fields>\n</ng-template>\n\n<ng-template #list let-obs=\"obs\">\n  <valtimo-carbon-list\n    [fields]=\"obs.fields\"\n    [header]=\"false\"\n    [initialSortState]=\"pagination.sort\"\n    [invalidSearchFields]=\"obs.invalidSearchFields || []\"\n    [isSearchable]=\"true\"\n    [searchDebounceMs]=\"2000\"\n    [searchFields]=\"obs.searchFields || []\"\n    [items]=\"obs.documentItems\"\n    [pagination]=\"pagination\"\n    lockedTooltipTranslationKey=\"case.rowLocked\"\n    [showSelectionColumn]=\"canHaveAssignee\"\n    [tableTranslations]=\"tableTranslations\"\n    (paginationClicked)=\"pageChange($event)\"\n    (paginationSet)=\"pageSizeChange($event)\"\n    (rowClicked)=\"rowClick($event)\"\n    (search)=\"onGlobalSearchFilterChange($event)\"\n    (sortChanged)=\"sortChanged($event)\"\n  >\n    <ng-container carbonToolbarActions>\n      <button cdsButton=\"primary\" (click)=\"showAssignModal()\">\n        {{ 'case.bulkAssign.assign' | translate }}\n      </button>\n    </ng-container>\n\n    <div carbonToolbarContent>\n      <valtimo-case-list-toolbar\n        [availableFields]=\"obs.availableFields\"\n        [canCreate]=\"obs.canCreate\"\n        [canExport]=\"obs.canExport\"\n        [disableExport]=\"obs.disableExport\"\n        [disableStart]=\"obs.disableStartButton\"\n        [hasApiColumnConfig]=\"obs.hasApiColumnConfig\"\n        [hiddenColumns]=\"obs.hiddenColumns\"\n        [loadingExport]=\"loadingExport\"\n        (exportEvent)=\"export()\"\n        (startCaseEvent)=\"startCase()\"\n        (viewUpdateEvent)=\"onViewUpdateEvent($event)\"\n      ></valtimo-case-list-toolbar>\n    </div>\n\n    <valtimo-no-results\n      [action]=\"obs.noResultsMessage.isSearchResult ? null : caseListActionsNoResult\"\n      [description]=\"obs.noResultsMessage.description | translate\"\n      [title]=\"obs.noResultsMessage.title | translate\"\n    ></valtimo-no-results>\n\n    <div tabs *ngIf=\"canHaveAssignee\">\n      <valtimo-case-list-tabs\n        [assigneeFilter]=\"obs.assigneeFilter\"\n        [selectedRowCount]=\"carbonList?.model?.selectedRowsCount() ?? 0\"\n        [visibleTabs]=\"visibleCaseTabs\"\n        (tabChangeEvent)=\"onTabChange($event)\"\n      ></valtimo-case-list-tabs>\n    </div>\n  </valtimo-carbon-list>\n</ng-template>\n\n<ng-template #loading>\n  <valtimo-carbon-list [loading]=\"true\">\n    <div tabs *ngIf=\"canHaveAssignee\">\n      <valtimo-case-list-tabs\n        [assigneeFilter]=\"orchestration.assigneeFilter$ | async\"\n        [selectedRowCount]=\"0\"\n        [visibleTabs]=\"visibleCaseTabs\"\n        (tabChangeEvent)=\"onTabChange($event)\"\n      ></valtimo-case-list-tabs>\n    </div>\n  </valtimo-carbon-list>\n</ng-template>\n\n<ng-template #bulkAssignModal let-obs=\"obs\">\n  <valtimo-case-bulk-assign-modal\n    [documentIds]=\"obs.selectedCaseIds\"\n    [open]=\"obs.showAssignModal\"\n    (closeEvent)=\"onCloseEvent($event)\"\n  ></valtimo-case-bulk-assign-modal>\n</ng-template>\n\n<ng-template #changePageModal>\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"case.changePageModal.confirm\"\n    contentTranslationKey=\"case.changePageModal.content\"\n    [outputOnConfirm]=\"paginationChange$ | async\"\n    [showModalSubject$]=\"showChangePageModal$\"\n    titleTranslationKey=\"case.changePageModal.title\"\n    (confirmEvent)=\"onChangePageConfirm($event)\"\n  ></valtimo-confirmation-modal>\n</ng-template>\n\n<ng-template #caseListActionsNoResult>\n  <button\n    *ngIf=\"orchestration.canCreateCase$ | async\"\n    cdsButton=\"primary\"\n    [disabled]=\"disableStartButton$ | async\"\n    (click)=\"startCase()\"\n  >\n    {{ 'Start Case' | translate }}\n\n    <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n  </button>\n</ng-template>\n", styles: [":host{display:flex;flex-direction:column;gap:16px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.SearchFieldsComponent, selector: "valtimo-search-fields", inputs: ["loading", "searchFields", "caseDefinitionKey", "setValuesSubject$", "clearValuesSubject$", "defaultValues", "disableSaveSearch", "inputDisabled", "externalSearchField", "canSaveSearch"], outputs: ["doSearch", "saveSearchEvent", "clearEvent"] }, { kind: "directive", type: i4$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i4$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i2.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }, { kind: "component", type: i2.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "initialSearchValue", "searchDebounceMs", "invalidSearchFields", "searchFields", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled", "expandedRowTemplate", "expandedRowKey"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i2.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "component", type: i2.StatusSelectorComponent, selector: "valtimo-status-selector", inputs: ["statuses", "selectedStatusKeys", "carbonTheme", "disabled"], outputs: ["selectedStatusesChangeEvent"] }, { kind: "component", type: i2.CaseTagsSelectorComponent, selector: "valtimo-case-tags-selector", inputs: ["caseTags", "selectedCaseTagKeys", "carbonTheme", "disabled"], outputs: ["selectedCaseTagsChangeEvent"] }, { kind: "component", type: i2.QuickSearchComponent, selector: "valtimo-quick-search", outputs: ["quickSearchEvent"] }, { kind: "component", type: CaseListActionsComponent, selector: "valtimo-case-list-actions", inputs: ["loading", "navigateAfterSubmit"], outputs: ["formFlowComplete", "startButtonDisableEvent"] }, { kind: "component", type: CaseBulkAssignModalComponent, selector: "valtimo-case-bulk-assign-modal", inputs: ["documentIds", "open"], outputs: ["closeEvent"] }, { kind: "component", type: CaseListTabsComponent, selector: "valtimo-case-list-tabs", inputs: ["assigneeFilter", "selectedRowCount", "visibleTabs"], outputs: ["tabChangeEvent"] }, { kind: "component", type: CaseListToolbarComponent, selector: "valtimo-case-list-toolbar", inputs: ["availableFields", "canCreate", "canExport", "disableExport", "disableStart", "hasApiColumnConfig", "hiddenColumns", "loadingExport"], outputs: ["exportEvent", "startCaseEvent", "viewUpdateEvent"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
+        ], viewQueries: [{ propertyName: "carbonList", first: true, predicate: CarbonListComponent, descendants: true }, { propertyName: "listActionsComponent", first: true, predicate: CaseListActionsComponent, descendants: true }, { propertyName: "tabsComponent", first: true, predicate: CaseListTabsComponent, descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    availableFields: orchestration.availableFields$ | async,\n    fields: orchestration.fields$ | async,\n    documentItems: orchestration.documentItems$ | async,\n    noResultsMessage: orchestration.noResultsMessage$ | async,\n    hasApiColumnConfig: orchestration.hasApiColumnConfig$ | async,\n    searchFields: orchestration.searchFields$ | async,\n    schema: orchestration.schema$ | async,\n    showAssignModal: showAssignModal$ | async,\n    selectedCaseIds: selectedCaseIds$ | async,\n    statuses: orchestration.statuses$ | async,\n    caseTags: orchestration.caseTags$ | async,\n    selectedStatusKeys: orchestration.selectedStatusKeys$ | async,\n    selectedCaseTagKeys: orchestration.selectedCaseTagKeys$ | async,\n    showStatusSelector: orchestration.showStatusSelector$ | async,\n    showCaseTagsSelector: orchestration.showCaseTagsSelector$ | async,\n    loaded: orchestration.loaded$ | async,\n    canCreate: orchestration.canCreateCase$ | async,\n    canExport: orchestration.canExportCase$ | async,\n    disableExport: orchestration.disableExportButton$ | async,\n    disableSaveSearch: orchestration.disableSaveSearch$ | async,\n    assigneeFilter: orchestration.assigneeFilter$ | async,\n    hiddenColumns: orchestration.hiddenColumns$ | async,\n    disableStartButton: disableStartButton$ | async,\n    invalidSearchFields: orchestration.invalidSearchFields$ | async,\n  } as obs\"\n>\n  <valtimo-case-list-actions\n    [loading]=\"!obs.loaded\"\n    (formFlowComplete)=\"forceRefresh()\"\n    (startButtonDisableEvent)=\"onStartButtonDisableEvent($event)\"\n  ></valtimo-case-list-actions>\n\n  <ng-container *ngTemplateOutlet=\"searchFields; context: {obs: obs}\"></ng-container>\n\n  <valtimo-quick-search (quickSearchEvent)=\"onQuickSearchEvent($event)\"></valtimo-quick-search>\n\n  <ng-container *ngIf=\"obs.loaded; else loading\">\n    <ng-container *ngTemplateOutlet=\"list; context: {obs: obs}\"></ng-container>\n  </ng-container>\n\n  <ng-container *ngTemplateOutlet=\"bulkAssignModal; context: {obs: obs}\"></ng-container>\n\n  <ng-container *ngTemplateOutlet=\"changePageModal\"></ng-container>\n</ng-container>\n\n<ng-template #searchFields let-obs=\"obs\">\n  <valtimo-search-fields\n    [disableSaveSearch]=\"obs.disableSaveSearch\"\n    [canSaveSearch]=\"true\"\n    [searchFields]=\"obs.searchFields\"\n    [caseDefinitionKey]=\"orchestration.caseDefinitionKey$ | async\"\n    [defaultValues]=\"orchestration.searchFieldValues$ | async\"\n    [inputDisabled]=\"!obs.loaded\"\n    [externalSearchField]=\"obs.showStatusSelector\"\n    (clearEvent)=\"onClearEvent()\"\n    (doSearch)=\"search($event)\"\n    (saveSearchEvent)=\"onSaveSearchEvent($event)\"\n  >\n    <valtimo-status-selector\n      *ngIf=\"obs.showStatusSelector\"\n      [statuses]=\"obs.statuses\"\n      [selectedStatusKeys]=\"obs.selectedStatusKeys\"\n      [disabled]=\"!obs.loaded\"\n      (selectedStatusesChangeEvent)=\"onSelectedStatusesChange($event)\"\n    ></valtimo-status-selector>\n\n    <valtimo-case-tags-selector\n      *ngIf=\"obs.showCaseTagsSelector\"\n      [caseTags]=\"obs.caseTags\"\n      [selectedCaseTagKeys]=\"obs.selectedCaseTagKeys\"\n      [disabled]=\"!obs.loaded\"\n      (selectedCaseTagsChangeEvent)=\"onSelectedCaseTagsChange($event)\"\n    ></valtimo-case-tags-selector>\n  </valtimo-search-fields>\n</ng-template>\n\n<ng-template #list let-obs=\"obs\">\n  <valtimo-carbon-list\n    [fields]=\"obs.fields\"\n    [header]=\"false\"\n    [initialSortState]=\"pagination.sort\"\n    [invalidSearchFields]=\"obs.invalidSearchFields || []\"\n    [isSearchable]=\"true\"\n    [searchDebounceMs]=\"2000\"\n    [searchFields]=\"obs.searchFields || []\"\n    [items]=\"obs.documentItems\"\n    [pagination]=\"pagination\"\n    lockedTooltipTranslationKey=\"case.rowLocked\"\n    [showSelectionColumn]=\"canHaveAssignee\"\n    [tableTranslations]=\"tableTranslations\"\n    (paginationClicked)=\"pageChange($event)\"\n    (paginationSet)=\"pageSizeChange($event)\"\n    (rowClicked)=\"rowClick($event)\"\n    (search)=\"onGlobalSearchFilterChange($event)\"\n    (sortChanged)=\"sortChanged($event)\"\n  >\n    <ng-container carbonToolbarActions>\n      <button cdsButton=\"primary\" (click)=\"showAssignModal()\">\n        {{ 'case.bulkAssign.assign' | translate }}\n      </button>\n    </ng-container>\n\n    <div carbonToolbarContent>\n      <valtimo-case-list-toolbar\n        [availableFields]=\"obs.availableFields\"\n        [canCreate]=\"obs.canCreate\"\n        [canExport]=\"obs.canExport\"\n        [disableExport]=\"obs.disableExport\"\n        [disableStart]=\"obs.disableStartButton\"\n        [hasApiColumnConfig]=\"obs.hasApiColumnConfig\"\n        [hiddenColumns]=\"obs.hiddenColumns\"\n        [loadingExport]=\"loadingExport\"\n        (exportEvent)=\"export()\"\n        (startCaseEvent)=\"startCase()\"\n        (viewUpdateEvent)=\"onViewUpdateEvent($event)\"\n      ></valtimo-case-list-toolbar>\n    </div>\n\n    <valtimo-no-results\n      [action]=\"obs.noResultsMessage.isSearchResult ? null : caseListActionsNoResult\"\n      [description]=\"obs.noResultsMessage.description | translate\"\n      [title]=\"obs.noResultsMessage.title | translate\"\n    ></valtimo-no-results>\n\n    <div tabs *ngIf=\"canHaveAssignee\">\n      <valtimo-case-list-tabs\n        [assigneeFilter]=\"obs.assigneeFilter\"\n        [selectedRowCount]=\"carbonList?.model?.selectedRowsCount() ?? 0\"\n        [visibleTabs]=\"visibleCaseTabs\"\n        (tabChangeEvent)=\"onTabChange($event)\"\n      ></valtimo-case-list-tabs>\n    </div>\n  </valtimo-carbon-list>\n</ng-template>\n\n<ng-template #loading>\n  <valtimo-carbon-list [loading]=\"true\">\n    <div tabs *ngIf=\"canHaveAssignee\">\n      <valtimo-case-list-tabs\n        [assigneeFilter]=\"orchestration.assigneeFilter$ | async\"\n        [selectedRowCount]=\"0\"\n        [visibleTabs]=\"visibleCaseTabs\"\n        (tabChangeEvent)=\"onTabChange($event)\"\n      ></valtimo-case-list-tabs>\n    </div>\n  </valtimo-carbon-list>\n</ng-template>\n\n<ng-template #bulkAssignModal let-obs=\"obs\">\n  <valtimo-case-bulk-assign-modal\n    [documentIds]=\"obs.selectedCaseIds\"\n    [open]=\"obs.showAssignModal\"\n    (closeEvent)=\"onCloseEvent($event)\"\n  ></valtimo-case-bulk-assign-modal>\n</ng-template>\n\n<ng-template #changePageModal>\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"case.changePageModal.confirm\"\n    contentTranslationKey=\"case.changePageModal.content\"\n    [outputOnConfirm]=\"paginationChange$ | async\"\n    [showModalSubject$]=\"showChangePageModal$\"\n    titleTranslationKey=\"case.changePageModal.title\"\n    (confirmEvent)=\"onChangePageConfirm($event)\"\n  ></valtimo-confirmation-modal>\n</ng-template>\n\n<ng-template #caseListActionsNoResult>\n  <button\n    *ngIf=\"orchestration.canCreateCase$ | async\"\n    cdsButton=\"primary\"\n    [disabled]=\"disableStartButton$ | async\"\n    (click)=\"startCase()\"\n  >\n    {{ 'Start Case' | translate }}\n\n    <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n  </button>\n</ng-template>\n", styles: [":host{display:flex;flex-direction:column;gap:16px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.SearchFieldsComponent, selector: "valtimo-search-fields", inputs: ["loading", "searchFields", "caseDefinitionKey", "setValuesSubject$", "clearValuesSubject$", "defaultValues", "disableSaveSearch", "inputDisabled", "externalSearchField", "canSaveSearch"], outputs: ["doSearch", "saveSearchEvent", "clearEvent"] }, { kind: "directive", type: i4$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i4$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i2.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }, { kind: "component", type: i2.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "initialSearchValue", "searchDebounceMs", "invalidSearchFields", "searchFields", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled", "expandedRowTemplate", "expandedRowKey", "trackByKey"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i2.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "component", type: i2.StatusSelectorComponent, selector: "valtimo-status-selector", inputs: ["statuses", "selectedStatusKeys", "carbonTheme", "disabled"], outputs: ["selectedStatusesChangeEvent"] }, { kind: "component", type: i2.CaseTagsSelectorComponent, selector: "valtimo-case-tags-selector", inputs: ["caseTags", "selectedCaseTagKeys", "carbonTheme", "disabled"], outputs: ["selectedCaseTagsChangeEvent"] }, { kind: "component", type: i2.QuickSearchComponent, selector: "valtimo-quick-search", outputs: ["quickSearchEvent"] }, { kind: "component", type: CaseListActionsComponent, selector: "valtimo-case-list-actions", inputs: ["loading", "navigateAfterSubmit"], outputs: ["formFlowComplete", "startButtonDisableEvent"] }, { kind: "component", type: CaseBulkAssignModalComponent, selector: "valtimo-case-bulk-assign-modal", inputs: ["documentIds", "open"], outputs: ["closeEvent"] }, { kind: "component", type: CaseListTabsComponent, selector: "valtimo-case-list-tabs", inputs: ["assigneeFilter", "selectedRowCount", "visibleTabs"], outputs: ["tabChangeEvent"] }, { kind: "component", type: CaseListToolbarComponent, selector: "valtimo-case-list-toolbar", inputs: ["availableFields", "canCreate", "canExport", "disableExport", "disableStart", "hasApiColumnConfig", "hiddenColumns", "loadingExport"], outputs: ["exportEvent", "startCaseEvent", "viewUpdateEvent"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseListComponent, decorators: [{
             type: Component,
@@ -7241,7 +7272,7 @@ class CaseInspectionLogsTabComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseInspectionLogsTabComponent, deps: [{ token: CaseInspectionService }, { token: i1$5.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: CaseInspectionLogsTabComponent, isStandalone: true, selector: "valtimo-case-inspection-logs", inputs: { documentId: "documentId", pendingProcessInstanceId: "pendingProcessInstanceId" }, viewQueries: [{ propertyName: "_afterDatePicker", first: true, predicate: ["afterPicker"], descendants: true }, { propertyName: "_beforeDatePicker", first: true, predicate: ["beforePicker"], descendants: true }, { propertyName: "timestampTemplate", first: true, predicate: ["timestampTemplate"], descendants: true }, { propertyName: "levelTemplate", first: true, predicate: ["levelTemplate"], descendants: true }, { propertyName: "messageTemplate", first: true, predicate: ["messageTemplate"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<section class=\"case-inspection-logs-tab\">\n  <form\n    class=\"case-inspection-logs-tab__filters\"\n    [formGroup]=\"formGroup\"\n    (ngSubmit)=\"onApplyFilter()\"\n  >\n    <cds-text-label\n      class=\"case-inspection-logs-tab__filter case-inspection-logs-tab__filter--message\"\n    >\n      {{ 'case.inspection.logs.filters.message' | translate }}\n\n      <input\n        cdsText\n        formControlName=\"likeFormattedMessage\"\n        [placeholder]=\"'case.inspection.logs.filters.messagePlaceholder' | translate\"\n        cdsLayer=\"1\"\n      />\n    </cds-text-label>\n\n    <cds-dropdown\n      class=\"case-inspection-logs-tab__filter case-inspection-logs-tab__filter--level\"\n      formControlName=\"level\"\n      [label]=\"'case.inspection.logs.filters.level' | translate\"\n      [placeholder]=\"'case.inspection.logs.filters.levelPlaceholder' | translate\"\n      [dropUp]=\"false\"\n      cdsLayer=\"1\"\n    >\n      <cds-dropdown-list [items]=\"logLevelItems\"></cds-dropdown-list>\n    </cds-dropdown>\n\n    <cds-date-picker\n      #afterPicker\n      class=\"case-inspection-logs-tab__filter\"\n      [label]=\"'case.inspection.logs.filters.after' | translate\"\n      [dateFormat]=\"'d-m-Y H:i'\"\n      [flatpickrOptions]=\"{enableTime: true, time_24hr: true}\"\n      placeholder=\"DD-MM-YYYY HH:mm\"\n      cdsLayer=\"1\"\n      (valueChange)=\"onAfterDateSelected($event)\"\n    ></cds-date-picker>\n\n    <cds-date-picker\n      #beforePicker\n      class=\"case-inspection-logs-tab__filter\"\n      [label]=\"'case.inspection.logs.filters.before' | translate\"\n      [dateFormat]=\"'d-m-Y H:i'\"\n      [flatpickrOptions]=\"{enableTime: true, time_24hr: true}\"\n      placeholder=\"DD-MM-YYYY HH:mm\"\n      cdsLayer=\"1\"\n      (valueChange)=\"onBeforeDateSelected($event)\"\n    ></cds-date-picker>\n\n    <div class=\"case-inspection-logs-tab__filter-actions\">\n      <button cdsButton=\"primary\" size=\"md\" type=\"submit\">\n        {{ 'case.inspection.logs.filters.apply' | translate }}\n      </button>\n\n      <button cdsButton=\"tertiary\" size=\"md\" type=\"button\" (click)=\"onResetFilter()\">\n        {{ 'case.inspection.logs.filters.reset' | translate }}\n      </button>\n    </div>\n  </form>\n\n  <ng-container *ngIf=\"$activeProcessInstanceFilter() as processInstanceId\">\n    <div class=\"case-inspection-logs-tab__chip-row\">\n      <cds-tag type=\"purple\" size=\"md\">\n        {{ 'case.inspection.logs.filters.processInstanceChip' | translate }}:\n        <code>{{ processInstanceId }}</code>\n      </cds-tag>\n\n      <button cdsButton=\"ghost\" size=\"sm\" type=\"button\" (click)=\"onClearProcessInstanceFilter()\">\n        {{ 'case.inspection.logs.filters.clearProcessInstance' | translate }}\n      </button>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"$errorMessage() as message\">\n    <p class=\"case-inspection-logs-tab__error\">{{ message }}</p>\n  </ng-container>\n\n  <div *ngIf=\"$loading()\" class=\"loading-container\">\n    <cds-loading size=\"sm\"></cds-loading>\n  </div>\n\n  <ng-container *ngIf=\"!$loading() && !$errorMessage()\">\n    <p *ngIf=\"$rows().length === 0\" class=\"case-inspection-logs-tab__empty\">\n      {{\n        ($hasActiveSearch() ? 'case.inspection.logs.emptyFiltered' : 'case.inspection.logs.empty')\n          | translate\n      }}\n    </p>\n\n    <div *ngIf=\"$rows().length > 0\" class=\"case-inspection-logs-tab__layout\">\n      <div\n        class=\"case-inspection-logs-tab__list-panel\"\n        [attr.data-selected-row]=\"$selectedIndex()\"\n      >\n        <valtimo-carbon-list\n          [fields]=\"fields\"\n          [header]=\"false\"\n          [hideToolbar]=\"true\"\n          [items]=\"$rows()\"\n          [loading]=\"$loading()\"\n          [pagination]=\"pagination\"\n          [cdsLayer]=\"1\"\n          (paginationClicked)=\"onPageSelected($event)\"\n          (rowClicked)=\"onSelectRow($event)\"\n        >\n          <valtimo-no-results\n            description=\"{{\n              ($hasActiveSearch()\n                ? 'case.inspection.logs.emptyFiltered'\n                : 'case.inspection.logs.empty'\n              ) | translate\n            }}\"\n          ></valtimo-no-results>\n        </valtimo-carbon-list>\n      </div>\n\n      <aside class=\"case-inspection-logs-tab__detail\" *ngIf=\"$selected() as selected\">\n        <header class=\"case-inspection-logs-tab__detail-header\">\n          <cds-tag size=\"sm\" [type]=\"LEVEL_TAG[selected.level] || 'gray'\">{{\n            selected.level\n          }}</cds-tag>\n          <span class=\"case-inspection-logs-tab__detail-timestamp\">\n            {{ selected.timestamp | date: 'dd-MM-yyyy HH:mm:ss' }}\n          </span>\n        </header>\n\n        <pre class=\"case-inspection-logs-tab__detail-message\">{{ selected.formattedMessage }}</pre>\n\n        <h4>{{ 'case.inspection.logs.detail.properties' | translate }}</h4>\n        <dl class=\"case-inspection-logs-tab__detail-properties\">\n          <ng-container *ngFor=\"let prop of selected.properties\">\n            <dt>\n              <code>{{ prop.key }}</code>\n            </dt>\n            <dd>\n              <code>{{ prop.value }}</code>\n            </dd>\n          </ng-container>\n        </dl>\n\n        <ng-container *ngIf=\"selected.stacktrace\">\n          <h4>{{ 'case.inspection.logs.detail.stacktrace' | translate }}</h4>\n          <pre class=\"case-inspection-logs-tab__detail-stacktrace\">{{ selected.stacktrace }}</pre>\n        </ng-container>\n      </aside>\n    </div>\n  </ng-container>\n</section>\n\n<ng-template #timestampTemplate let-data=\"data\">\n  {{ data.item.timestamp | date: 'dd-MM HH:mm:ss' }}\n</ng-template>\n\n<ng-template #levelTemplate let-data=\"data\">\n  <cds-tag size=\"sm\" [type]=\"LEVEL_TAG[data.item.level] || 'gray'\">\n    {{ data.item.level }}\n  </cds-tag>\n</ng-template>\n\n<ng-template #messageTemplate let-data=\"data\">\n  <span class=\"case-inspection-logs-tab__message-cell\">{{ data.item.formattedMessage }}</span>\n</ng-template>\n", styles: [".case-inspection-logs-tab{display:flex;flex-direction:column;padding:16px;gap:var(--cds-spacing-05)}.case-inspection-logs-tab__filters{display:grid;grid-template-columns:minmax(200px,1fr) minmax(140px,200px) 220px 220px auto;gap:var(--cds-spacing-04);align-items:end}.case-inspection-logs-tab__filter{min-width:0}.case-inspection-logs-tab cds-date-picker{display:block;width:100%}.case-inspection-logs-tab cds-date-picker ::ng-deep .cds--date-picker,.case-inspection-logs-tab cds-date-picker ::ng-deep .cds--date-picker--single,.case-inspection-logs-tab cds-date-picker ::ng-deep .cds--date-picker-container,.case-inspection-logs-tab cds-date-picker ::ng-deep .cds--date-picker-input,.case-inspection-logs-tab cds-date-picker ::ng-deep input.cds--date-picker__input{width:100%;min-width:0}.case-inspection-logs-tab__filter-actions{display:flex;gap:var(--cds-spacing-03)}.case-inspection-logs-tab__chip-row{display:flex;align-items:center;gap:var(--cds-spacing-03)}.case-inspection-logs-tab__error{color:var(--cds-support-error)}.case-inspection-logs-tab__empty{color:var(--cds-text-secondary);font-style:italic}.case-inspection-logs-tab__layout{display:flex;gap:var(--cds-spacing-05)}.case-inspection-logs-tab__list-panel{flex:0 0 65%;min-width:0}.case-inspection-logs-tab__list-panel ::ng-deep .cds--data-table{width:100%}.case-inspection-logs-tab__list-panel ::ng-deep .cds--data-table tbody tr{cursor:pointer}.case-inspection-logs-tab__list-panel ::ng-deep .cds--data-table td:first-child{width:136px;min-width:136px;max-width:136px}.case-inspection-logs-tab__list-panel ::ng-deep .cds--data-table td:nth-child(2){width:96px;min-width:96px;max-width:96px}.case-inspection-logs-tab__list-panel ::ng-deep .cds--data-table td:nth-child(3){max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.case-inspection-logs-tab__list-panel[data-selected-row=\"0\"] ::ng-deep .cds--data-table tbody tr:nth-child(1){background-color:var(--cds-layer-selected)}.case-inspection-logs-tab__list-panel[data-selected-row=\"1\"] ::ng-deep .cds--data-table tbody tr:nth-child(2){background-color:var(--cds-layer-selected)}.case-inspection-logs-tab__list-panel[data-selected-row=\"2\"] ::ng-deep .cds--data-table tbody tr:nth-child(3){background-color:var(--cds-layer-selected)}.case-inspection-logs-tab__list-panel[data-selected-row=\"3\"] ::ng-deep .cds--data-table tbody tr:nth-child(4){background-color:var(--cds-layer-selected)}.case-inspection-logs-tab__list-panel[data-selected-row=\"4\"] ::ng-deep .cds--data-table tbody tr:nth-child(5){background-color:var(--cds-layer-selected)}.case-inspection-logs-tab__list-panel[data-selected-row=\"5\"] ::ng-deep .cds--data-table tbody tr:nth-child(6){background-color:var(--cds-layer-selected)}.case-inspection-logs-tab__list-panel[data-selected-row=\"6\"] ::ng-deep .cds--data-table tbody tr:nth-child(7){background-color:var(--cds-layer-selected)}.case-inspection-logs-tab__list-panel[data-selected-row=\"7\"] ::ng-deep .cds--data-table tbody tr:nth-child(8){background-color:var(--cds-layer-selected)}.case-inspection-logs-tab__list-panel[data-selected-row=\"8\"] ::ng-deep .cds--data-table tbody tr:nth-child(9){background-color:var(--cds-layer-selected)}.case-inspection-logs-tab__list-panel[data-selected-row=\"9\"] ::ng-deep .cds--data-table tbody tr:nth-child(10){background-color:var(--cds-layer-selected)}.case-inspection-logs-tab__message-cell{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.case-inspection-logs-tab__pagination{margin-top:var(--cds-spacing-03)}.case-inspection-logs-tab__detail{flex:0 0 calc(35% - var(--cds-spacing-05));background-color:var(--cds-layer);border:1px solid var(--cds-border-subtle);padding:var(--cds-spacing-05);overflow:auto}.case-inspection-logs-tab__detail h4{margin-top:var(--cds-spacing-05);margin-bottom:var(--cds-spacing-03);font-size:var(--cds-body-compact-01-font-size);font-weight:600}.case-inspection-logs-tab__detail-header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--cds-spacing-02)}.case-inspection-logs-tab__detail-timestamp{color:var(--cds-text-secondary);font-size:var(--cds-helper-text-01-font-size)}.case-inspection-logs-tab__detail-message{margin:var(--cds-spacing-04) 0;padding:var(--cds-spacing-03);background-color:var(--cds-background);border:1px solid var(--cds-border-subtle);white-space:pre-wrap;word-break:break-word;font-size:var(--cds-helper-text-01-font-size)}.case-inspection-logs-tab__detail-properties{display:flex;flex-direction:column;gap:var(--cds-spacing-03)}.case-inspection-logs-tab__detail-properties dt{margin-bottom:var(--cds-spacing-01)}.case-inspection-logs-tab__detail-properties dt code{color:var(--cds-text-secondary)}.case-inspection-logs-tab__detail-properties dd{margin:0 0 var(--cds-spacing-02) 0}.case-inspection-logs-tab__detail-properties dd code{color:var(var(--cds-status-purple))}.case-inspection-logs-tab__detail-properties dt,.case-inspection-logs-tab__detail-properties dd{font-size:var(--cds-helper-text-01-font-size);word-break:break-all}.case-inspection-logs-tab__detail-stacktrace{margin:0;padding:var(--cds-spacing-03);background-color:var(--cds-background);border:1px solid var(--cds-border-subtle);white-space:pre-wrap;word-break:break-word;font-family:var(--cds-code-01-font-family);font-size:var(--cds-helper-text-01-font-size);max-height:256px;overflow:auto}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i6.DatePipe, name: "date" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i2.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "initialSearchValue", "searchDebounceMs", "invalidSearchFields", "searchFields", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled", "expandedRowTemplate", "expandedRowKey"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i2.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i4$1.DatePicker, selector: "cds-date-picker, ibm-date-picker", inputs: ["range", "dateFormat", "language", "label", "helperText", "rangeHelperText", "rangeLabel", "placeholder", "ariaLabel", "inputPattern", "id", "value", "theme", "disabled", "readonly", "invalid", "invalidText", "warn", "warnText", "size", "rangeInvalid", "rangeInvalidText", "rangeWarn", "rangeWarnText", "skeleton", "plugins", "flatpickrOptions"], outputs: ["valueChange", "onClose"] }, { kind: "ngmodule", type: DropdownModule }, { kind: "component", type: i4$1.Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: ["id", "label", "hideLabel", "helperText", "placeholder", "displayValue", "clearText", "size", "type", "theme", "disabled", "readonly", "skeleton", "inline", "disableArrowKeys", "invalid", "invalidText", "warn", "warnText", "appendInline", "scrollableContainer", "itemValueKey", "selectionFeedback", "menuButtonLabel", "selectedLabel", "dropUp", "fluid"], outputs: ["selected", "onClose", "close"] }, { kind: "component", type: i4$1.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "ngmodule", type: IconModule }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i4$1.TextInputLabelComponent, selector: "cds-text-label, ibm-text-label", inputs: ["labelInputID", "disabled", "skeleton", "labelTemplate", "textInputTemplate", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel", "fluid"] }, { kind: "directive", type: i4$1.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i4$1.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class", "skeleton"] }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: i4$1.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i4$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: CaseInspectionLogsTabComponent, isStandalone: true, selector: "valtimo-case-inspection-logs", inputs: { documentId: "documentId", pendingProcessInstanceId: "pendingProcessInstanceId" }, viewQueries: [{ propertyName: "_afterDatePicker", first: true, predicate: ["afterPicker"], descendants: true }, { propertyName: "_beforeDatePicker", first: true, predicate: ["beforePicker"], descendants: true }, { propertyName: "timestampTemplate", first: true, predicate: ["timestampTemplate"], descendants: true }, { propertyName: "levelTemplate", first: true, predicate: ["levelTemplate"], descendants: true }, { propertyName: "messageTemplate", first: true, predicate: ["messageTemplate"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<section class=\"case-inspection-logs-tab\">\n  <form\n    class=\"case-inspection-logs-tab__filters\"\n    [formGroup]=\"formGroup\"\n    (ngSubmit)=\"onApplyFilter()\"\n  >\n    <cds-text-label\n      class=\"case-inspection-logs-tab__filter case-inspection-logs-tab__filter--message\"\n    >\n      {{ 'case.inspection.logs.filters.message' | translate }}\n\n      <input\n        cdsText\n        formControlName=\"likeFormattedMessage\"\n        [placeholder]=\"'case.inspection.logs.filters.messagePlaceholder' | translate\"\n        cdsLayer=\"1\"\n      />\n    </cds-text-label>\n\n    <cds-dropdown\n      class=\"case-inspection-logs-tab__filter case-inspection-logs-tab__filter--level\"\n      formControlName=\"level\"\n      [label]=\"'case.inspection.logs.filters.level' | translate\"\n      [placeholder]=\"'case.inspection.logs.filters.levelPlaceholder' | translate\"\n      [dropUp]=\"false\"\n      cdsLayer=\"1\"\n    >\n      <cds-dropdown-list [items]=\"logLevelItems\"></cds-dropdown-list>\n    </cds-dropdown>\n\n    <cds-date-picker\n      #afterPicker\n      class=\"case-inspection-logs-tab__filter\"\n      [label]=\"'case.inspection.logs.filters.after' | translate\"\n      [dateFormat]=\"'d-m-Y H:i'\"\n      [flatpickrOptions]=\"{enableTime: true, time_24hr: true}\"\n      placeholder=\"DD-MM-YYYY HH:mm\"\n      cdsLayer=\"1\"\n      (valueChange)=\"onAfterDateSelected($event)\"\n    ></cds-date-picker>\n\n    <cds-date-picker\n      #beforePicker\n      class=\"case-inspection-logs-tab__filter\"\n      [label]=\"'case.inspection.logs.filters.before' | translate\"\n      [dateFormat]=\"'d-m-Y H:i'\"\n      [flatpickrOptions]=\"{enableTime: true, time_24hr: true}\"\n      placeholder=\"DD-MM-YYYY HH:mm\"\n      cdsLayer=\"1\"\n      (valueChange)=\"onBeforeDateSelected($event)\"\n    ></cds-date-picker>\n\n    <div class=\"case-inspection-logs-tab__filter-actions\">\n      <button cdsButton=\"primary\" size=\"md\" type=\"submit\">\n        {{ 'case.inspection.logs.filters.apply' | translate }}\n      </button>\n\n      <button cdsButton=\"tertiary\" size=\"md\" type=\"button\" (click)=\"onResetFilter()\">\n        {{ 'case.inspection.logs.filters.reset' | translate }}\n      </button>\n    </div>\n  </form>\n\n  <ng-container *ngIf=\"$activeProcessInstanceFilter() as processInstanceId\">\n    <div class=\"case-inspection-logs-tab__chip-row\">\n      <cds-tag type=\"purple\" size=\"md\">\n        {{ 'case.inspection.logs.filters.processInstanceChip' | translate }}:\n        <code>{{ processInstanceId }}</code>\n      </cds-tag>\n\n      <button cdsButton=\"ghost\" size=\"sm\" type=\"button\" (click)=\"onClearProcessInstanceFilter()\">\n        {{ 'case.inspection.logs.filters.clearProcessInstance' | translate }}\n      </button>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"$errorMessage() as message\">\n    <p class=\"case-inspection-logs-tab__error\">{{ message }}</p>\n  </ng-container>\n\n  <div *ngIf=\"$loading()\" class=\"loading-container\">\n    <cds-loading size=\"sm\"></cds-loading>\n  </div>\n\n  <ng-container *ngIf=\"!$loading() && !$errorMessage()\">\n    <p *ngIf=\"$rows().length === 0\" class=\"case-inspection-logs-tab__empty\">\n      {{\n        ($hasActiveSearch() ? 'case.inspection.logs.emptyFiltered' : 'case.inspection.logs.empty')\n          | translate\n      }}\n    </p>\n\n    <div *ngIf=\"$rows().length > 0\" class=\"case-inspection-logs-tab__layout\">\n      <div\n        class=\"case-inspection-logs-tab__list-panel\"\n        [attr.data-selected-row]=\"$selectedIndex()\"\n      >\n        <valtimo-carbon-list\n          [fields]=\"fields\"\n          [header]=\"false\"\n          [hideToolbar]=\"true\"\n          [items]=\"$rows()\"\n          [loading]=\"$loading()\"\n          [pagination]=\"pagination\"\n          [cdsLayer]=\"1\"\n          (paginationClicked)=\"onPageSelected($event)\"\n          (rowClicked)=\"onSelectRow($event)\"\n        >\n          <valtimo-no-results\n            description=\"{{\n              ($hasActiveSearch()\n                ? 'case.inspection.logs.emptyFiltered'\n                : 'case.inspection.logs.empty'\n              ) | translate\n            }}\"\n          ></valtimo-no-results>\n        </valtimo-carbon-list>\n      </div>\n\n      <aside class=\"case-inspection-logs-tab__detail\" *ngIf=\"$selected() as selected\">\n        <header class=\"case-inspection-logs-tab__detail-header\">\n          <cds-tag size=\"sm\" [type]=\"LEVEL_TAG[selected.level] || 'gray'\">{{\n            selected.level\n          }}</cds-tag>\n          <span class=\"case-inspection-logs-tab__detail-timestamp\">\n            {{ selected.timestamp | date: 'dd-MM-yyyy HH:mm:ss' }}\n          </span>\n        </header>\n\n        <pre class=\"case-inspection-logs-tab__detail-message\">{{ selected.formattedMessage }}</pre>\n\n        <h4>{{ 'case.inspection.logs.detail.properties' | translate }}</h4>\n        <dl class=\"case-inspection-logs-tab__detail-properties\">\n          <ng-container *ngFor=\"let prop of selected.properties\">\n            <dt>\n              <code>{{ prop.key }}</code>\n            </dt>\n            <dd>\n              <code>{{ prop.value }}</code>\n            </dd>\n          </ng-container>\n        </dl>\n\n        <ng-container *ngIf=\"selected.stacktrace\">\n          <h4>{{ 'case.inspection.logs.detail.stacktrace' | translate }}</h4>\n          <pre class=\"case-inspection-logs-tab__detail-stacktrace\">{{ selected.stacktrace }}</pre>\n        </ng-container>\n      </aside>\n    </div>\n  </ng-container>\n</section>\n\n<ng-template #timestampTemplate let-data=\"data\">\n  {{ data.item.timestamp | date: 'dd-MM HH:mm:ss' }}\n</ng-template>\n\n<ng-template #levelTemplate let-data=\"data\">\n  <cds-tag size=\"sm\" [type]=\"LEVEL_TAG[data.item.level] || 'gray'\">\n    {{ data.item.level }}\n  </cds-tag>\n</ng-template>\n\n<ng-template #messageTemplate let-data=\"data\">\n  <span class=\"case-inspection-logs-tab__message-cell\">{{ data.item.formattedMessage }}</span>\n</ng-template>\n", styles: [".case-inspection-logs-tab{display:flex;flex-direction:column;padding:16px;gap:var(--cds-spacing-05)}.case-inspection-logs-tab__filters{display:grid;grid-template-columns:minmax(200px,1fr) minmax(140px,200px) 220px 220px auto;gap:var(--cds-spacing-04);align-items:end}.case-inspection-logs-tab__filter{min-width:0}.case-inspection-logs-tab cds-date-picker{display:block;width:100%}.case-inspection-logs-tab cds-date-picker ::ng-deep .cds--date-picker,.case-inspection-logs-tab cds-date-picker ::ng-deep .cds--date-picker--single,.case-inspection-logs-tab cds-date-picker ::ng-deep .cds--date-picker-container,.case-inspection-logs-tab cds-date-picker ::ng-deep .cds--date-picker-input,.case-inspection-logs-tab cds-date-picker ::ng-deep input.cds--date-picker__input{width:100%;min-width:0}.case-inspection-logs-tab__filter-actions{display:flex;gap:var(--cds-spacing-03)}.case-inspection-logs-tab__chip-row{display:flex;align-items:center;gap:var(--cds-spacing-03)}.case-inspection-logs-tab__error{color:var(--cds-support-error)}.case-inspection-logs-tab__empty{color:var(--cds-text-secondary);font-style:italic}.case-inspection-logs-tab__layout{display:flex;gap:var(--cds-spacing-05)}.case-inspection-logs-tab__list-panel{flex:0 0 65%;min-width:0}.case-inspection-logs-tab__list-panel ::ng-deep .cds--data-table{width:100%}.case-inspection-logs-tab__list-panel ::ng-deep .cds--data-table tbody tr{cursor:pointer}.case-inspection-logs-tab__list-panel ::ng-deep .cds--data-table td:first-child{width:136px;min-width:136px;max-width:136px}.case-inspection-logs-tab__list-panel ::ng-deep .cds--data-table td:nth-child(2){width:96px;min-width:96px;max-width:96px}.case-inspection-logs-tab__list-panel ::ng-deep .cds--data-table td:nth-child(3){max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.case-inspection-logs-tab__list-panel[data-selected-row=\"0\"] ::ng-deep .cds--data-table tbody tr:nth-child(1){background-color:var(--cds-layer-selected)}.case-inspection-logs-tab__list-panel[data-selected-row=\"1\"] ::ng-deep .cds--data-table tbody tr:nth-child(2){background-color:var(--cds-layer-selected)}.case-inspection-logs-tab__list-panel[data-selected-row=\"2\"] ::ng-deep .cds--data-table tbody tr:nth-child(3){background-color:var(--cds-layer-selected)}.case-inspection-logs-tab__list-panel[data-selected-row=\"3\"] ::ng-deep .cds--data-table tbody tr:nth-child(4){background-color:var(--cds-layer-selected)}.case-inspection-logs-tab__list-panel[data-selected-row=\"4\"] ::ng-deep .cds--data-table tbody tr:nth-child(5){background-color:var(--cds-layer-selected)}.case-inspection-logs-tab__list-panel[data-selected-row=\"5\"] ::ng-deep .cds--data-table tbody tr:nth-child(6){background-color:var(--cds-layer-selected)}.case-inspection-logs-tab__list-panel[data-selected-row=\"6\"] ::ng-deep .cds--data-table tbody tr:nth-child(7){background-color:var(--cds-layer-selected)}.case-inspection-logs-tab__list-panel[data-selected-row=\"7\"] ::ng-deep .cds--data-table tbody tr:nth-child(8){background-color:var(--cds-layer-selected)}.case-inspection-logs-tab__list-panel[data-selected-row=\"8\"] ::ng-deep .cds--data-table tbody tr:nth-child(9){background-color:var(--cds-layer-selected)}.case-inspection-logs-tab__list-panel[data-selected-row=\"9\"] ::ng-deep .cds--data-table tbody tr:nth-child(10){background-color:var(--cds-layer-selected)}.case-inspection-logs-tab__message-cell{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.case-inspection-logs-tab__pagination{margin-top:var(--cds-spacing-03)}.case-inspection-logs-tab__detail{flex:0 0 calc(35% - var(--cds-spacing-05));background-color:var(--cds-layer);border:1px solid var(--cds-border-subtle);padding:var(--cds-spacing-05);overflow:auto}.case-inspection-logs-tab__detail h4{margin-top:var(--cds-spacing-05);margin-bottom:var(--cds-spacing-03);font-size:var(--cds-body-compact-01-font-size);font-weight:600}.case-inspection-logs-tab__detail-header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--cds-spacing-02)}.case-inspection-logs-tab__detail-timestamp{color:var(--cds-text-secondary);font-size:var(--cds-helper-text-01-font-size)}.case-inspection-logs-tab__detail-message{margin:var(--cds-spacing-04) 0;padding:var(--cds-spacing-03);background-color:var(--cds-background);border:1px solid var(--cds-border-subtle);white-space:pre-wrap;word-break:break-word;font-size:var(--cds-helper-text-01-font-size)}.case-inspection-logs-tab__detail-properties{display:flex;flex-direction:column;gap:var(--cds-spacing-03)}.case-inspection-logs-tab__detail-properties dt{margin-bottom:var(--cds-spacing-01)}.case-inspection-logs-tab__detail-properties dt code{color:var(--cds-text-secondary)}.case-inspection-logs-tab__detail-properties dd{margin:0 0 var(--cds-spacing-02) 0}.case-inspection-logs-tab__detail-properties dd code{color:var(var(--cds-status-purple))}.case-inspection-logs-tab__detail-properties dt,.case-inspection-logs-tab__detail-properties dd{font-size:var(--cds-helper-text-01-font-size);word-break:break-all}.case-inspection-logs-tab__detail-stacktrace{margin:0;padding:var(--cds-spacing-03);background-color:var(--cds-background);border:1px solid var(--cds-border-subtle);white-space:pre-wrap;word-break:break-word;font-family:var(--cds-code-01-font-family);font-size:var(--cds-helper-text-01-font-size);max-height:256px;overflow:auto}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i6.DatePipe, name: "date" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i2.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "initialSearchValue", "searchDebounceMs", "invalidSearchFields", "searchFields", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled", "expandedRowTemplate", "expandedRowKey", "trackByKey"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i2.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i4$1.DatePicker, selector: "cds-date-picker, ibm-date-picker", inputs: ["range", "dateFormat", "language", "label", "helperText", "rangeHelperText", "rangeLabel", "placeholder", "ariaLabel", "inputPattern", "id", "value", "theme", "disabled", "readonly", "invalid", "invalidText", "warn", "warnText", "size", "rangeInvalid", "rangeInvalidText", "rangeWarn", "rangeWarnText", "skeleton", "plugins", "flatpickrOptions"], outputs: ["valueChange", "onClose"] }, { kind: "ngmodule", type: DropdownModule }, { kind: "component", type: i4$1.Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: ["id", "label", "hideLabel", "helperText", "placeholder", "displayValue", "clearText", "size", "type", "theme", "disabled", "readonly", "skeleton", "inline", "disableArrowKeys", "invalid", "invalidText", "warn", "warnText", "appendInline", "scrollableContainer", "itemValueKey", "selectionFeedback", "menuButtonLabel", "selectedLabel", "dropUp", "fluid"], outputs: ["selected", "onClose", "close"] }, { kind: "component", type: i4$1.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "ngmodule", type: IconModule }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i4$1.TextInputLabelComponent, selector: "cds-text-label, ibm-text-label", inputs: ["labelInputID", "disabled", "skeleton", "labelTemplate", "textInputTemplate", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel", "fluid"] }, { kind: "directive", type: i4$1.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i4$1.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class", "skeleton"] }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: i4$1.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i4$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseInspectionLogsTabComponent, decorators: [{
             type: Component,
@@ -8368,7 +8399,7 @@ class GenericCaseListComponent {
                 provide: QUICK_SEARCH_SERVICE,
                 useClass: CaseListQuickSearchService,
             },
-        ], viewQueries: [{ propertyName: "carbonList", first: true, predicate: ["specificCaseList"], descendants: true }, { propertyName: "listActionsComponent", first: true, predicate: CaseListActionsComponent, descendants: true }, { propertyName: "tabsComponent", first: true, predicate: CaseListTabsComponent, descendants: true }], ngImport: i0, template: "<!--\n  ~ /*\n  ~  * Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~  *\n  ~  * Licensed under EUPL, Version 1.2 (the \"License\");\n  ~  * you may not use this file except in compliance with the License.\n  ~  * You may obtain a copy of the License at\n  ~  *\n  ~  * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~  *\n  ~  * Unless required by applicable law or agreed to in writing, software\n  ~  * distributed under the License is distributed on an \"AS IS\" basis,\n  ~  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~  * See the License for the specific language governing permissions and\n  ~  * limitations under the License.\n  ~  */\n  -->\n\n<ng-container *ngIf=\"{isAllCases: isAllCases$ | async} as mode\">\n  <!-- All Cases mode -->\n  <ng-container *ngIf=\"mode.isAllCases\">\n    <valtimo-carbon-list\n      [fields]=\"allCasesFields$ | async\"\n      [header]=\"false\"\n      [initialSearchValue]=\"allCasesGlobalSearch$ | async\"\n      [invalidSearchFields]=\"allCasesInvalidSearchFields$ | async\"\n      [isSearchable]=\"true\"\n      [items]=\"(allCasesData$ | async)?.items\"\n      [loading]=\"allCasesLoading$ | async\"\n      [pagination]=\"(allCasesData$ | async)?.pagination\"\n      paginationIdentifier=\"genericCaseList\"\n      [tableTranslations]=\"tableTranslations\"\n      (paginationClicked)=\"allCasesPageChange($event)\"\n      (paginationSet)=\"allCasesPageSizeChange($event)\"\n      (rowClicked)=\"rowClick($event)\"\n      (search)=\"allCasesSearch($event)\"\n      (sortChanged)=\"allCasesSortChanged($event)\"\n    >\n      <valtimo-no-results\n        [description]=\"'case.noResults.ALL.description' | translate\"\n        [title]=\"'case.noResults.ALL.title' | translate\"\n      ></valtimo-no-results>\n\n      <div tabs *ngIf=\"visibleCaseTabs\">\n        <valtimo-case-list-tabs\n          [assigneeFilter]=\"allCasesAssigneeFilter$ | async\"\n          [selectedRowCount]=\"0\"\n          [visibleTabs]=\"visibleCaseTabs\"\n          (tabChangeEvent)=\"allCasesTabChange($event)\"\n        ></valtimo-case-list-tabs>\n      </div>\n    </valtimo-carbon-list>\n  </ng-container>\n\n  <!-- Specific case definition mode -->\n  <ng-container *ngIf=\"!mode.isAllCases\">\n    <ng-container\n      *ngIf=\"{\n        availableFields: orchestration.availableFields$ | async,\n        fields: orchestration.fields$ | async,\n        documentItems: orchestration.documentItems$ | async,\n        noResultsMessage: orchestration.noResultsMessage$ | async,\n        hasApiColumnConfig: orchestration.hasApiColumnConfig$ | async,\n        searchFields: orchestration.searchFields$ | async,\n        showAssignModal: showAssignModal$ | async,\n        selectedCaseIds: selectedCaseIds$ | async,\n        statuses: orchestration.statuses$ | async,\n        caseTags: orchestration.caseTags$ | async,\n        selectedStatusKeys: orchestration.selectedStatusKeys$ | async,\n        selectedCaseTagKeys: orchestration.selectedCaseTagKeys$ | async,\n        showStatusSelector: orchestration.showStatusSelector$ | async,\n        showCaseTagsSelector: orchestration.showCaseTagsSelector$ | async,\n        loaded: orchestration.loaded$ | async,\n        canCreate: orchestration.canCreateCase$ | async,\n        canExport: orchestration.canExportCase$ | async,\n        disableExport: orchestration.disableExportButton$ | async,\n        disableSaveSearch: orchestration.disableSaveSearch$ | async,\n        assigneeFilter: orchestration.assigneeFilter$ | async,\n        hiddenColumns: orchestration.hiddenColumns$ | async,\n        disableStartButton: disableStartButton$ | async,\n        invalidSearchFields: orchestration.invalidSearchFields$ | async,\n      } as obs\"\n    >\n      <valtimo-case-list-actions\n        [loading]=\"!obs.loaded\"\n        (formFlowComplete)=\"forceRefresh()\"\n        (startButtonDisableEvent)=\"onStartButtonDisableEvent($event)\"\n      ></valtimo-case-list-actions>\n\n      <ng-container *ngTemplateOutlet=\"searchFields; context: {obs: obs}\"></ng-container>\n\n      <valtimo-quick-search\n        (quickSearchEvent)=\"onQuickSearchEvent($event)\"\n      ></valtimo-quick-search>\n\n      <ng-container *ngIf=\"obs.loaded; else specificLoading\">\n        <valtimo-carbon-list\n          #specificCaseList\n          [fields]=\"obs.fields\"\n          [header]=\"false\"\n          [initialSearchValue]=\"searchService.globalSearchFilter$ | async\"\n          [initialSortState]=\"pagination?.sort\"\n          [isSearchable]=\"true\"\n          [items]=\"obs.documentItems\"\n          [pagination]=\"pagination\"\n          paginationIdentifier=\"genericCaseListSpecific\"\n          lockedTooltipTranslationKey=\"case.rowLocked\"\n          [searchFields]=\"obs.searchFields || []\"\n          [invalidSearchFields]=\"obs.invalidSearchFields || []\"\n          [showSelectionColumn]=\"canHaveAssignee\"\n          [tableTranslations]=\"tableTranslations\"\n          (paginationClicked)=\"pageChange($event)\"\n          (paginationSet)=\"pageSizeChange($event)\"\n          (rowClicked)=\"rowClick($event)\"\n          (search)=\"onGlobalSearchFilterChange($event)\"\n          (sortChanged)=\"sortChanged($event)\"\n        >\n          <ng-container carbonToolbarActions>\n            <button cdsButton=\"primary\" (click)=\"showAssignModal()\">\n              {{ 'case.bulkAssign.assign' | translate }}\n            </button>\n          </ng-container>\n\n          <div carbonToolbarContent>\n            <valtimo-case-list-toolbar\n              [availableFields]=\"obs.availableFields\"\n              [canCreate]=\"obs.canCreate\"\n              [canExport]=\"obs.canExport\"\n              [disableExport]=\"obs.disableExport\"\n              [disableStart]=\"obs.disableStartButton\"\n              [hasApiColumnConfig]=\"obs.hasApiColumnConfig\"\n              [hiddenColumns]=\"obs.hiddenColumns\"\n              [loadingExport]=\"loadingExport\"\n              (exportEvent)=\"export()\"\n              (startCaseEvent)=\"startCase()\"\n              (viewUpdateEvent)=\"onViewUpdateEvent($event)\"\n            ></valtimo-case-list-toolbar>\n          </div>\n\n          <valtimo-no-results\n            [action]=\"obs.noResultsMessage?.isSearchResult ? null : caseListActionsNoResult\"\n            [description]=\"obs.noResultsMessage?.description | translate\"\n            [title]=\"obs.noResultsMessage?.title | translate\"\n          ></valtimo-no-results>\n\n          <div tabs *ngIf=\"canHaveAssignee\">\n            <valtimo-case-list-tabs\n              [assigneeFilter]=\"obs.assigneeFilter\"\n              [selectedRowCount]=\"carbonList?.model?.selectedRowsCount() ?? 0\"\n              [visibleTabs]=\"visibleCaseTabs\"\n              (tabChangeEvent)=\"onTabChange($event)\"\n            ></valtimo-case-list-tabs>\n          </div>\n        </valtimo-carbon-list>\n      </ng-container>\n\n      <ng-template #specificLoading>\n        <valtimo-carbon-list [loading]=\"true\">\n          <div tabs *ngIf=\"canHaveAssignee\">\n            <valtimo-case-list-tabs\n              [assigneeFilter]=\"orchestration.assigneeFilter$ | async\"\n              [selectedRowCount]=\"0\"\n              [visibleTabs]=\"visibleCaseTabs\"\n              (tabChangeEvent)=\"onTabChange($event)\"\n            ></valtimo-case-list-tabs>\n          </div>\n        </valtimo-carbon-list>\n      </ng-template>\n\n      <valtimo-case-bulk-assign-modal\n        [documentIds]=\"obs.selectedCaseIds\"\n        [open]=\"obs.showAssignModal\"\n        (closeEvent)=\"onCloseEvent($event)\"\n      ></valtimo-case-bulk-assign-modal>\n\n      <valtimo-confirmation-modal\n        confirmButtonTextTranslationKey=\"case.changePageModal.confirm\"\n        contentTranslationKey=\"case.changePageModal.content\"\n        [outputOnConfirm]=\"paginationChange$ | async\"\n        [showModalSubject$]=\"showChangePageModal$\"\n        titleTranslationKey=\"case.changePageModal.title\"\n        (confirmEvent)=\"onChangePageConfirm($event)\"\n      ></valtimo-confirmation-modal>\n    </ng-container>\n  </ng-container>\n</ng-container>\n\n<ng-template #searchFields let-obs=\"obs\">\n  <valtimo-search-fields\n    [disableSaveSearch]=\"obs.disableSaveSearch\"\n    [canSaveSearch]=\"true\"\n    [searchFields]=\"obs.searchFields\"\n    [caseDefinitionKey]=\"orchestration.caseDefinitionKey$ | async\"\n    [defaultValues]=\"orchestration.searchFieldValues$ | async\"\n    [inputDisabled]=\"!obs.loaded\"\n    [externalSearchField]=\"obs.showStatusSelector\"\n    (clearEvent)=\"onClearEvent()\"\n    (doSearch)=\"search($event)\"\n    (saveSearchEvent)=\"onSaveSearchEvent($event)\"\n  >\n    <valtimo-status-selector\n      *ngIf=\"obs.showStatusSelector\"\n      [statuses]=\"obs.statuses\"\n      [selectedStatusKeys]=\"obs.selectedStatusKeys\"\n      [disabled]=\"!obs.loaded\"\n      (selectedStatusesChangeEvent)=\"onSelectedStatusesChange($event)\"\n    ></valtimo-status-selector>\n\n    <valtimo-case-tags-selector\n      *ngIf=\"obs.showCaseTagsSelector\"\n      [caseTags]=\"obs.caseTags\"\n      [selectedCaseTagKeys]=\"obs.selectedCaseTagKeys\"\n      [disabled]=\"!obs.loaded\"\n      (selectedCaseTagsChangeEvent)=\"onSelectedCaseTagsChange($event)\"\n    ></valtimo-case-tags-selector>\n  </valtimo-search-fields>\n</ng-template>\n\n<ng-template #caseListActionsNoResult>\n  <button\n    *ngIf=\"orchestration.canCreateCase$ | async\"\n    cdsButton=\"primary\"\n    [disabled]=\"disableStartButton$ | async\"\n    (click)=\"startCase()\"\n  >\n    {{ 'Start Case' | translate }}\n    <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n  </button>\n</ng-template>\n\n<ng-container renderInPageHeader [fullWidth]=\"true\">\n  <ng-template>\n    <cds-dropdown\n      class=\"case-definition-selection\"\n      *ngIf=\"{\n        loadingCaseListItems: loadingCaseListItems$ | async,\n        caseListItems: caseListItems$ | async,\n      } as dropdownObs\"\n      [attr.data-testid]=\"'generic-case-list-dropdown'\"\n      [disabled]=\"dropdownObs.loadingCaseListItems || (dropdownObs.caseListItems || []).length === 1\"\n      [skeleton]=\"dropdownObs.loadingCaseListItems\"\n      (selected)=\"setCaseDefinition($event)\"\n    >\n      <cds-dropdown-list [items]=\"dropdownObs.caseListItems || []\"></cds-dropdown-list>\n    </cds-dropdown>\n  </ng-template>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;gap:16px}.case-definition-selection{display:flex;width:250px}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.SearchFieldsComponent, selector: "valtimo-search-fields", inputs: ["loading", "searchFields", "caseDefinitionKey", "setValuesSubject$", "clearValuesSubject$", "defaultValues", "disableSaveSearch", "inputDisabled", "externalSearchField", "canSaveSearch"], outputs: ["doSearch", "saveSearchEvent", "clearEvent"] }, { kind: "directive", type: i4$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i4$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i2.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }, { kind: "component", type: i4$1.Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: ["id", "label", "hideLabel", "helperText", "placeholder", "displayValue", "clearText", "size", "type", "theme", "disabled", "readonly", "skeleton", "inline", "disableArrowKeys", "invalid", "invalidText", "warn", "warnText", "appendInline", "scrollableContainer", "itemValueKey", "selectionFeedback", "menuButtonLabel", "selectedLabel", "dropUp", "fluid"], outputs: ["selected", "onClose", "close"] }, { kind: "component", type: i4$1.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "component", type: i2.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "initialSearchValue", "searchDebounceMs", "invalidSearchFields", "searchFields", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled", "expandedRowTemplate", "expandedRowKey"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i2.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "component", type: i2.StatusSelectorComponent, selector: "valtimo-status-selector", inputs: ["statuses", "selectedStatusKeys", "carbonTheme", "disabled"], outputs: ["selectedStatusesChangeEvent"] }, { kind: "directive", type: i2.RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "component", type: i2.CaseTagsSelectorComponent, selector: "valtimo-case-tags-selector", inputs: ["caseTags", "selectedCaseTagKeys", "carbonTheme", "disabled"], outputs: ["selectedCaseTagsChangeEvent"] }, { kind: "component", type: i2.QuickSearchComponent, selector: "valtimo-quick-search", outputs: ["quickSearchEvent"] }, { kind: "component", type: CaseListActionsComponent, selector: "valtimo-case-list-actions", inputs: ["loading", "navigateAfterSubmit"], outputs: ["formFlowComplete", "startButtonDisableEvent"] }, { kind: "component", type: CaseBulkAssignModalComponent, selector: "valtimo-case-bulk-assign-modal", inputs: ["documentIds", "open"], outputs: ["closeEvent"] }, { kind: "component", type: CaseListTabsComponent, selector: "valtimo-case-list-tabs", inputs: ["assigneeFilter", "selectedRowCount", "visibleTabs"], outputs: ["tabChangeEvent"] }, { kind: "component", type: CaseListToolbarComponent, selector: "valtimo-case-list-toolbar", inputs: ["availableFields", "canCreate", "canExport", "disableExport", "disableStart", "hasApiColumnConfig", "hiddenColumns", "loadingExport"], outputs: ["exportEvent", "startCaseEvent", "viewUpdateEvent"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
+        ], viewQueries: [{ propertyName: "carbonList", first: true, predicate: ["specificCaseList"], descendants: true }, { propertyName: "listActionsComponent", first: true, predicate: CaseListActionsComponent, descendants: true }, { propertyName: "tabsComponent", first: true, predicate: CaseListTabsComponent, descendants: true }], ngImport: i0, template: "<!--\n  ~ /*\n  ~  * Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~  *\n  ~  * Licensed under EUPL, Version 1.2 (the \"License\");\n  ~  * you may not use this file except in compliance with the License.\n  ~  * You may obtain a copy of the License at\n  ~  *\n  ~  * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~  *\n  ~  * Unless required by applicable law or agreed to in writing, software\n  ~  * distributed under the License is distributed on an \"AS IS\" basis,\n  ~  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~  * See the License for the specific language governing permissions and\n  ~  * limitations under the License.\n  ~  */\n  -->\n\n<ng-container *ngIf=\"{isAllCases: isAllCases$ | async} as mode\">\n  <!-- All Cases mode -->\n  <ng-container *ngIf=\"mode.isAllCases\">\n    <valtimo-carbon-list\n      [fields]=\"allCasesFields$ | async\"\n      [header]=\"false\"\n      [initialSearchValue]=\"allCasesGlobalSearch$ | async\"\n      [invalidSearchFields]=\"allCasesInvalidSearchFields$ | async\"\n      [isSearchable]=\"true\"\n      [items]=\"(allCasesData$ | async)?.items\"\n      [loading]=\"allCasesLoading$ | async\"\n      [pagination]=\"(allCasesData$ | async)?.pagination\"\n      paginationIdentifier=\"genericCaseList\"\n      [tableTranslations]=\"tableTranslations\"\n      (paginationClicked)=\"allCasesPageChange($event)\"\n      (paginationSet)=\"allCasesPageSizeChange($event)\"\n      (rowClicked)=\"rowClick($event)\"\n      (search)=\"allCasesSearch($event)\"\n      (sortChanged)=\"allCasesSortChanged($event)\"\n    >\n      <valtimo-no-results\n        [description]=\"'case.noResults.ALL.description' | translate\"\n        [title]=\"'case.noResults.ALL.title' | translate\"\n      ></valtimo-no-results>\n\n      <div tabs *ngIf=\"visibleCaseTabs\">\n        <valtimo-case-list-tabs\n          [assigneeFilter]=\"allCasesAssigneeFilter$ | async\"\n          [selectedRowCount]=\"0\"\n          [visibleTabs]=\"visibleCaseTabs\"\n          (tabChangeEvent)=\"allCasesTabChange($event)\"\n        ></valtimo-case-list-tabs>\n      </div>\n    </valtimo-carbon-list>\n  </ng-container>\n\n  <!-- Specific case definition mode -->\n  <ng-container *ngIf=\"!mode.isAllCases\">\n    <ng-container\n      *ngIf=\"{\n        availableFields: orchestration.availableFields$ | async,\n        fields: orchestration.fields$ | async,\n        documentItems: orchestration.documentItems$ | async,\n        noResultsMessage: orchestration.noResultsMessage$ | async,\n        hasApiColumnConfig: orchestration.hasApiColumnConfig$ | async,\n        searchFields: orchestration.searchFields$ | async,\n        showAssignModal: showAssignModal$ | async,\n        selectedCaseIds: selectedCaseIds$ | async,\n        statuses: orchestration.statuses$ | async,\n        caseTags: orchestration.caseTags$ | async,\n        selectedStatusKeys: orchestration.selectedStatusKeys$ | async,\n        selectedCaseTagKeys: orchestration.selectedCaseTagKeys$ | async,\n        showStatusSelector: orchestration.showStatusSelector$ | async,\n        showCaseTagsSelector: orchestration.showCaseTagsSelector$ | async,\n        loaded: orchestration.loaded$ | async,\n        canCreate: orchestration.canCreateCase$ | async,\n        canExport: orchestration.canExportCase$ | async,\n        disableExport: orchestration.disableExportButton$ | async,\n        disableSaveSearch: orchestration.disableSaveSearch$ | async,\n        assigneeFilter: orchestration.assigneeFilter$ | async,\n        hiddenColumns: orchestration.hiddenColumns$ | async,\n        disableStartButton: disableStartButton$ | async,\n        invalidSearchFields: orchestration.invalidSearchFields$ | async,\n      } as obs\"\n    >\n      <valtimo-case-list-actions\n        [loading]=\"!obs.loaded\"\n        (formFlowComplete)=\"forceRefresh()\"\n        (startButtonDisableEvent)=\"onStartButtonDisableEvent($event)\"\n      ></valtimo-case-list-actions>\n\n      <ng-container *ngTemplateOutlet=\"searchFields; context: {obs: obs}\"></ng-container>\n\n      <valtimo-quick-search\n        (quickSearchEvent)=\"onQuickSearchEvent($event)\"\n      ></valtimo-quick-search>\n\n      <ng-container *ngIf=\"obs.loaded; else specificLoading\">\n        <valtimo-carbon-list\n          #specificCaseList\n          [fields]=\"obs.fields\"\n          [header]=\"false\"\n          [initialSearchValue]=\"searchService.globalSearchFilter$ | async\"\n          [initialSortState]=\"pagination?.sort\"\n          [isSearchable]=\"true\"\n          [items]=\"obs.documentItems\"\n          [pagination]=\"pagination\"\n          paginationIdentifier=\"genericCaseListSpecific\"\n          lockedTooltipTranslationKey=\"case.rowLocked\"\n          [searchFields]=\"obs.searchFields || []\"\n          [invalidSearchFields]=\"obs.invalidSearchFields || []\"\n          [showSelectionColumn]=\"canHaveAssignee\"\n          [tableTranslations]=\"tableTranslations\"\n          (paginationClicked)=\"pageChange($event)\"\n          (paginationSet)=\"pageSizeChange($event)\"\n          (rowClicked)=\"rowClick($event)\"\n          (search)=\"onGlobalSearchFilterChange($event)\"\n          (sortChanged)=\"sortChanged($event)\"\n        >\n          <ng-container carbonToolbarActions>\n            <button cdsButton=\"primary\" (click)=\"showAssignModal()\">\n              {{ 'case.bulkAssign.assign' | translate }}\n            </button>\n          </ng-container>\n\n          <div carbonToolbarContent>\n            <valtimo-case-list-toolbar\n              [availableFields]=\"obs.availableFields\"\n              [canCreate]=\"obs.canCreate\"\n              [canExport]=\"obs.canExport\"\n              [disableExport]=\"obs.disableExport\"\n              [disableStart]=\"obs.disableStartButton\"\n              [hasApiColumnConfig]=\"obs.hasApiColumnConfig\"\n              [hiddenColumns]=\"obs.hiddenColumns\"\n              [loadingExport]=\"loadingExport\"\n              (exportEvent)=\"export()\"\n              (startCaseEvent)=\"startCase()\"\n              (viewUpdateEvent)=\"onViewUpdateEvent($event)\"\n            ></valtimo-case-list-toolbar>\n          </div>\n\n          <valtimo-no-results\n            [action]=\"obs.noResultsMessage?.isSearchResult ? null : caseListActionsNoResult\"\n            [description]=\"obs.noResultsMessage?.description | translate\"\n            [title]=\"obs.noResultsMessage?.title | translate\"\n          ></valtimo-no-results>\n\n          <div tabs *ngIf=\"canHaveAssignee\">\n            <valtimo-case-list-tabs\n              [assigneeFilter]=\"obs.assigneeFilter\"\n              [selectedRowCount]=\"carbonList?.model?.selectedRowsCount() ?? 0\"\n              [visibleTabs]=\"visibleCaseTabs\"\n              (tabChangeEvent)=\"onTabChange($event)\"\n            ></valtimo-case-list-tabs>\n          </div>\n        </valtimo-carbon-list>\n      </ng-container>\n\n      <ng-template #specificLoading>\n        <valtimo-carbon-list [loading]=\"true\">\n          <div tabs *ngIf=\"canHaveAssignee\">\n            <valtimo-case-list-tabs\n              [assigneeFilter]=\"orchestration.assigneeFilter$ | async\"\n              [selectedRowCount]=\"0\"\n              [visibleTabs]=\"visibleCaseTabs\"\n              (tabChangeEvent)=\"onTabChange($event)\"\n            ></valtimo-case-list-tabs>\n          </div>\n        </valtimo-carbon-list>\n      </ng-template>\n\n      <valtimo-case-bulk-assign-modal\n        [documentIds]=\"obs.selectedCaseIds\"\n        [open]=\"obs.showAssignModal\"\n        (closeEvent)=\"onCloseEvent($event)\"\n      ></valtimo-case-bulk-assign-modal>\n\n      <valtimo-confirmation-modal\n        confirmButtonTextTranslationKey=\"case.changePageModal.confirm\"\n        contentTranslationKey=\"case.changePageModal.content\"\n        [outputOnConfirm]=\"paginationChange$ | async\"\n        [showModalSubject$]=\"showChangePageModal$\"\n        titleTranslationKey=\"case.changePageModal.title\"\n        (confirmEvent)=\"onChangePageConfirm($event)\"\n      ></valtimo-confirmation-modal>\n    </ng-container>\n  </ng-container>\n</ng-container>\n\n<ng-template #searchFields let-obs=\"obs\">\n  <valtimo-search-fields\n    [disableSaveSearch]=\"obs.disableSaveSearch\"\n    [canSaveSearch]=\"true\"\n    [searchFields]=\"obs.searchFields\"\n    [caseDefinitionKey]=\"orchestration.caseDefinitionKey$ | async\"\n    [defaultValues]=\"orchestration.searchFieldValues$ | async\"\n    [inputDisabled]=\"!obs.loaded\"\n    [externalSearchField]=\"obs.showStatusSelector\"\n    (clearEvent)=\"onClearEvent()\"\n    (doSearch)=\"search($event)\"\n    (saveSearchEvent)=\"onSaveSearchEvent($event)\"\n  >\n    <valtimo-status-selector\n      *ngIf=\"obs.showStatusSelector\"\n      [statuses]=\"obs.statuses\"\n      [selectedStatusKeys]=\"obs.selectedStatusKeys\"\n      [disabled]=\"!obs.loaded\"\n      (selectedStatusesChangeEvent)=\"onSelectedStatusesChange($event)\"\n    ></valtimo-status-selector>\n\n    <valtimo-case-tags-selector\n      *ngIf=\"obs.showCaseTagsSelector\"\n      [caseTags]=\"obs.caseTags\"\n      [selectedCaseTagKeys]=\"obs.selectedCaseTagKeys\"\n      [disabled]=\"!obs.loaded\"\n      (selectedCaseTagsChangeEvent)=\"onSelectedCaseTagsChange($event)\"\n    ></valtimo-case-tags-selector>\n  </valtimo-search-fields>\n</ng-template>\n\n<ng-template #caseListActionsNoResult>\n  <button\n    *ngIf=\"orchestration.canCreateCase$ | async\"\n    cdsButton=\"primary\"\n    [disabled]=\"disableStartButton$ | async\"\n    (click)=\"startCase()\"\n  >\n    {{ 'Start Case' | translate }}\n    <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n  </button>\n</ng-template>\n\n<ng-container renderInPageHeader [fullWidth]=\"true\">\n  <ng-template>\n    <cds-dropdown\n      class=\"case-definition-selection\"\n      *ngIf=\"{\n        loadingCaseListItems: loadingCaseListItems$ | async,\n        caseListItems: caseListItems$ | async,\n      } as dropdownObs\"\n      [attr.data-testid]=\"'generic-case-list-dropdown'\"\n      [disabled]=\"dropdownObs.loadingCaseListItems || (dropdownObs.caseListItems || []).length === 1\"\n      [skeleton]=\"dropdownObs.loadingCaseListItems\"\n      (selected)=\"setCaseDefinition($event)\"\n    >\n      <cds-dropdown-list [items]=\"dropdownObs.caseListItems || []\"></cds-dropdown-list>\n    </cds-dropdown>\n  </ng-template>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;gap:16px}.case-definition-selection{display:flex;width:250px}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.SearchFieldsComponent, selector: "valtimo-search-fields", inputs: ["loading", "searchFields", "caseDefinitionKey", "setValuesSubject$", "clearValuesSubject$", "defaultValues", "disableSaveSearch", "inputDisabled", "externalSearchField", "canSaveSearch"], outputs: ["doSearch", "saveSearchEvent", "clearEvent"] }, { kind: "directive", type: i4$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i4$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i2.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }, { kind: "component", type: i4$1.Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: ["id", "label", "hideLabel", "helperText", "placeholder", "displayValue", "clearText", "size", "type", "theme", "disabled", "readonly", "skeleton", "inline", "disableArrowKeys", "invalid", "invalidText", "warn", "warnText", "appendInline", "scrollableContainer", "itemValueKey", "selectionFeedback", "menuButtonLabel", "selectedLabel", "dropUp", "fluid"], outputs: ["selected", "onClose", "close"] }, { kind: "component", type: i4$1.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "component", type: i2.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "initialSearchValue", "searchDebounceMs", "invalidSearchFields", "searchFields", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled", "expandedRowTemplate", "expandedRowKey", "trackByKey"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i2.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "component", type: i2.StatusSelectorComponent, selector: "valtimo-status-selector", inputs: ["statuses", "selectedStatusKeys", "carbonTheme", "disabled"], outputs: ["selectedStatusesChangeEvent"] }, { kind: "directive", type: i2.RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "component", type: i2.CaseTagsSelectorComponent, selector: "valtimo-case-tags-selector", inputs: ["caseTags", "selectedCaseTagKeys", "carbonTheme", "disabled"], outputs: ["selectedCaseTagsChangeEvent"] }, { kind: "component", type: i2.QuickSearchComponent, selector: "valtimo-quick-search", outputs: ["quickSearchEvent"] }, { kind: "component", type: CaseListActionsComponent, selector: "valtimo-case-list-actions", inputs: ["loading", "navigateAfterSubmit"], outputs: ["formFlowComplete", "startButtonDisableEvent"] }, { kind: "component", type: CaseBulkAssignModalComponent, selector: "valtimo-case-bulk-assign-modal", inputs: ["documentIds", "open"], outputs: ["closeEvent"] }, { kind: "component", type: CaseListTabsComponent, selector: "valtimo-case-list-tabs", inputs: ["assigneeFilter", "selectedRowCount", "visibleTabs"], outputs: ["tabChangeEvent"] }, { kind: "component", type: CaseListToolbarComponent, selector: "valtimo-case-list-toolbar", inputs: ["availableFields", "canCreate", "canExport", "disableExport", "disableStart", "hasApiColumnConfig", "hiddenColumns", "loadingExport"], outputs: ["exportEvent", "startCaseEvent", "viewUpdateEvent"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: GenericCaseListComponent, decorators: [{
             type: Component,