@valtimo/dashboard 13.45.1 → 13.47.0

package/fesm2022/valtimo-dashboard.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
-import { ViewChild, Component, InjectionToken, Injectable, Inject, ViewContainerRef, Input, ViewChildren, ViewEncapsulation, Pipe, EventEmitter, Output, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { ViewChild, Component, InjectionToken, Injectable, Inject, ViewContainerRef, Input, ViewChildren, ViewEncapsulation, Pipe, EventEmitter, Output, ChangeDetectionStrategy, NgModule, signal } from '@angular/core';
 import moment from 'moment';
-import { BehaviorSubject, filter, map, Subject, Subscription, combineLatest, debounceTime, tap, startWith, distinctUntilChanged } from 'rxjs';
+import { BehaviorSubject, filter, map, Subject, Subscription, combineLatest, debounceTime, tap, startWith, distinctUntilChanged, shareReplay } from 'rxjs';
 import { take, map as map$1, delay } from 'rxjs/operators';
 import * as i1 from '@valtimo/task';
 import { TaskModule } from '@valtimo/task';
@@ -19,15 +19,16 @@ import { HttpClient } from '@angular/common/http';
 import * as i2$1 from '@valtimo/shared';
 import { ROLE_USER } from '@valtimo/shared';
 import * as i4 from 'carbon-components-angular';
-import { InputModule, CheckboxModule, DropdownModule, ButtonModule, TilesModule, LayerModule, IconModule, TabsModule, ThemeModule, LoadingModule } from 'carbon-components-angular';
+import { InputModule, CheckboxModule, DropdownModule, ButtonModule, TilesModule, LayerModule, IconModule, ContentSwitcherModule, NotificationModule, TabsModule, ThemeModule, LoadingModule } from 'carbon-components-angular';
 import * as i1$3 from '@angular/forms';
-import { Validators, ReactiveFormsModule } from '@angular/forms';
+import { Validators, ReactiveFormsModule, FormGroup, FormControl, FormArray } from '@angular/forms';
 import { ScaleTypes } from '@carbon/charts';
 import * as i3$2 from '@carbon/charts-angular';
 import { ChartsModule } from '@carbon/charts-angular';
 import * as i2$2 from '@valtimo/document';
 import { isEqual } from 'lodash';
 import { Add16, TrashCan16 } from '@carbon/icons';
+import { toObservable } from '@angular/core/rxjs-interop';
 import { TranslateHttpLoader } from '@ngx-translate/http-loader';
 import { AuthGuardService } from '@valtimo/security';
 
@@ -2825,7 +2826,7 @@ class CaseCountConfigurationComponent {
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseCountConfigurationComponent, deps: [{ token: i1$3.FormBuilder }, { token: i2$2.DocumentService }, { token: i3$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: CaseCountConfigurationComponent, isStandalone: false, selector: "ng-component", inputs: { dataSourceKey: "dataSourceKey", disabled: "disabled", prefillConfiguration: "prefillConfiguration" }, outputs: { configurationEvent: "configurationEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<form\n  class=\"case-count-configuration-form\"\n  *ngIf=\"{documentItems: documentItems$ | async, operatorItems: operatorItems$} as obs\"\n  [formGroup]=\"form\"\n>\n  <div class=\"form__element\">\n    <cds-dropdown\n      [appendInline]=\"true\"\n      formControlName=\"documentDefinition\"\n      [helperText]=\"'documentDefinitionHelperText' | widgetTranslate: dataSourceKey | async\"\n      [invalidText]=\"'documentDefinitionHelperText' | widgetTranslate: dataSourceKey | async\"\n      [invalid]=\"documentDefinition.dirty && documentDefinition.invalid\"\n      [label]=\"'documentDefinition' | widgetTranslate: dataSourceKey | async\"\n      (selected)=\"documentDefinitionSelected($event)\"\n    >\n      <cds-dropdown-list [items]=\"obs?.documentItems || []\" type=\"multi\"></cds-dropdown-list>\n    </cds-dropdown>\n  </div>\n\n  <div class=\"form__element conditions-multi-input\">\n    <cds-label\n      [helperText]=\"'conditionsHelperText' | widgetTranslate: dataSourceKey | async\"\n      class=\"conditions-label\"\n      >{{ 'conditions' | widgetTranslate: dataSourceKey | async }}</cds-label\n    >\n    <valtimo-carbon-multi-input\n      type=\"valuePathSelectorDropdownValue\"\n      [addRowText]=\"'addCondition' | widgetTranslate: dataSourceKey | async\"\n      [defaultValues]=\"defaultConditionValues$ | async\"\n      [dropdownColumnTitle]=\"'operator' | widgetTranslate: dataSourceKey | async\"\n      [dropdownItems]=\"operatorItems$ | async\"\n      [fullWidth]=\"true\"\n      [initialAmountOfRows]=\"0\"\n      [keyColumnTitle]=\"'path' | widgetTranslate: dataSourceKey | async\"\n      [minimumAmountOfRows]=\"0\"\n      [valueColumnTitle]=\"'value' | widgetTranslate: dataSourceKey | async\"\n      (allValuesValidEvent)=\"onAllConditionsValid($event)\"\n      (valueChange)=\"conditionsValueChange($event)\"\n      valuePathSelectorNotation=\"dots\"\n      [valuePathSelectorPrefixes]=\"[ValuePathSelectorPrefix.DOC, ValuePathSelectorPrefix.CASE]\"\n      [valuePathSelectorShowCaseDefinitionSelector]=\"false\"\n      [valuePathSelectorCaseDefinitionKey]=\"selectedDocumentDefinition$ | async\"\n      [keyColumnFlex]=\"2\"\n      [dropdownColumnFlex]=\"1\"\n      [valueColumnFlex]=\"1\"\n    ></valtimo-carbon-multi-input>\n  </div>\n</form>\n", styles: ["::ng-deep .case-count-configuration-form .conditions-label{margin-bottom:16px}::ng-deep .case-count-configuration-form .conditions-multi-input .cds--form__helper-text{font-style:italic}\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: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "component", type: i4.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.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "component", type: i1$1.CarbonMultiInputComponent, selector: "valtimo-carbon-multi-input", inputs: ["addRowText", "addButtonType", "addRowTranslationKey", "arbitraryAmountTitles", "arbitraryValueAmount", "defaultValues", "deleteRowText", "deleteRowTranslationKey", "disabled", "dropdownColumnTitle", "dropdownItems", "dropdownWidth", "fullWidth", "hideAddButton", "hideDeleteButton", "initialAmountOfRows", "keyColumnTitle", "margin", "maxRows", "minimumAmountOfRows", "name", "required", "title", "titleTranslationKey", "tooltip", "type", "valueColumnTitle", "valuePathSelectorCaseDefinitionKey", "valuePathSelectorPrefixes", "valuePathSelectorShowCaseDefinitionSelector", "valuePathSelectorNotation", "keyColumnFlex", "dropdownColumnFlex", "valueColumnFlex"], outputs: ["valueChange", "allValuesValidEvent"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: WidgetTranslatePipe, name: "widgetTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: CaseCountConfigurationComponent, isStandalone: false, selector: "ng-component", inputs: { dataSourceKey: "dataSourceKey", disabled: "disabled", prefillConfiguration: "prefillConfiguration" }, outputs: { configurationEvent: "configurationEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<form\n  class=\"case-count-configuration-form\"\n  *ngIf=\"{documentItems: documentItems$ | async, operatorItems: operatorItems$} as obs\"\n  [formGroup]=\"form\"\n>\n  <div class=\"form__element\">\n    <cds-dropdown\n      [appendInline]=\"true\"\n      formControlName=\"documentDefinition\"\n      [helperText]=\"'documentDefinitionHelperText' | widgetTranslate: dataSourceKey | async\"\n      [invalidText]=\"'documentDefinitionHelperText' | widgetTranslate: dataSourceKey | async\"\n      [invalid]=\"documentDefinition.dirty && documentDefinition.invalid\"\n      [label]=\"'documentDefinition' | widgetTranslate: dataSourceKey | async\"\n      (selected)=\"documentDefinitionSelected($event)\"\n    >\n      <cds-dropdown-list [items]=\"obs?.documentItems || []\" type=\"multi\"></cds-dropdown-list>\n    </cds-dropdown>\n  </div>\n\n  <div class=\"form__element conditions-multi-input\">\n    <cds-label\n      [helperText]=\"'conditionsHelperText' | widgetTranslate: dataSourceKey | async\"\n      class=\"conditions-label\"\n      >{{ 'conditions' | widgetTranslate: dataSourceKey | async }}</cds-label\n    >\n    <valtimo-carbon-multi-input\n      type=\"valuePathSelectorDropdownValue\"\n      [addRowText]=\"'addCondition' | widgetTranslate: dataSourceKey | async\"\n      [defaultValues]=\"defaultConditionValues$ | async\"\n      [dropdownColumnTitle]=\"'operator' | widgetTranslate: dataSourceKey | async\"\n      [dropdownItems]=\"operatorItems$ | async\"\n      [fullWidth]=\"true\"\n      [initialAmountOfRows]=\"0\"\n      [keyColumnTitle]=\"'path' | widgetTranslate: dataSourceKey | async\"\n      [minimumAmountOfRows]=\"0\"\n      [valueColumnTitle]=\"'value' | widgetTranslate: dataSourceKey | async\"\n      (allValuesValidEvent)=\"onAllConditionsValid($event)\"\n      (valueChange)=\"conditionsValueChange($event)\"\n      valuePathSelectorNotation=\"dots\"\n      [valuePathSelectorPrefixes]=\"[ValuePathSelectorPrefix.DOC, ValuePathSelectorPrefix.CASE]\"\n      [valuePathSelectorShowCaseDefinitionSelector]=\"false\"\n      [valuePathSelectorCaseDefinitionKey]=\"selectedDocumentDefinition$ | async\"\n      [keyColumnFlex]=\"2\"\n      [dropdownColumnFlex]=\"1\"\n      [valueColumnFlex]=\"1\"\n    ></valtimo-carbon-multi-input>\n  </div>\n</form>\n", styles: ["::ng-deep .case-count-configuration-form .conditions-label{margin-bottom:16px}::ng-deep .case-count-configuration-form .conditions-multi-input .cds--form__helper-text{font-style:italic}\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: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "component", type: i4.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.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "component", type: i1$1.CarbonMultiInputComponent, selector: "valtimo-carbon-multi-input", inputs: ["addRowText", "addButtonType", "addRowTranslationKey", "arbitraryAmountTitles", "arbitraryValueAmount", "defaultValues", "deleteButtonType", "deleteRowText", "deleteRowTranslationKey", "disabled", "dropdownColumnTitle", "dropdownItems", "dropdownWidth", "fullWidth", "hideAddButton", "hideDeleteButton", "initialAmountOfRows", "keyColumnTitle", "margin", "maxRows", "minimumAmountOfRows", "name", "required", "title", "titleTranslationKey", "tooltip", "type", "valueColumnTitle", "valuePathSelectorCaseDefinitionKey", "valuePathSelectorPrefixes", "valuePathSelectorShowCaseDefinitionSelector", "valuePathSelectorNotation", "keyColumnFlex", "dropdownColumnFlex", "valueColumnFlex"], outputs: ["valueChange", "allValuesValidEvent"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: WidgetTranslatePipe, name: "widgetTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseCountConfigurationComponent, decorators: [{
             type: Component,
@@ -3244,7 +3245,7 @@ class CaseCountsConfigurationComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseCountsConfigurationComponent, deps: [{ token: i1$3.FormBuilder }, { token: i2$2.DocumentService }, { token: i3$1.TranslateService }, { token: i4.IconService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: CaseCountsConfigurationComponent, isStandalone: false, selector: "ng-component", inputs: { dataSourceKey: "dataSourceKey", disabled: "disabled", prefillConfiguration: "prefillConfiguration" }, outputs: { configurationEvent: "configurationEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<form\n  class=\"case-counts-configuration-form\"\n  *ngIf=\"{\n    documentItems: documentItems$ | async,\n    operatorItems: operatorItems$,\n    queryItemsValue: queryItemsValue$ | async,\n    selectedDocumentDefinition: selectedDocumentDefinition$ | async,\n  } as obs\"\n  [formGroup]=\"form\"\n>\n  <div class=\"form__element\">\n    <cds-dropdown\n      [appendInline]=\"true\"\n      formControlName=\"documentDefinition\"\n      [helperText]=\"'documentDefinitionHelperText' | widgetTranslate: dataSourceKey | async\"\n      [invalidText]=\"'documentDefinitionHelperText' | widgetTranslate: dataSourceKey | async\"\n      [invalid]=\"documentDefinition.dirty && documentDefinition.invalid\"\n      [label]=\"'documentDefinition' | widgetTranslate: dataSourceKey | async\"\n      (selected)=\"documentDefinitionSelected($event)\"\n    >\n      <cds-dropdown-list [items]=\"obs?.documentItems || []\" type=\"multi\"></cds-dropdown-list>\n    </cds-dropdown>\n  </div>\n\n  <cds-label class=\"conditions__label\">{{\n    'counts' | widgetTranslate: dataSourceKey | async\n  }}</cds-label>\n\n  <p class=\"conditions__helper-text cds--form__helper-text\">\n    {{ 'countsHelperText' | widgetTranslate: dataSourceKey | async }}\n  </p>\n\n  @for (_ of queryItemsList$ | async; track $index; let i = $index) {\n    <cds-tile class=\"count-tile\" [cdsLayer]=\"1\">\n      <div class=\"count-tile__input\" [cdsLayer]=\"0\">\n        <v-input\n          [title]=\"'countTitle' | widgetTranslate: dataSourceKey | async\"\n          [margin]=\"true\"\n          [defaultValue]=\"obs.queryItemsValue[i]?.label\"\n          [disabled]=\"formDisabled\"\n          [required]=\"true\"\n          [fullWidth]=\"true\"\n          (valueChange)=\"labelValueChange(i, $event)\"\n        >\n        </v-input>\n\n        <valtimo-carbon-multi-input\n          type=\"valuePathSelectorDropdownValue\"\n          [disabled]=\"formDisabled\"\n          [addRowText]=\"'addCondition' | widgetTranslate: dataSourceKey | async\"\n          [defaultValues]=\"obs.queryItemsValue[i]?.queryConditions\"\n          [dropdownColumnTitle]=\"'operator' | widgetTranslate: dataSourceKey | async\"\n          [dropdownItems]=\"operatorItems$ | async\"\n          [fullWidth]=\"true\"\n          [initialAmountOfRows]=\"1\"\n          [keyColumnTitle]=\"'path' | widgetTranslate: dataSourceKey | async\"\n          [minimumAmountOfRows]=\"1\"\n          [valueColumnTitle]=\"'value' | widgetTranslate: dataSourceKey | async\"\n          valuePathSelectorNotation=\"dots\"\n          [valuePathSelectorPrefixes]=\"[ValuePathSelectorPrefix.DOC, ValuePathSelectorPrefix.CASE]\"\n          [valuePathSelectorShowCaseDefinitionSelector]=\"false\"\n          [valuePathSelectorCaseDefinitionKey]=\"obs.selectedDocumentDefinition\"\n          [keyColumnFlex]=\"2\"\n          [dropdownColumnFlex]=\"1\"\n          [valueColumnFlex]=\"1\"\n          (valueChange)=\"conditionsValueChange(i, $event)\"\n        ></valtimo-carbon-multi-input>\n      </div>\n\n      <div class=\"count-tile__delete-button\">\n        <cds-icon-button\n          [disabled]=\"formDisabled || i < 2\"\n          (click)=\"deleteCount(i)\"\n          kind=\"danger\"\n          size=\"sm\"\n        >\n          <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n        </cds-icon-button>\n      </div>\n    </cds-tile>\n  }\n\n  <button\n    class=\"add-count-button\"\n    cdsButton=\"primary\"\n    [disabled]=\"formDisabled\"\n    (click)=\"addQueryItem()\"\n  >\n    {{ 'Aantal toevoegen' }}\n\n    <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n  </button>\n</form>\n", styles: ["::ng-deep .case-counts-configuration-form .conditions__label{display:flex;margin-bottom:8px}::ng-deep .case-counts-configuration-form .conditions__helper-text{font-style:italic;display:flex;margin-bottom:16px}::ng-deep .case-counts-configuration-form .count-tile{display:flex;flex-direction:row;gap:32px;justify-content:space-between;margin-bottom:16px}::ng-deep .case-counts-configuration-form .count-tile__input{width:100%}::ng-deep .case-counts-configuration-form .add-count-button{margin-bottom:16px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i1$1.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder", "dataTestId", "trim", "presetsTitle", "presetOptions"], outputs: ["valueChange"] }, { kind: "component", type: i4.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.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "component", type: i1$1.CarbonMultiInputComponent, selector: "valtimo-carbon-multi-input", inputs: ["addRowText", "addButtonType", "addRowTranslationKey", "arbitraryAmountTitles", "arbitraryValueAmount", "defaultValues", "deleteRowText", "deleteRowTranslationKey", "disabled", "dropdownColumnTitle", "dropdownItems", "dropdownWidth", "fullWidth", "hideAddButton", "hideDeleteButton", "initialAmountOfRows", "keyColumnTitle", "margin", "maxRows", "minimumAmountOfRows", "name", "required", "title", "titleTranslationKey", "tooltip", "type", "valueColumnTitle", "valuePathSelectorCaseDefinitionKey", "valuePathSelectorPrefixes", "valuePathSelectorShowCaseDefinitionSelector", "valuePathSelectorNotation", "keyColumnFlex", "dropdownColumnFlex", "valueColumnFlex"], outputs: ["valueChange", "allValuesValidEvent"] }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: i4.IconButton, selector: "cds-icon-button, ibm-icon-button", inputs: ["buttonNgClass", "buttonAttributes", "buttonId", "kind", "size", "type", "isExpressive", "disabled", "description", "showTooltipWhenDisabled"], outputs: ["click", "focus", "blur", "tooltipClick"] }, { kind: "component", type: i4.Tile, selector: "cds-tile, ibm-tile", inputs: ["theme"] }, { kind: "directive", type: i4.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "directive", type: i4.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: WidgetTranslatePipe, name: "widgetTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: CaseCountsConfigurationComponent, isStandalone: false, selector: "ng-component", inputs: { dataSourceKey: "dataSourceKey", disabled: "disabled", prefillConfiguration: "prefillConfiguration" }, outputs: { configurationEvent: "configurationEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<form\n  class=\"case-counts-configuration-form\"\n  *ngIf=\"{\n    documentItems: documentItems$ | async,\n    operatorItems: operatorItems$,\n    queryItemsValue: queryItemsValue$ | async,\n    selectedDocumentDefinition: selectedDocumentDefinition$ | async,\n  } as obs\"\n  [formGroup]=\"form\"\n>\n  <div class=\"form__element\">\n    <cds-dropdown\n      [appendInline]=\"true\"\n      formControlName=\"documentDefinition\"\n      [helperText]=\"'documentDefinitionHelperText' | widgetTranslate: dataSourceKey | async\"\n      [invalidText]=\"'documentDefinitionHelperText' | widgetTranslate: dataSourceKey | async\"\n      [invalid]=\"documentDefinition.dirty && documentDefinition.invalid\"\n      [label]=\"'documentDefinition' | widgetTranslate: dataSourceKey | async\"\n      (selected)=\"documentDefinitionSelected($event)\"\n    >\n      <cds-dropdown-list [items]=\"obs?.documentItems || []\" type=\"multi\"></cds-dropdown-list>\n    </cds-dropdown>\n  </div>\n\n  <cds-label class=\"conditions__label\">{{\n    'counts' | widgetTranslate: dataSourceKey | async\n  }}</cds-label>\n\n  <p class=\"conditions__helper-text cds--form__helper-text\">\n    {{ 'countsHelperText' | widgetTranslate: dataSourceKey | async }}\n  </p>\n\n  @for (_ of queryItemsList$ | async; track $index; let i = $index) {\n    <cds-tile class=\"count-tile\" [cdsLayer]=\"1\">\n      <div class=\"count-tile__input\" [cdsLayer]=\"0\">\n        <v-input\n          [title]=\"'countTitle' | widgetTranslate: dataSourceKey | async\"\n          [margin]=\"true\"\n          [defaultValue]=\"obs.queryItemsValue[i]?.label\"\n          [disabled]=\"formDisabled\"\n          [required]=\"true\"\n          [fullWidth]=\"true\"\n          (valueChange)=\"labelValueChange(i, $event)\"\n        >\n        </v-input>\n\n        <valtimo-carbon-multi-input\n          type=\"valuePathSelectorDropdownValue\"\n          [disabled]=\"formDisabled\"\n          [addRowText]=\"'addCondition' | widgetTranslate: dataSourceKey | async\"\n          [defaultValues]=\"obs.queryItemsValue[i]?.queryConditions\"\n          [dropdownColumnTitle]=\"'operator' | widgetTranslate: dataSourceKey | async\"\n          [dropdownItems]=\"operatorItems$ | async\"\n          [fullWidth]=\"true\"\n          [initialAmountOfRows]=\"1\"\n          [keyColumnTitle]=\"'path' | widgetTranslate: dataSourceKey | async\"\n          [minimumAmountOfRows]=\"1\"\n          [valueColumnTitle]=\"'value' | widgetTranslate: dataSourceKey | async\"\n          valuePathSelectorNotation=\"dots\"\n          [valuePathSelectorPrefixes]=\"[ValuePathSelectorPrefix.DOC, ValuePathSelectorPrefix.CASE]\"\n          [valuePathSelectorShowCaseDefinitionSelector]=\"false\"\n          [valuePathSelectorCaseDefinitionKey]=\"obs.selectedDocumentDefinition\"\n          [keyColumnFlex]=\"2\"\n          [dropdownColumnFlex]=\"1\"\n          [valueColumnFlex]=\"1\"\n          (valueChange)=\"conditionsValueChange(i, $event)\"\n        ></valtimo-carbon-multi-input>\n      </div>\n\n      <div class=\"count-tile__delete-button\">\n        <cds-icon-button\n          [disabled]=\"formDisabled || i < 2\"\n          (click)=\"deleteCount(i)\"\n          kind=\"danger\"\n          size=\"sm\"\n        >\n          <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n        </cds-icon-button>\n      </div>\n    </cds-tile>\n  }\n\n  <button\n    class=\"add-count-button\"\n    cdsButton=\"primary\"\n    [disabled]=\"formDisabled\"\n    (click)=\"addQueryItem()\"\n  >\n    {{ 'Aantal toevoegen' }}\n\n    <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n  </button>\n</form>\n", styles: ["::ng-deep .case-counts-configuration-form .conditions__label{display:flex;margin-bottom:8px}::ng-deep .case-counts-configuration-form .conditions__helper-text{font-style:italic;display:flex;margin-bottom:16px}::ng-deep .case-counts-configuration-form .count-tile{display:flex;flex-direction:row;gap:32px;justify-content:space-between;margin-bottom:16px}::ng-deep .case-counts-configuration-form .count-tile__input{width:100%}::ng-deep .case-counts-configuration-form .add-count-button{margin-bottom:16px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i1$1.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder", "dataTestId", "trim", "presetsTitle", "presetOptions"], outputs: ["valueChange"] }, { kind: "component", type: i4.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.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "component", type: i1$1.CarbonMultiInputComponent, selector: "valtimo-carbon-multi-input", inputs: ["addRowText", "addButtonType", "addRowTranslationKey", "arbitraryAmountTitles", "arbitraryValueAmount", "defaultValues", "deleteButtonType", "deleteRowText", "deleteRowTranslationKey", "disabled", "dropdownColumnTitle", "dropdownItems", "dropdownWidth", "fullWidth", "hideAddButton", "hideDeleteButton", "initialAmountOfRows", "keyColumnTitle", "margin", "maxRows", "minimumAmountOfRows", "name", "required", "title", "titleTranslationKey", "tooltip", "type", "valueColumnTitle", "valuePathSelectorCaseDefinitionKey", "valuePathSelectorPrefixes", "valuePathSelectorShowCaseDefinitionSelector", "valuePathSelectorNotation", "keyColumnFlex", "dropdownColumnFlex", "valueColumnFlex"], outputs: ["valueChange", "allValuesValidEvent"] }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: i4.IconButton, selector: "cds-icon-button, ibm-icon-button", inputs: ["buttonNgClass", "buttonAttributes", "buttonId", "kind", "size", "type", "isExpressive", "disabled", "description", "showTooltipWhenDisabled"], outputs: ["click", "focus", "blur", "tooltipClick"] }, { kind: "component", type: i4.Tile, selector: "cds-tile, ibm-tile", inputs: ["theme"] }, { kind: "directive", type: i4.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "directive", type: i4.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: WidgetTranslatePipe, name: "widgetTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseCountsConfigurationComponent, decorators: [{
             type: Component,
@@ -3634,7 +3635,7 @@ class CaseGroupByConfigurationComponent {
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseGroupByConfigurationComponent, deps: [{ token: i1$3.FormBuilder }, { token: i2$2.DocumentService }, { token: i3$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: CaseGroupByConfigurationComponent, isStandalone: false, selector: "ng-component", inputs: { dataSourceKey: "dataSourceKey", disabled: "disabled", prefillConfiguration: "prefillConfiguration" }, outputs: { configurationEvent: "configurationEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<form\n  class=\"case-count-configuration-form\"\n  *ngIf=\"{\n    documentItems: documentItems$ | async,\n    operatorItems: operatorItems$,\n    selectedDocumentDefinition: selectedDocumentDefinition$ | async,\n    formValue: formValue$ | async,\n  } as obs\"\n  [formGroup]=\"form\"\n>\n  <div class=\"form__element\">\n    <cds-dropdown\n      [appendInline]=\"true\"\n      formControlName=\"documentDefinition\"\n      [helperText]=\"'documentDefinitionHelperText' | widgetTranslate: dataSourceKey | async\"\n      [invalidText]=\"'documentDefinitionHelperText' | widgetTranslate: dataSourceKey | async\"\n      [invalid]=\"documentDefinition.dirty && documentDefinition.invalid\"\n      [label]=\"'documentDefinition' | widgetTranslate: dataSourceKey | async\"\n      (selected)=\"documentDefinitionSelected($event)\"\n    >\n      <cds-dropdown-list [items]=\"obs?.documentItems || []\" type=\"multi\"></cds-dropdown-list>\n    </cds-dropdown>\n  </div>\n\n  <div class=\"form__element\">\n    <cds-label\n      [helperText]=\"'pathHelperText' | widgetTranslate: dataSourceKey | async\"\n      [invalidText]=\"'pathHelperText' | widgetTranslate: dataSourceKey | async\"\n      class=\"full-width\"\n    >\n      {{ 'path' | widgetTranslate: dataSourceKey | async }}\n\n      <valtimo-value-path-selector\n        formControlName=\"path\"\n        [caseDefinitionKey]=\"obs.selectedDocumentDefinition\"\n        [prefixes]=\"[ValuePathSelectorPrefix.DOC, ValuePathSelectorPrefix.CASE]\"\n      ></valtimo-value-path-selector>\n    </cds-label>\n  </div>\n\n  <div class=\"form__element conditions-multi-input\">\n    <cds-label\n      [helperText]=\"'conditionsHelperText' | widgetTranslate: dataSourceKey | async\"\n      class=\"conditions-label\"\n      >{{ 'conditions' | widgetTranslate: dataSourceKey | async }}</cds-label\n    >\n    <valtimo-carbon-multi-input\n      type=\"valuePathSelectorDropdownValue\"\n      [addRowText]=\"'addCondition' | widgetTranslate: dataSourceKey | async\"\n      [defaultValues]=\"obs.formValue?.queryConditions\"\n      [dropdownColumnTitle]=\"'operator' | widgetTranslate: dataSourceKey | async\"\n      [dropdownItems]=\"operatorItems$ | async\"\n      [fullWidth]=\"true\"\n      [initialAmountOfRows]=\"0\"\n      [keyColumnTitle]=\"'path' | widgetTranslate: dataSourceKey | async\"\n      [minimumAmountOfRows]=\"0\"\n      [valueColumnTitle]=\"'value' | widgetTranslate: dataSourceKey | async\"\n      valuePathSelectorNotation=\"dots\"\n      [valuePathSelectorPrefixes]=\"[ValuePathSelectorPrefix.DOC, ValuePathSelectorPrefix.CASE]\"\n      [valuePathSelectorShowCaseDefinitionSelector]=\"false\"\n      [valuePathSelectorCaseDefinitionKey]=\"obs.selectedDocumentDefinition\"\n      [keyColumnFlex]=\"2\"\n      [dropdownColumnFlex]=\"1\"\n      [valueColumnFlex]=\"1\"\n      (valueChange)=\"conditionsValueChange($event)\"\n    ></valtimo-carbon-multi-input>\n  </div>\n\n  <div class=\"form__element conditions-multi-input\">\n    <cds-label\n      [helperText]=\"'enumHelperText' | widgetTranslate: dataSourceKey | async\"\n      class=\"conditions-label\"\n      >{{ 'enum' | widgetTranslate: dataSourceKey | async }}</cds-label\n    >\n    <valtimo-carbon-multi-input\n      [addRowText]=\"'addDisplay' | widgetTranslate: dataSourceKey | async\"\n      [defaultValues]=\"obs.formValue?.enum\"\n      [fullWidth]=\"true\"\n      [initialAmountOfRows]=\"0\"\n      [keyColumnTitle]=\"'value' | widgetTranslate: dataSourceKey | async\"\n      [minimumAmountOfRows]=\"0\"\n      [valueColumnTitle]=\"'displayValue' | widgetTranslate: dataSourceKey | async\"\n      type=\"keyValue\"\n      (valueChange)=\"enumValueChange($event)\"\n    ></valtimo-carbon-multi-input>\n  </div>\n</form>\n", styles: ["::ng-deep .case-count-configuration-form .conditions-label{margin-bottom:16px}::ng-deep .case-count-configuration-form .conditions-multi-input .cds--form__helper-text{font-style:italic}::ng-deep .case-count-configuration-form .full-width,::ng-deep .case-count-configuration-form .full-width .cds--label{width:100%}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "component", type: i4.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.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "component", type: i1$1.CarbonMultiInputComponent, selector: "valtimo-carbon-multi-input", inputs: ["addRowText", "addButtonType", "addRowTranslationKey", "arbitraryAmountTitles", "arbitraryValueAmount", "defaultValues", "deleteRowText", "deleteRowTranslationKey", "disabled", "dropdownColumnTitle", "dropdownItems", "dropdownWidth", "fullWidth", "hideAddButton", "hideDeleteButton", "initialAmountOfRows", "keyColumnTitle", "margin", "maxRows", "minimumAmountOfRows", "name", "required", "title", "titleTranslationKey", "tooltip", "type", "valueColumnTitle", "valuePathSelectorCaseDefinitionKey", "valuePathSelectorPrefixes", "valuePathSelectorShowCaseDefinitionSelector", "valuePathSelectorNotation", "keyColumnFlex", "dropdownColumnFlex", "valueColumnFlex"], outputs: ["valueChange", "allValuesValidEvent"] }, { kind: "component", type: i1$1.ValuePathSelectorComponent, selector: "valtimo-value-path-selector", inputs: ["name", "appendInline", "margin", "marginLg", "marginXl", "disabled", "caseDefinitionKey", "caseDefinitionVersionTag", "buildingBlockDefinitionKey", "buildingBlockDefinitionVersionTag", "prefixes", "excludePrefixes", "label", "tooltip", "required", "showCaseDefinitionSelector", "notation", "dropUp", "defaultValue", "type", "parentItem", "filterItems"], outputs: ["valueChangeEvent", "collectionSelected"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: WidgetTranslatePipe, name: "widgetTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: CaseGroupByConfigurationComponent, isStandalone: false, selector: "ng-component", inputs: { dataSourceKey: "dataSourceKey", disabled: "disabled", prefillConfiguration: "prefillConfiguration" }, outputs: { configurationEvent: "configurationEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<form\n  class=\"case-count-configuration-form\"\n  *ngIf=\"{\n    documentItems: documentItems$ | async,\n    operatorItems: operatorItems$,\n    selectedDocumentDefinition: selectedDocumentDefinition$ | async,\n    formValue: formValue$ | async,\n  } as obs\"\n  [formGroup]=\"form\"\n>\n  <div class=\"form__element\">\n    <cds-dropdown\n      [appendInline]=\"true\"\n      formControlName=\"documentDefinition\"\n      [helperText]=\"'documentDefinitionHelperText' | widgetTranslate: dataSourceKey | async\"\n      [invalidText]=\"'documentDefinitionHelperText' | widgetTranslate: dataSourceKey | async\"\n      [invalid]=\"documentDefinition.dirty && documentDefinition.invalid\"\n      [label]=\"'documentDefinition' | widgetTranslate: dataSourceKey | async\"\n      (selected)=\"documentDefinitionSelected($event)\"\n    >\n      <cds-dropdown-list [items]=\"obs?.documentItems || []\" type=\"multi\"></cds-dropdown-list>\n    </cds-dropdown>\n  </div>\n\n  <div class=\"form__element\">\n    <cds-label\n      [helperText]=\"'pathHelperText' | widgetTranslate: dataSourceKey | async\"\n      [invalidText]=\"'pathHelperText' | widgetTranslate: dataSourceKey | async\"\n      class=\"full-width\"\n    >\n      {{ 'path' | widgetTranslate: dataSourceKey | async }}\n\n      <valtimo-value-path-selector\n        formControlName=\"path\"\n        [caseDefinitionKey]=\"obs.selectedDocumentDefinition\"\n        [prefixes]=\"[ValuePathSelectorPrefix.DOC, ValuePathSelectorPrefix.CASE]\"\n      ></valtimo-value-path-selector>\n    </cds-label>\n  </div>\n\n  <div class=\"form__element conditions-multi-input\">\n    <cds-label\n      [helperText]=\"'conditionsHelperText' | widgetTranslate: dataSourceKey | async\"\n      class=\"conditions-label\"\n      >{{ 'conditions' | widgetTranslate: dataSourceKey | async }}</cds-label\n    >\n    <valtimo-carbon-multi-input\n      type=\"valuePathSelectorDropdownValue\"\n      [addRowText]=\"'addCondition' | widgetTranslate: dataSourceKey | async\"\n      [defaultValues]=\"obs.formValue?.queryConditions\"\n      [dropdownColumnTitle]=\"'operator' | widgetTranslate: dataSourceKey | async\"\n      [dropdownItems]=\"operatorItems$ | async\"\n      [fullWidth]=\"true\"\n      [initialAmountOfRows]=\"0\"\n      [keyColumnTitle]=\"'path' | widgetTranslate: dataSourceKey | async\"\n      [minimumAmountOfRows]=\"0\"\n      [valueColumnTitle]=\"'value' | widgetTranslate: dataSourceKey | async\"\n      valuePathSelectorNotation=\"dots\"\n      [valuePathSelectorPrefixes]=\"[ValuePathSelectorPrefix.DOC, ValuePathSelectorPrefix.CASE]\"\n      [valuePathSelectorShowCaseDefinitionSelector]=\"false\"\n      [valuePathSelectorCaseDefinitionKey]=\"obs.selectedDocumentDefinition\"\n      [keyColumnFlex]=\"2\"\n      [dropdownColumnFlex]=\"1\"\n      [valueColumnFlex]=\"1\"\n      (valueChange)=\"conditionsValueChange($event)\"\n    ></valtimo-carbon-multi-input>\n  </div>\n\n  <div class=\"form__element conditions-multi-input\">\n    <cds-label\n      [helperText]=\"'enumHelperText' | widgetTranslate: dataSourceKey | async\"\n      class=\"conditions-label\"\n      >{{ 'enum' | widgetTranslate: dataSourceKey | async }}</cds-label\n    >\n    <valtimo-carbon-multi-input\n      [addRowText]=\"'addDisplay' | widgetTranslate: dataSourceKey | async\"\n      [defaultValues]=\"obs.formValue?.enum\"\n      [fullWidth]=\"true\"\n      [initialAmountOfRows]=\"0\"\n      [keyColumnTitle]=\"'value' | widgetTranslate: dataSourceKey | async\"\n      [minimumAmountOfRows]=\"0\"\n      [valueColumnTitle]=\"'displayValue' | widgetTranslate: dataSourceKey | async\"\n      type=\"keyValue\"\n      (valueChange)=\"enumValueChange($event)\"\n    ></valtimo-carbon-multi-input>\n  </div>\n</form>\n", styles: ["::ng-deep .case-count-configuration-form .conditions-label{margin-bottom:16px}::ng-deep .case-count-configuration-form .conditions-multi-input .cds--form__helper-text{font-style:italic}::ng-deep .case-count-configuration-form .full-width,::ng-deep .case-count-configuration-form .full-width .cds--label{width:100%}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "component", type: i4.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.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "component", type: i1$1.CarbonMultiInputComponent, selector: "valtimo-carbon-multi-input", inputs: ["addRowText", "addButtonType", "addRowTranslationKey", "arbitraryAmountTitles", "arbitraryValueAmount", "defaultValues", "deleteButtonType", "deleteRowText", "deleteRowTranslationKey", "disabled", "dropdownColumnTitle", "dropdownItems", "dropdownWidth", "fullWidth", "hideAddButton", "hideDeleteButton", "initialAmountOfRows", "keyColumnTitle", "margin", "maxRows", "minimumAmountOfRows", "name", "required", "title", "titleTranslationKey", "tooltip", "type", "valueColumnTitle", "valuePathSelectorCaseDefinitionKey", "valuePathSelectorPrefixes", "valuePathSelectorShowCaseDefinitionSelector", "valuePathSelectorNotation", "keyColumnFlex", "dropdownColumnFlex", "valueColumnFlex"], outputs: ["valueChange", "allValuesValidEvent"] }, { kind: "component", type: i1$1.ValuePathSelectorComponent, selector: "valtimo-value-path-selector", inputs: ["name", "appendInline", "margin", "marginLg", "marginXl", "disabled", "caseDefinitionKey", "caseDefinitionVersionTag", "buildingBlockDefinitionKey", "buildingBlockDefinitionVersionTag", "prefixes", "excludePrefixes", "label", "tooltip", "required", "showCaseDefinitionSelector", "notation", "dropUp", "defaultValue", "type", "parentItem", "filterItems"], outputs: ["valueChangeEvent", "collectionSelected"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: WidgetTranslatePipe, name: "widgetTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseGroupByConfigurationComponent, decorators: [{
             type: Component,
@@ -3854,7 +3855,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
  */
 
 /*
- * Copyright 2015-2025 Ritense BV, the Netherlands.
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -3868,85 +3869,467 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-class TaskCountConfigurationComponent {
-    set disabled(disabledValue) {
-        if (disabledValue) {
-            this.form.disable();
+const TASK_COUNT_TEST_IDS = {
+    caseDefinitionDropdown: 'taskCountCaseDefinitionDropdown',
+    conditionGroup: 'taskCountConditionGroup',
+    operatorSwitcher: 'taskCountGroupOperatorSwitcher',
+    operatorAndButton: 'taskCountGroupOperatorAndButton',
+    operatorOrButton: 'taskCountGroupOperatorOrButton',
+    operatorMirror: 'taskCountGroupOperatorMirror',
+    addGroupButton: 'taskCountAddGroupButton',
+    deleteGroupButton: 'taskCountDeleteGroupButton',
+};
+
+/*
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/** The operators the condition rows offer. Anything else is preserved but not editable. */
+const EDITABLE_CONDITION_OPERATORS = [
+    '!=',
+    '==',
+    '>',
+    '>=',
+    '<',
+    '<=',
+];
+function createConditionGroup(operator, rows = [], unsupportedNodes = []) {
+    return new FormGroup({
+        operator: new FormControl(operator, { nonNullable: true }),
+        rows: new FormControl(rows, { nonNullable: true }),
+        // The multi input drops incomplete rows from its value, so a group that is still being filled
+        // in can only be recognised through the event the multi input emits for it. Until that event
+        // arrives - and for a group that is never rendered - the rows themselves decide, so that a
+        // group created with an empty row does not report itself as complete in the meantime.
+        rowsComplete: new FormControl(rows.every(isRowComplete), {
+            nonNullable: true,
+            validators: [Validators.requiredTrue],
+        }),
+        groups: new FormArray([]),
+        unsupportedNodes: new FormControl(unsupportedNodes, { nonNullable: true }),
+    });
+}
+function createEmptyConditionRow() {
+    return { key: '', dropdown: '', value: '' };
+}
+/**
+ * Applies the conditions of a stored configuration to [root], leaving the form instance itself
+ * intact so that subscriptions on it survive a prefill.
+ *
+ * A single group at the top level is adopted as the root group itself, so that its operator
+ * survives a save/reload round-trip. Anything else - including a legacy flat list of conditions -
+ * becomes a set of children combined with AND, matching the backend's list semantics.
+ */
+function resetRootGroup(root, nodes) {
+    const [firstNode] = nodes;
+    if (nodes.length === 1 && isWireGroup(firstNode)) {
+        applyWireGroup(root, firstNode);
+        return;
+    }
+    root.controls.operator.setValue('and');
+    applyWireChildren(root, nodes);
+}
+/**
+ * Walks [group] once and collects the wire node to emit and whether the tree holds nodes the editor
+ * cannot render.
+ *
+ * Groups without a single condition serialize to `null`: the backend rejects empty `and`/`or`
+ * groups, because `cb.or()` without predicates evaluates to false and would silently zero out the
+ * count.
+ */
+function serializeConditionGroup(group) {
+    const children = [];
+    let hasUnsupportedNodes = group.unsupportedNodes.length > 0;
+    group.rows.filter(isRowComplete).forEach(row => children.push(rowToLeaf(row)));
+    group.groups.forEach(nestedGroup => {
+        const nested = serializeConditionGroup(nestedGroup);
+        hasUnsupportedNodes = hasUnsupportedNodes || nested.hasUnsupportedNodes;
+        if (nested.node) {
+            children.push(nested.node);
+        }
+    });
+    children.push(...group.unsupportedNodes);
+    return {
+        node: children.length ? toWireGroup(group.operator, children) : null,
+        hasUnsupportedNodes,
+    };
+}
+function toWireGroup(operator, children) {
+    return operator === 'or' ? { or: children } : { and: children };
+}
+function applyWireGroup(group, wireGroup) {
+    if (isWireOrGroup(wireGroup)) {
+        group.controls.operator.setValue('or');
+        applyWireChildren(group, wireGroup.or);
+    }
+    else {
+        group.controls.operator.setValue('and');
+        applyWireChildren(group, wireGroup.and);
+    }
+}
+function applyWireChildren(group, nodes) {
+    const rows = [];
+    const unsupportedNodes = [];
+    group.controls.groups.clear();
+    nodes.forEach(node => {
+        if (isWireGroup(node)) {
+            const nestedGroup = createConditionGroup('and');
+            applyWireGroup(nestedGroup, node);
+            group.controls.groups.push(nestedGroup);
+        }
+        else if (isEditableLeaf(node)) {
+            rows.push(wireLeafToRow(node));
         }
         else {
-            this.form.enable();
+            unsupportedNodes.push(node);
         }
+    });
+    group.controls.rows.setValue(rows);
+    // The rows that were reported as incomplete are gone, and a group whose rows are all removed no
+    // longer renders a multi input to report on them, so the flag is reset here rather than waited on.
+    group.controls.rowsComplete.setValue(rows.every(isRowComplete));
+    group.controls.unsupportedNodes.setValue(unsupportedNodes);
+}
+function isWireOrGroup(node) {
+    return Array.isArray(node.or);
+}
+function isWireAndGroup(node) {
+    return Array.isArray(node.and);
+}
+function isWireGroup(node) {
+    return !!node && (isWireOrGroup(node) || isWireAndGroup(node));
+}
+/** A leaf is editable when every part of it fits the three inputs of a condition row. */
+function isEditableLeaf(leaf) {
+    const value = leaf.value ?? leaf.queryValue;
+    return (typeof (leaf.path ?? leaf.queryPath) === 'string' &&
+        (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') &&
+        EDITABLE_CONDITION_OPERATORS.includes((leaf.operator ?? leaf.queryOperator)));
+}
+function wireLeafToRow(leaf) {
+    return {
+        key: (leaf.path ?? leaf.queryPath),
+        dropdown: (leaf.operator ?? leaf.queryOperator),
+        value: String(leaf.value ?? leaf.queryValue),
+    };
+}
+function rowToLeaf(row) {
+    return {
+        path: row.key,
+        operator: row.dropdown,
+        value: parseRowValue(row.value),
+    };
+}
+/**
+ * Rows only hold strings. Restore the type - the backend compares a string as text, so '100' > '50'
+ * is false. Only values that round-trip unchanged convert, keeping "0050" and "50.10" strings.
+ */
+function parseRowValue(value) {
+    if (value === 'true' || value === 'false') {
+        return value === 'true';
     }
-    get queryConditions() {
-        return this.form.get('queryConditions');
+    const asNumber = Number(value);
+    return Number.isFinite(asNumber) && String(asNumber) === value ? asNumber : value;
+}
+function isRowComplete(row) {
+    return !!row.key && !!row.dropdown && !!row.value;
+}
+
+/*
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * A single condition group in the task count configuration: an AND/OR selector, the group's own
+ * condition rows, and its nested groups. The component renders itself recursively, so groups can
+ * be nested to any depth - matching the backend `AndConditionGroup`/`OrConditionGroup` tree.
+ *
+ * All state lives in the [group] form: the rows are bound to the multi input as a control, and a
+ * nested group is a form in the `groups` array. Changes therefore reach the configuration component
+ * through the form itself, without this component reporting them.
+ */
+class TaskCountConditionGroupComponent {
+    get operator() {
+        return this.group.controls.operator.value;
+    }
+    get rowsControl() {
+        return this.group.controls.rows;
+    }
+    get groups() {
+        return this.group.controls.groups;
+    }
+    /**
+     * Index of the connector that carries the interactive operator selector.
+     *
+     * The root renders a connector between every pair of sections, but a group has a single operator,
+     * so all of them would set the same value. Only this one is a selector; the rest mirror it as
+     * static text, to avoid suggesting that the sections can be joined by different operators.
+     */
+    get interactiveConnectorIndex() {
+        return this.rowsControl.value.length ? 0 : 1;
+    }
+    constructor(iconService) {
+        this.iconService = iconService;
+        this.disabled = false;
+        this.operatorItems = [];
+        /** The outermost group cannot be deleted and starts out without condition rows. */
+        this.root = false;
+        this.deleteGroupEvent = new EventEmitter();
+        this.testIds = TASK_COUNT_TEST_IDS;
+        this.iconService.registerAll([Add16, TrashCan16]);
+    }
+    setOperator(operator) {
+        if (this.operator === operator) {
+            return;
+        }
+        this.group.controls.operator.setValue(operator);
+    }
+    /**
+     * The multi input drops rows that are not filled in completely, so its value alone cannot tell a
+     * half-filled group apart from a complete one. This event does, and marks the group invalid until
+     * every row is either complete or removed.
+     */
+    onAllRowsValid(allRowsValid) {
+        this.group.controls.rowsComplete.setValue(allRowsValid);
+    }
+    /**
+     * Appends a section to this group, leaving the operator of the group untouched.
+     *
+     * How the sections relate is a single property of this group, shown on the connectors between
+     * them and changed there with [setOperator]. An addition deliberately does not ask for it: the
+     * operator of the group and the operator inside a section are two different levels, and the first
+     * addition has nothing to relate the new section to yet. The new section starts out combining its
+     * own conditions with 'and'; that operator is changed in the header of the section itself.
+     */
+    addGroup() {
+        this.groups.push(createConditionGroup('and', [createEmptyConditionRow()]));
+    }
+    removeGroup(index) {
+        this.groups.removeAt(index);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TaskCountConditionGroupComponent, deps: [{ token: i4.IconService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TaskCountConditionGroupComponent, isStandalone: true, selector: "valtimo-task-count-condition-group", inputs: { group: "group", dataSourceKey: "dataSourceKey", disabled: "disabled", operatorItems: "operatorItems", root: "root" }, outputs: { deleteGroupEvent: "deleteGroupEvent" }, 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<!-- The AND/OR selector for this group, in the header of a nested group or on the first connector\n  between the root sections. -->\n<ng-template #operatorSwitcher>\n  <cds-content-switcher\n    class=\"condition-operator\"\n    [attr.data-test-id]=\"testIds.operatorSwitcher\"\n    size=\"sm\"\n  >\n    <button\n      cdsContentOption\n      type=\"button\"\n      [active]=\"operator === 'and'\"\n      [attr.data-test-id]=\"testIds.operatorAndButton\"\n      [disabled]=\"disabled\"\n      (selected)=\"setOperator('and')\"\n    >\n      {{ 'and' | widgetTranslate: dataSourceKey | async }}\n    </button>\n\n    <button\n      cdsContentOption\n      type=\"button\"\n      [active]=\"operator === 'or'\"\n      [attr.data-test-id]=\"testIds.operatorOrButton\"\n      [disabled]=\"disabled\"\n      (selected)=\"setOperator('or')\"\n    >\n      {{ 'or' | widgetTranslate: dataSourceKey | async }}\n    </button>\n  </cds-content-switcher>\n</ng-template>\n\n<!--\n  The condition rows of this group. The multi input is a form control, so the rows are written and\n  read through [rowsControl] and its disabled state follows the control - binding [disabled] here\n  would set it on the form directive as well.\n-->\n<ng-template #conditionRows let-minimumAmountOfRows=\"minimumAmountOfRows\">\n  <valtimo-carbon-multi-input\n    [addRowText]=\"'addCondition' | widgetTranslate: dataSourceKey | async\"\n    [dropdownColumnTitle]=\"'operator' | widgetTranslate: dataSourceKey | async\"\n    [dropdownItems]=\"operatorItems\"\n    [formControl]=\"rowsControl\"\n    [fullWidth]=\"true\"\n    [initialAmountOfRows]=\"minimumAmountOfRows\"\n    [minimumAmountOfRows]=\"minimumAmountOfRows\"\n    [valueColumnTitle]=\"'value' | widgetTranslate: dataSourceKey | async\"\n    [keyColumnTitle]=\"'path' | widgetTranslate: dataSourceKey | async\"\n    (allValuesValidEvent)=\"onAllRowsValid($event)\"\n    addButtonType=\"tertiary\"\n    deleteButtonType=\"danger--ghost\"\n    type=\"keyDropdownValue\"\n  ></valtimo-carbon-multi-input>\n</ng-template>\n\n@if (root) {\n  <!--\n    The root group is not a section of its own: it only groups the sections. Its single operator\n    defines how all of the sections relate to each other, and is rendered as a connector between\n    them - a selector on the first connector, static text on the ones after it. Connectors only\n    appear once there is something to relate (two or more sections, or a section following\n    root-level rows). Each section carries its own operator for the conditions inside it. \"Add\n    condition group\" appends a new section. Direct root-level rows only exist for configuration\n    authored in a file; they are kept editable so that saving does not drop them.\n  -->\n  <div class=\"condition-root\" [attr.data-test-id]=\"testIds.conditionGroup\">\n    @if (rowsControl.value.length) {\n      <ng-container\n        *ngTemplateOutlet=\"conditionRows; context: {minimumAmountOfRows: 0}\"\n      ></ng-container>\n    }\n\n    @for (nestedGroup of groups.controls; track nestedGroup; let index = $index) {\n      @if (index === interactiveConnectorIndex) {\n        <ng-container *ngTemplateOutlet=\"operatorSwitcher\"></ng-container>\n      } @else if (index > interactiveConnectorIndex) {\n        <p\n          class=\"condition-root__operator-mirror\"\n          [attr.data-test-id]=\"testIds.operatorMirror\"\n          aria-hidden=\"true\"\n        >\n          {{ operator | widgetTranslate: dataSourceKey | async }}\n        </p>\n      }\n\n      <valtimo-task-count-condition-group\n        [dataSourceKey]=\"dataSourceKey\"\n        [disabled]=\"disabled\"\n        [group]=\"nestedGroup\"\n        [operatorItems]=\"operatorItems\"\n        (deleteGroupEvent)=\"removeGroup(index)\"\n      ></valtimo-task-count-condition-group>\n    }\n\n    <button\n      class=\"condition-root__add-button\"\n      cdsButton=\"tertiary\"\n      type=\"button\"\n      [attr.data-test-id]=\"testIds.addGroupButton\"\n      [disabled]=\"disabled\"\n      (click)=\"addGroup()\"\n    >\n      {{ 'addGroup' | widgetTranslate: dataSourceKey | async }}\n\n      <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n    </button>\n  </div>\n} @else {\n  <cds-tile class=\"condition-group\" [attr.data-test-id]=\"testIds.conditionGroup\" [cdsLayer]=\"0\">\n    <div class=\"condition-group__header\">\n      <ng-container *ngTemplateOutlet=\"operatorSwitcher\"></ng-container>\n\n      <cds-icon-button\n        [attr.data-test-id]=\"testIds.deleteGroupButton\"\n        [description]=\"'deleteGroup' | widgetTranslate: dataSourceKey | async\"\n        [disabled]=\"disabled\"\n        (click)=\"deleteGroupEvent.emit()\"\n        kind=\"danger--ghost\"\n        size=\"sm\"\n      >\n        <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n      </cds-icon-button>\n    </div>\n\n    <ng-container\n      *ngTemplateOutlet=\"conditionRows; context: {minimumAmountOfRows: 1}\"\n    ></ng-container>\n\n    @for (nestedGroup of groups.controls; track nestedGroup; let index = $index) {\n      <valtimo-task-count-condition-group\n        [dataSourceKey]=\"dataSourceKey\"\n        [disabled]=\"disabled\"\n        [group]=\"nestedGroup\"\n        [operatorItems]=\"operatorItems\"\n        (deleteGroupEvent)=\"removeGroup(index)\"\n      ></valtimo-task-count-condition-group>\n    }\n  </cds-tile>\n}\n", styles: [":host{display:block}.condition-operator{max-width:160px;width:100%}.condition-operator .cds--content-switcher-btn{display:flex;align-items:center;justify-content:center;min-block-size:1.875rem;block-size:1.875rem;padding-block:0}.condition-root{display:flex;flex-direction:column;gap:16px}.condition-root__operator-mirror{max-width:160px;width:100%;margin:0;text-align:center;color:var(--cds-text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.32px}.condition-root__add-button{align-self:flex-start}.condition-group{display:flex;flex-direction:column;gap:16px;background-color:var(--cds-layer-02)}.condition-group__header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "component", type: TaskCountConditionGroupComponent, selector: "valtimo-task-count-condition-group", inputs: ["group", "dataSourceKey", "disabled", "operatorItems", "root"], outputs: ["deleteGroupEvent"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: i4.IconButton, selector: "cds-icon-button, ibm-icon-button", inputs: ["buttonNgClass", "buttonAttributes", "buttonId", "kind", "size", "type", "isExpressive", "disabled", "description", "showTooltipWhenDisabled"], outputs: ["click", "focus", "blur", "tooltipClick"] }, { kind: "ngmodule", type: CarbonMultiInputModule }, { kind: "component", type: i1$1.CarbonMultiInputComponent, selector: "valtimo-carbon-multi-input", inputs: ["addRowText", "addButtonType", "addRowTranslationKey", "arbitraryAmountTitles", "arbitraryValueAmount", "defaultValues", "deleteButtonType", "deleteRowText", "deleteRowTranslationKey", "disabled", "dropdownColumnTitle", "dropdownItems", "dropdownWidth", "fullWidth", "hideAddButton", "hideDeleteButton", "initialAmountOfRows", "keyColumnTitle", "margin", "maxRows", "minimumAmountOfRows", "name", "required", "title", "titleTranslationKey", "tooltip", "type", "valueColumnTitle", "valuePathSelectorCaseDefinitionKey", "valuePathSelectorPrefixes", "valuePathSelectorShowCaseDefinitionSelector", "valuePathSelectorNotation", "keyColumnFlex", "dropdownColumnFlex", "valueColumnFlex"], outputs: ["valueChange", "allValuesValidEvent"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ContentSwitcherModule }, { kind: "component", type: i4.ContentSwitcher, selector: "cds-content-switcher, ibm-content-switcher", inputs: ["ariaLabel", "size"], outputs: ["selected"] }, { kind: "directive", type: i4.ContentSwitcherOption, selector: "[cdsContentOption], [ibmContentOption]", inputs: ["active", "name"], outputs: ["selected", "onClick", "onFocus"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i4.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i4.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TilesModule }, { kind: "component", type: i4.Tile, selector: "cds-tile, ibm-tile", inputs: ["theme"] }, { kind: "ngmodule", type: WidgetTranslatePipeModule }, { kind: "pipe", type: WidgetTranslatePipe, name: "widgetTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TaskCountConditionGroupComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-task-count-condition-group', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        ButtonModule,
+                        CarbonMultiInputModule,
+                        CommonModule,
+                        ContentSwitcherModule,
+                        IconModule,
+                        LayerModule,
+                        ReactiveFormsModule,
+                        TilesModule,
+                        WidgetTranslatePipeModule,
+                    ], 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<!-- The AND/OR selector for this group, in the header of a nested group or on the first connector\n  between the root sections. -->\n<ng-template #operatorSwitcher>\n  <cds-content-switcher\n    class=\"condition-operator\"\n    [attr.data-test-id]=\"testIds.operatorSwitcher\"\n    size=\"sm\"\n  >\n    <button\n      cdsContentOption\n      type=\"button\"\n      [active]=\"operator === 'and'\"\n      [attr.data-test-id]=\"testIds.operatorAndButton\"\n      [disabled]=\"disabled\"\n      (selected)=\"setOperator('and')\"\n    >\n      {{ 'and' | widgetTranslate: dataSourceKey | async }}\n    </button>\n\n    <button\n      cdsContentOption\n      type=\"button\"\n      [active]=\"operator === 'or'\"\n      [attr.data-test-id]=\"testIds.operatorOrButton\"\n      [disabled]=\"disabled\"\n      (selected)=\"setOperator('or')\"\n    >\n      {{ 'or' | widgetTranslate: dataSourceKey | async }}\n    </button>\n  </cds-content-switcher>\n</ng-template>\n\n<!--\n  The condition rows of this group. The multi input is a form control, so the rows are written and\n  read through [rowsControl] and its disabled state follows the control - binding [disabled] here\n  would set it on the form directive as well.\n-->\n<ng-template #conditionRows let-minimumAmountOfRows=\"minimumAmountOfRows\">\n  <valtimo-carbon-multi-input\n    [addRowText]=\"'addCondition' | widgetTranslate: dataSourceKey | async\"\n    [dropdownColumnTitle]=\"'operator' | widgetTranslate: dataSourceKey | async\"\n    [dropdownItems]=\"operatorItems\"\n    [formControl]=\"rowsControl\"\n    [fullWidth]=\"true\"\n    [initialAmountOfRows]=\"minimumAmountOfRows\"\n    [minimumAmountOfRows]=\"minimumAmountOfRows\"\n    [valueColumnTitle]=\"'value' | widgetTranslate: dataSourceKey | async\"\n    [keyColumnTitle]=\"'path' | widgetTranslate: dataSourceKey | async\"\n    (allValuesValidEvent)=\"onAllRowsValid($event)\"\n    addButtonType=\"tertiary\"\n    deleteButtonType=\"danger--ghost\"\n    type=\"keyDropdownValue\"\n  ></valtimo-carbon-multi-input>\n</ng-template>\n\n@if (root) {\n  <!--\n    The root group is not a section of its own: it only groups the sections. Its single operator\n    defines how all of the sections relate to each other, and is rendered as a connector between\n    them - a selector on the first connector, static text on the ones after it. Connectors only\n    appear once there is something to relate (two or more sections, or a section following\n    root-level rows). Each section carries its own operator for the conditions inside it. \"Add\n    condition group\" appends a new section. Direct root-level rows only exist for configuration\n    authored in a file; they are kept editable so that saving does not drop them.\n  -->\n  <div class=\"condition-root\" [attr.data-test-id]=\"testIds.conditionGroup\">\n    @if (rowsControl.value.length) {\n      <ng-container\n        *ngTemplateOutlet=\"conditionRows; context: {minimumAmountOfRows: 0}\"\n      ></ng-container>\n    }\n\n    @for (nestedGroup of groups.controls; track nestedGroup; let index = $index) {\n      @if (index === interactiveConnectorIndex) {\n        <ng-container *ngTemplateOutlet=\"operatorSwitcher\"></ng-container>\n      } @else if (index > interactiveConnectorIndex) {\n        <p\n          class=\"condition-root__operator-mirror\"\n          [attr.data-test-id]=\"testIds.operatorMirror\"\n          aria-hidden=\"true\"\n        >\n          {{ operator | widgetTranslate: dataSourceKey | async }}\n        </p>\n      }\n\n      <valtimo-task-count-condition-group\n        [dataSourceKey]=\"dataSourceKey\"\n        [disabled]=\"disabled\"\n        [group]=\"nestedGroup\"\n        [operatorItems]=\"operatorItems\"\n        (deleteGroupEvent)=\"removeGroup(index)\"\n      ></valtimo-task-count-condition-group>\n    }\n\n    <button\n      class=\"condition-root__add-button\"\n      cdsButton=\"tertiary\"\n      type=\"button\"\n      [attr.data-test-id]=\"testIds.addGroupButton\"\n      [disabled]=\"disabled\"\n      (click)=\"addGroup()\"\n    >\n      {{ 'addGroup' | widgetTranslate: dataSourceKey | async }}\n\n      <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n    </button>\n  </div>\n} @else {\n  <cds-tile class=\"condition-group\" [attr.data-test-id]=\"testIds.conditionGroup\" [cdsLayer]=\"0\">\n    <div class=\"condition-group__header\">\n      <ng-container *ngTemplateOutlet=\"operatorSwitcher\"></ng-container>\n\n      <cds-icon-button\n        [attr.data-test-id]=\"testIds.deleteGroupButton\"\n        [description]=\"'deleteGroup' | widgetTranslate: dataSourceKey | async\"\n        [disabled]=\"disabled\"\n        (click)=\"deleteGroupEvent.emit()\"\n        kind=\"danger--ghost\"\n        size=\"sm\"\n      >\n        <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n      </cds-icon-button>\n    </div>\n\n    <ng-container\n      *ngTemplateOutlet=\"conditionRows; context: {minimumAmountOfRows: 1}\"\n    ></ng-container>\n\n    @for (nestedGroup of groups.controls; track nestedGroup; let index = $index) {\n      <valtimo-task-count-condition-group\n        [dataSourceKey]=\"dataSourceKey\"\n        [disabled]=\"disabled\"\n        [group]=\"nestedGroup\"\n        [operatorItems]=\"operatorItems\"\n        (deleteGroupEvent)=\"removeGroup(index)\"\n      ></valtimo-task-count-condition-group>\n    }\n  </cds-tile>\n}\n", styles: [":host{display:block}.condition-operator{max-width:160px;width:100%}.condition-operator .cds--content-switcher-btn{display:flex;align-items:center;justify-content:center;min-block-size:1.875rem;block-size:1.875rem;padding-block:0}.condition-root{display:flex;flex-direction:column;gap:16px}.condition-root__operator-mirror{max-width:160px;width:100%;margin:0;text-align:center;color:var(--cds-text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.32px}.condition-root__add-button{align-self:flex-start}.condition-group{display:flex;flex-direction:column;gap:16px;background-color:var(--cds-layer-02)}.condition-group__header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+        }], ctorParameters: () => [{ type: i4.IconService }], propDecorators: { group: [{
+                type: Input
+            }], dataSourceKey: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], operatorItems: [{
+                type: Input
+            }], root: [{
+                type: Input
+            }], deleteGroupEvent: [{
+                type: Output
+            }] } });
+
+/*
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class TaskCountConfigurationComponent {
+    set disabled(disabledValue) {
+        this.$disabled.set(disabledValue);
+        this.applyDisabledState();
     }
     set prefillConfiguration(configurationValue) {
-        if (configurationValue) {
-            this.defaultConditionValues$.next(configurationValue.queryConditions.map(condition => ({
-                key: condition.queryPath,
-                dropdown: condition.queryOperator,
-                value: condition.queryValue,
-            })));
+        if (!configurationValue) {
+            return;
         }
+        this._$selectedCaseDefinitionName.set(configurationValue.caseDefinitionName ?? undefined);
+        resetRootGroup(this.conditionsForm, configurationValue.conditions ?? configurationValue.queryConditions ?? []);
+        // Prefill runs after [disabled] and adds enabled groups, which re-enable their parents.
+        this.applyDisabledState();
     }
-    constructor(fb, translateService) {
-        this.fb = fb;
+    constructor(documentService, translateService, widgetTranslationService) {
+        this.documentService = documentService;
         this.translateService = translateService;
-        this.form = this.fb.group({
-            queryConditions: this.fb.control(null),
-        });
-        this._OPERATORS = ['!=', '==', '>', '>=', '<', '<='];
-        this.operatorItems$ = this.translateService
+        this.widgetTranslationService = widgetTranslationService;
+        this.configurationEvent = new EventEmitter();
+        this.$disabled = signal(false);
+        /**
+         * The whole condition tree. Kept for the lifetime of the component - a prefill resets its
+         * contents - so that the subscription below survives it.
+         */
+        this.conditionsForm = createConditionGroup('and');
+        this.testIds = TASK_COUNT_TEST_IDS;
+        // Declared before the observables below, which read it at field-initialization time.
+        this._$selectedCaseDefinitionName = signal(undefined);
+        this._serializedConditions$ = this.conditionsForm.valueChanges.pipe(startWith(null), map(() => serializeConditionGroup(this.conditionsForm.getRawValue())), shareReplay({ bufferSize: 1, refCount: true }));
+        this.hasUnsupportedConditions$ = this._serializedConditions$.pipe(map(serialized => serialized.hasUnsupportedNodes));
+        /**
+         * Emits once and then on every language change. Subscribing to a translation is the only way to
+         * be notified, so the lists below are rebuilt whenever this fires.
+         */
+        this._languageChange$ = this.translateService
             .stream('key')
-            .pipe(map(() => this._OPERATORS.map(operator => ({
+            .pipe(shareReplay({ bufferSize: 1, refCount: true }));
+        this.caseDefinitionItems$ = combineLatest([
+            this.documentService.getAllDefinitions(),
+            toObservable(this._$selectedCaseDefinitionName),
+            this._languageChange$,
+        ]).pipe(map(([definitions, selectedCaseDefinitionName]) => [
+            {
+                content: this.widgetTranslationService.instant('allCaseDefinitions', this.dataSourceKey),
+                selected: selectedCaseDefinitionName === undefined,
+                caseDefinitionName: undefined,
+            },
+            ...definitions.content.map(definition => ({
+                content: definition.id.name,
+                selected: definition.id.name === selectedCaseDefinitionName,
+                caseDefinitionName: definition.id.name,
+            })),
+        ]));
+        this.operatorItems$ = this._languageChange$.pipe(map(() => EDITABLE_CONDITION_OPERATORS.map(operator => ({
             id: operator,
             content: this.translateService.instant('condition.operator.' + operator),
             selected: false,
         }))));
-        this.defaultConditionValues$ = new BehaviorSubject(null);
-        this.allConditionsValid$ = new BehaviorSubject(true);
-        this.configurationEvent = new EventEmitter();
+        this.unsupportedConditionsNotification$ = this._languageChange$.pipe(map(() => ({
+            type: 'info',
+            lowContrast: true,
+            title: this.widgetTranslationService.instant('unsupportedConditionsNotification', this.dataSourceKey),
+            showClose: false,
+        })));
         this._subscriptions = new Subscription();
     }
     ngOnInit() {
-        this.openFormSubscription();
+        this._subscriptions.add(this.conditionsForm.valueChanges.subscribe(() => this.emit()));
+        this.emit();
     }
     ngOnDestroy() {
         this._subscriptions.unsubscribe();
     }
-    conditionsValueChange(values) {
-        if (values.length === 0) {
-            this.queryConditions.setValue(null);
-        }
-        else {
-            this.queryConditions.setValue(values.map(value => ({
-                queryPath: value.key,
-                queryOperator: value.dropdown,
-                queryValue: value.value,
-            })));
+    caseDefinitionSelected(event) {
+        if (!event) {
+            return;
         }
+        this._$selectedCaseDefinitionName.set(event.item?.caseDefinitionName ?? undefined);
+        this.emit();
+    }
+    /** Rows are a form control, so the multi input follows the form, not a [disabled] binding. */
+    applyDisabledState() {
+        this.$disabled()
+            ? this.conditionsForm.disable({ emitEvent: false })
+            : this.conditionsForm.enable({ emitEvent: false });
+    }
+    emit() {
+        const { node } = serializeConditionGroup(this.conditionsForm.getRawValue());
+        this.configurationEvent.emit({
+            // A disabled form is neither valid nor invalid, so a read-only configuration is not reported
+            // as an incomplete one.
+            valid: !this.conditionsForm.invalid,
+            data: {
+                caseDefinitionName: this._$selectedCaseDefinitionName() ?? undefined,
+                // Emitted as a single root node so that the operator of the outermost group survives a
+                // save/reload round-trip. An empty root is omitted entirely: the backend rejects empty
+                // `and`/`or` groups.
+                conditions: node ? [node] : [],
+            },
+        });
     }
-    onAllConditionsValid(allConditionsValid) {
-        this.allConditionsValid$.next(allConditionsValid);
-    }
-    openFormSubscription() {
-        this._subscriptions.add(combineLatest([
-            this.form.valueChanges.pipe(startWith(this.form.value)),
-            this.allConditionsValid$,
-        ]).subscribe(([formValue, allConditionsValid]) => {
-            this.configurationEvent.emit({
-                valid: this.form.valid && allConditionsValid,
-                data: formValue,
-            });
-        }));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TaskCountConfigurationComponent, deps: [{ token: i1$3.FormBuilder }, { token: i3$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: TaskCountConfigurationComponent, isStandalone: false, selector: "ng-component", inputs: { dataSourceKey: "dataSourceKey", disabled: "disabled", prefillConfiguration: "prefillConfiguration" }, outputs: { configurationEvent: "configurationEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<form\n  class=\"task-count-configuration-form\"\n  *ngIf=\"{operatorItems: operatorItems$} as obs\"\n  [formGroup]=\"form\"\n>\n  <div class=\"form__element conditions-multi-input\">\n    <cds-label\n      [helperText]=\"'conditionsHelperText' | widgetTranslate: dataSourceKey | async\"\n      class=\"conditions-label\"\n      >{{ 'conditions' | widgetTranslate: dataSourceKey | async }}</cds-label\n    >\n    <valtimo-carbon-multi-input\n      [addRowText]=\"'addCondition' | widgetTranslate: dataSourceKey | async\"\n      [defaultValues]=\"defaultConditionValues$ | async\"\n      [dropdownColumnTitle]=\"'operator' | widgetTranslate: dataSourceKey | async\"\n      [dropdownItems]=\"operatorItems$ | async\"\n      [fullWidth]=\"true\"\n      [initialAmountOfRows]=\"0\"\n      [keyColumnTitle]=\"'path' | widgetTranslate: dataSourceKey | async\"\n      [minimumAmountOfRows]=\"0\"\n      [valueColumnTitle]=\"'value' | widgetTranslate: dataSourceKey | async\"\n      type=\"keyDropdownValue\"\n      (allValuesValidEvent)=\"onAllConditionsValid($event)\"\n      (valueChange)=\"conditionsValueChange($event)\"\n    ></valtimo-carbon-multi-input>\n  </div>\n</form>\n", styles: ["::ng-deep .task-count-configuration-form .conditions-label{margin-bottom:16px}::ng-deep .task-count-configuration-form .conditions-multi-input .cds--form__helper-text{font-style:italic}\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: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i4.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "component", type: i1$1.CarbonMultiInputComponent, selector: "valtimo-carbon-multi-input", inputs: ["addRowText", "addButtonType", "addRowTranslationKey", "arbitraryAmountTitles", "arbitraryValueAmount", "defaultValues", "deleteRowText", "deleteRowTranslationKey", "disabled", "dropdownColumnTitle", "dropdownItems", "dropdownWidth", "fullWidth", "hideAddButton", "hideDeleteButton", "initialAmountOfRows", "keyColumnTitle", "margin", "maxRows", "minimumAmountOfRows", "name", "required", "title", "titleTranslationKey", "tooltip", "type", "valueColumnTitle", "valuePathSelectorCaseDefinitionKey", "valuePathSelectorPrefixes", "valuePathSelectorShowCaseDefinitionSelector", "valuePathSelectorNotation", "keyColumnFlex", "dropdownColumnFlex", "valueColumnFlex"], outputs: ["valueChange", "allValuesValidEvent"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: WidgetTranslatePipe, name: "widgetTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TaskCountConfigurationComponent, deps: [{ token: i2$2.DocumentService }, { token: i3$1.TranslateService }, { token: WidgetTranslationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TaskCountConfigurationComponent, isStandalone: false, selector: "ng-component", inputs: { dataSourceKey: "dataSourceKey", disabled: "disabled", prefillConfiguration: "prefillConfiguration" }, outputs: { configurationEvent: "configurationEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"task-count-configuration-form\">\n  <div class=\"form__element\">\n    <cds-dropdown\n      [appendInline]=\"true\"\n      [attr.data-test-id]=\"testIds.caseDefinitionDropdown\"\n      [disabled]=\"$disabled()\"\n      [helperText]=\"'caseDefinitionNameHelperText' | widgetTranslate: dataSourceKey | async\"\n      [label]=\"'caseDefinitionName' | widgetTranslate: dataSourceKey | async\"\n      (selected)=\"caseDefinitionSelected($event)\"\n    >\n      <cds-dropdown-list [items]=\"(caseDefinitionItems$ | async) || []\"></cds-dropdown-list>\n    </cds-dropdown>\n  </div>\n\n  @if (hasUnsupportedConditions$ | async) {\n    <div class=\"form__element\">\n      <cds-inline-notification\n        [notificationObj]=\"unsupportedConditionsNotification$ | async\"\n      ></cds-inline-notification>\n    </div>\n  }\n\n  <cds-label\n    [helperText]=\"'conditionsHelperText' | widgetTranslate: dataSourceKey | async\"\n    class=\"conditions-label\"\n    >{{ 'conditions' | widgetTranslate: dataSourceKey | async }}</cds-label\n  >\n\n  <valtimo-task-count-condition-group\n    [dataSourceKey]=\"dataSourceKey\"\n    [disabled]=\"$disabled()\"\n    [group]=\"conditionsForm\"\n    [operatorItems]=\"(operatorItems$ | async) || []\"\n    [root]=\"true\"\n  ></valtimo-task-count-condition-group>\n</div>\n", styles: ["::ng-deep .task-count-configuration-form{margin-bottom:24px}::ng-deep .task-count-configuration-form .form__element{margin-bottom:16px}::ng-deep .task-count-configuration-form .conditions-label{display:flex;flex-direction:column;margin-bottom:16px}::ng-deep .task-count-configuration-form .conditions-label .cds--form__helper-text{font-style:italic}\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: "component", type: i4.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "component", type: i4.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.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "component", type: i4.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }, { kind: "component", type: TaskCountConditionGroupComponent, selector: "valtimo-task-count-condition-group", inputs: ["group", "dataSourceKey", "disabled", "operatorItems", "root"], outputs: ["deleteGroupEvent"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: WidgetTranslatePipe, name: "widgetTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TaskCountConfigurationComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<form\n  class=\"task-count-configuration-form\"\n  *ngIf=\"{operatorItems: operatorItems$} as obs\"\n  [formGroup]=\"form\"\n>\n  <div class=\"form__element conditions-multi-input\">\n    <cds-label\n      [helperText]=\"'conditionsHelperText' | widgetTranslate: dataSourceKey | async\"\n      class=\"conditions-label\"\n      >{{ 'conditions' | widgetTranslate: dataSourceKey | async }}</cds-label\n    >\n    <valtimo-carbon-multi-input\n      [addRowText]=\"'addCondition' | widgetTranslate: dataSourceKey | async\"\n      [defaultValues]=\"defaultConditionValues$ | async\"\n      [dropdownColumnTitle]=\"'operator' | widgetTranslate: dataSourceKey | async\"\n      [dropdownItems]=\"operatorItems$ | async\"\n      [fullWidth]=\"true\"\n      [initialAmountOfRows]=\"0\"\n      [keyColumnTitle]=\"'path' | widgetTranslate: dataSourceKey | async\"\n      [minimumAmountOfRows]=\"0\"\n      [valueColumnTitle]=\"'value' | widgetTranslate: dataSourceKey | async\"\n      type=\"keyDropdownValue\"\n      (allValuesValidEvent)=\"onAllConditionsValid($event)\"\n      (valueChange)=\"conditionsValueChange($event)\"\n    ></valtimo-carbon-multi-input>\n  </div>\n</form>\n", styles: ["::ng-deep .task-count-configuration-form .conditions-label{margin-bottom:16px}::ng-deep .task-count-configuration-form .conditions-multi-input .cds--form__helper-text{font-style:italic}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
-        }], ctorParameters: () => [{ type: i1$3.FormBuilder }, { type: i3$1.TranslateService }], propDecorators: { dataSourceKey: [{
+            args: [{ standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"task-count-configuration-form\">\n  <div class=\"form__element\">\n    <cds-dropdown\n      [appendInline]=\"true\"\n      [attr.data-test-id]=\"testIds.caseDefinitionDropdown\"\n      [disabled]=\"$disabled()\"\n      [helperText]=\"'caseDefinitionNameHelperText' | widgetTranslate: dataSourceKey | async\"\n      [label]=\"'caseDefinitionName' | widgetTranslate: dataSourceKey | async\"\n      (selected)=\"caseDefinitionSelected($event)\"\n    >\n      <cds-dropdown-list [items]=\"(caseDefinitionItems$ | async) || []\"></cds-dropdown-list>\n    </cds-dropdown>\n  </div>\n\n  @if (hasUnsupportedConditions$ | async) {\n    <div class=\"form__element\">\n      <cds-inline-notification\n        [notificationObj]=\"unsupportedConditionsNotification$ | async\"\n      ></cds-inline-notification>\n    </div>\n  }\n\n  <cds-label\n    [helperText]=\"'conditionsHelperText' | widgetTranslate: dataSourceKey | async\"\n    class=\"conditions-label\"\n    >{{ 'conditions' | widgetTranslate: dataSourceKey | async }}</cds-label\n  >\n\n  <valtimo-task-count-condition-group\n    [dataSourceKey]=\"dataSourceKey\"\n    [disabled]=\"$disabled()\"\n    [group]=\"conditionsForm\"\n    [operatorItems]=\"(operatorItems$ | async) || []\"\n    [root]=\"true\"\n  ></valtimo-task-count-condition-group>\n</div>\n", styles: ["::ng-deep .task-count-configuration-form{margin-bottom:24px}::ng-deep .task-count-configuration-form .form__element{margin-bottom:16px}::ng-deep .task-count-configuration-form .conditions-label{display:flex;flex-direction:column;margin-bottom:16px}::ng-deep .task-count-configuration-form .conditions-label .cds--form__helper-text{font-style:italic}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+        }], ctorParameters: () => [{ type: i2$2.DocumentService }, { type: i3$1.TranslateService }, { type: WidgetTranslationService }], propDecorators: { dataSourceKey: [{
                 type: Input
             }], disabled: [{
                 type: Input
@@ -3989,7 +4372,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
  */
 
 /*
- * Copyright 2015-2025 Ritense BV, the Netherlands.
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -4041,30 +4424,54 @@ const taskCountSpecification = {
     translations: {
         de: {
             title: 'Aufgabenanzahl',
-            path: 'Pfad',
+            path: 'Pfad (erforderlich)',
             operator: 'Operator',
             value: 'Wert',
-            conditions: 'Bedingungen',
-            conditionsHelperText: `Geben Sie optionale Bedingungen zum Abrufen der Anzahl der Aufgaben. ${CONDITIONS_HELPER_TEXTS.DE('task:assignee')}`,
+            caseDefinitionName: 'Falltyp',
+            caseDefinitionNameHelperText: 'Optional. Zählt nur Aufgaben, die zu diesem Falltyp gehören.',
+            allCaseDefinitions: 'Alle Falltypen',
+            conditions: 'Bedingungen (optional)',
+            conditionsHelperText: `Geben Sie optionale Bedingungen zum Abrufen der Anzahl der Aufgaben. ${CONDITIONS_HELPER_TEXTS.DE('task:assignee')} Bedingungen innerhalb einer Gruppe werden mit dem Operator der Gruppe verknüpft.`,
             addCondition: 'Bedingung hinzufügen',
+            and: 'UND',
+            or: 'ODER',
+            addGroup: 'Bedingungsgruppe hinzufügen',
+            deleteGroup: 'Bedingungsgruppe löschen',
+            unsupportedConditionsNotification: 'Dieses Widget enthält Bedingungen, die nur über Konfigurationsdateien bearbeitet werden können. Sie bleiben beim Speichern erhalten.',
         },
         en: {
             title: 'Task count',
             path: 'Path (required)',
             operator: 'Operator',
             value: 'Value',
-            conditions: 'Conditions',
-            conditionsHelperText: `Specify optional conditions for retrieving the number of tasks. ${CONDITIONS_HELPER_TEXTS.EN('task:assignee')}`,
+            caseDefinitionName: 'Case type',
+            caseDefinitionNameHelperText: 'Optional. Only counts tasks that belong to this case type.',
+            allCaseDefinitions: 'All case types',
+            conditions: 'Conditions (optional)',
+            conditionsHelperText: `Specify optional conditions for retrieving the number of tasks. ${CONDITIONS_HELPER_TEXTS.EN('task:assignee')} Conditions within a group are combined using the operator of that group.`,
             addCondition: 'Add condition',
+            and: 'AND',
+            or: 'OR',
+            addGroup: 'Add condition group',
+            deleteGroup: 'Delete condition group',
+            unsupportedConditionsNotification: 'This widget contains conditions that can only be edited through configuration files. They are preserved when you save.',
         },
         nl: {
             title: 'Aantal taken',
-            path: 'Pad',
+            path: 'Pad (verplicht)',
             operator: 'Operator',
             value: 'Waarde',
-            conditions: 'Condities',
-            conditionsHelperText: `Geef optionele condities op voor het ophalen van het aantal taken. ${CONDITIONS_HELPER_TEXTS.NL('task:assignee')}}`,
+            caseDefinitionName: 'Zaaktype',
+            caseDefinitionNameHelperText: 'Optioneel. Telt alleen taken die bij dit zaaktype horen.',
+            allCaseDefinitions: 'Alle zaaktypes',
+            conditions: 'Condities (optioneel)',
+            conditionsHelperText: `Geef optionele condities op voor het ophalen van het aantal taken. ${CONDITIONS_HELPER_TEXTS.NL('task:assignee')} Condities binnen een groep worden gecombineerd met de operator van die groep.`,
             addCondition: 'Conditie toevoegen',
+            and: 'EN',
+            or: 'OF',
+            addGroup: 'Conditiegroep toevoegen',
+            deleteGroup: 'Conditiegroep verwijderen',
+            unsupportedConditionsNotification: 'Dit widget bevat condities die alleen via configuratiebestanden bewerkt kunnen worden. Ze blijven behouden bij het opslaan.',
         },
     },
 };
@@ -4091,13 +4498,27 @@ class TaskCountDataSourceModule {
             WidgetTranslatePipeModule,
             InputModule,
             DropdownModule,
-            CarbonMultiInputModule], exports: [TaskCountConfigurationComponent] }); }
+            CarbonMultiInputModule,
+            ButtonModule,
+            ContentSwitcherModule,
+            IconModule,
+            LayerModule,
+            NotificationModule,
+            TilesModule,
+            TaskCountConditionGroupComponent], exports: [TaskCountConditionGroupComponent, TaskCountConfigurationComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TaskCountDataSourceModule, providers: [{ provide: DATA_SOURCE_TOKEN, useValue: taskCountSpecification, multi: true }], imports: [CommonModule,
             ReactiveFormsModule,
             WidgetTranslatePipeModule,
             InputModule,
             DropdownModule,
-            CarbonMultiInputModule] }); }
+            CarbonMultiInputModule,
+            ButtonModule,
+            ContentSwitcherModule,
+            IconModule,
+            LayerModule,
+            NotificationModule,
+            TilesModule,
+            TaskCountConditionGroupComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TaskCountDataSourceModule, decorators: [{
             type: NgModule,
@@ -4110,8 +4531,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         InputModule,
                         DropdownModule,
                         CarbonMultiInputModule,
+                        ButtonModule,
+                        ContentSwitcherModule,
+                        IconModule,
+                        LayerModule,
+                        NotificationModule,
+                        TilesModule,
+                        TaskCountConditionGroupComponent,
                     ],
-                    exports: [TaskCountConfigurationComponent],
+                    exports: [TaskCountConditionGroupComponent, TaskCountConfigurationComponent],
                     providers: [{ provide: DATA_SOURCE_TOKEN, useValue: taskCountSpecification, multi: true }],
                 }]
         }] });
@@ -4356,5 +4784,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { BigNumberConfigurationComponent, BigNumberDisplayComponent, BigNumberModule, CaseCountConfigurationComponent, CaseCountDataSourceModule, CaseCountsConfigurationComponent, CaseCountsDataSourceModule, CaseGroupByConfigurationComponent, CaseGroupByDataSourceModule, DASHBOARD_TEST_IDS, DASHBOARD_WIDGET_TEST_ID_PREFIX, DATA_FEATURES, DATA_SOURCE_TOKEN, DISPLAY_TYPE_TOKEN, DashboardComponent, DashboardModule, DashboardService, DataSourcesModule, DisplayWidgetTypesModule, DonutConfigurationComponent, DonutDisplayComponent, DonutModule, GaugeConfigurationComponent, GaugeDisplayComponent, GaugeModule, HttpLoaderFactory, MeterConfigurationComponent, MeterDisplayComponent, MeterModule, TaskCountConfigurationComponent, TaskCountDataSourceModule, WIDGET_1X_HEIGHT, WIDGET_1X_MIN_WIDTH, WidgetDashboardComponent, WidgetDashboardContentComponent, WidgetService, WidgetSeverity, WidgetTranslatePipe, WidgetTranslatePipeModule, WidgetTranslationService, bigNumberSpecification, caseCountDataSourceSpecification, caseCountsDataSourceSpecification, caseGroupByDataSourceSpecification, donutSpecification, gaugeSpecification, meterSpecification, taskCountSpecification };
+export { BigNumberConfigurationComponent, BigNumberDisplayComponent, BigNumberModule, CaseCountConfigurationComponent, CaseCountDataSourceModule, CaseCountsConfigurationComponent, CaseCountsDataSourceModule, CaseGroupByConfigurationComponent, CaseGroupByDataSourceModule, DASHBOARD_TEST_IDS, DASHBOARD_WIDGET_TEST_ID_PREFIX, DATA_FEATURES, DATA_SOURCE_TOKEN, DISPLAY_TYPE_TOKEN, DashboardComponent, DashboardModule, DashboardService, DataSourcesModule, DisplayWidgetTypesModule, DonutConfigurationComponent, DonutDisplayComponent, DonutModule, GaugeConfigurationComponent, GaugeDisplayComponent, GaugeModule, HttpLoaderFactory, MeterConfigurationComponent, MeterDisplayComponent, MeterModule, TaskCountConditionGroupComponent, TaskCountConfigurationComponent, TaskCountDataSourceModule, WIDGET_1X_HEIGHT, WIDGET_1X_MIN_WIDTH, WidgetDashboardComponent, WidgetDashboardContentComponent, WidgetService, WidgetSeverity, WidgetTranslatePipe, WidgetTranslatePipeModule, WidgetTranslationService, bigNumberSpecification, caseCountDataSourceSpecification, caseCountsDataSourceSpecification, caseGroupByDataSourceSpecification, donutSpecification, gaugeSpecification, meterSpecification, taskCountSpecification };
 //# sourceMappingURL=valtimo-dashboard.mjs.map