@valtimo/dashboard 12.5.1 → 12.7.0

package/fesm2022/valtimo-dashboard.mjs

@@ -10,7 +10,7 @@ import { RouterModule } from '@angular/router';
 import * as i3 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1$1 from '@valtimo/components';
-import { CarbonListModule, WidgetModule, ListModule, BpmnJsDiagramModule, AlertModule, SpinnerModule, CarbonMultiInputModule, InputModule as InputModule$1 } from '@valtimo/components';
+import { CarbonListModule, ValuePathSelectorPrefix, CarbonMultiInputModule, InputModule as InputModule$1, ValuePathSelectorComponent, WidgetModule, ListModule, BpmnJsDiagramModule, AlertModule, SpinnerModule } from '@valtimo/components';
 import * as i3$1 from '@ngx-translate/core';
 import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
 import Muuri from 'muuri';
@@ -19,17 +19,17 @@ import { HttpClient } from '@angular/common/http';
 import * as i2$1 from '@valtimo/config';
 import { ROLE_USER } from '@valtimo/config';
 import * as i5 from 'carbon-components-angular';
-import { InputModule, CheckboxModule, TabsModule, ThemeModule, LoadingModule, DropdownModule, ButtonModule, TilesModule, LayerModule, IconModule } from 'carbon-components-angular';
+import { InputModule, CheckboxModule, DropdownModule, ButtonModule, TilesModule, LayerModule, IconModule, TabsModule, ThemeModule, LoadingModule } from 'carbon-components-angular';
 import * as i1$3 from '@angular/forms';
 import { Validators, ReactiveFormsModule } from '@angular/forms';
 import { ScaleTypes } from '@carbon/charts';
 import * as i3$2 from '@carbon/charts-angular';
 import { ChartsModule } from '@carbon/charts-angular';
-import { TranslateHttpLoader } from '@ngx-translate/http-loader';
-import { AuthGuardService } from '@valtimo/security';
 import * as i2$2 from '@valtimo/document';
 import { isEqual } from 'lodash';
 import { Add16, TrashCan16 } from '@carbon/icons';
+import { TranslateHttpLoader } from '@ngx-translate/http-loader';
+import { AuthGuardService } from '@valtimo/security';
 
 /*
  * Copyright 2015-2024 Ritense BV, the Netherlands.
@@ -431,10 +431,11 @@ class WidgetDashboardContentComponent {
     get _muuriInitialized$() {
         return this._muuri$.pipe(map$1(muuri => !!muuri));
     }
-    constructor(layoutService, widgetService, renderer) {
+    constructor(layoutService, widgetService, renderer, router) {
         this.layoutService = layoutService;
         this.widgetService = widgetService;
         this.renderer = renderer;
+        this.router = router;
         this._isLoading$ = new BehaviorSubject(true);
         this._widgetData$ = new BehaviorSubject([]);
         this.widgetConfigurations$ = new BehaviorSubject(null);
@@ -460,6 +461,12 @@ class WidgetDashboardContentComponent {
         this._observer?.disconnect();
         this._subscriptions?.unsubscribe();
     }
+    navigateToRoute(widgetConfiguration, event) {
+        if (widgetConfiguration.url) {
+            event.preventDefault();
+            this.router.navigateByUrl(widgetConfiguration.url);
+        }
+    }
     setWidgetConfigurations(dashboard) {
         this.widgetService.supportedDisplayTypes$.pipe(take(1)).subscribe(supportedDisplayTypes => {
             const supportedWidgetConfigurations = dashboard.widgets?.filter(widgetConfiguration => supportedDisplayTypes.find(type => type.displayTypeKey === widgetConfiguration.displayType)) || [];
@@ -536,13 +543,13 @@ class WidgetDashboardContentComponent {
         }));
         this._creatingMuuri = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WidgetDashboardContentComponent, deps: [{ token: WidgetLayoutService }, { token: WidgetService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: WidgetDashboardContentComponent, selector: "valtimo-widget-dashboard-content", inputs: { widgetData: "widgetData", dashboard: "dashboard" }, providers: [WidgetLayoutService], viewQueries: [{ propertyName: "_widgetContainerRef", first: true, predicate: ["widgetContainer"], descendants: true }, { propertyName: "_widgetConfigurationRefs", predicate: ["widgetConfiguration"], descendants: true }, { propertyName: "_widgetConfigurationContentVcRefs", predicate: ["widgetConfigurationContent"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container *ngIf=\"{loaded: loaded$ | async} as obs\">\n  <div *ngIf=\"!obs.loaded\" class=\"loading-container\">\n    <cds-loading></cds-loading>\n  </div>\n</ng-container>\n\n<div\n  #widgetContainer\n  class=\"widget-container\"\n  [ngClass]=\"{'widget-container__visible': loaded$ | async}\"\n>\n  <ng-container *ngIf=\"widgetConfigurations$ | async as widgetConfigurations\">\n    <ng-container *ngFor=\"let config of widgetConfigurations\">\n      <div #widgetConfiguration [id]=\"config.key\" class=\"widget-configuration\">\n        <div class=\"widget-configuration-content\">\n          <ng-container #widgetConfigurationContent></ng-container>\n        </div>\n      </div>\n    </ng-container>\n\n    <valtimo-no-results\n      *ngIf=\"!widgetConfigurations.length\"\n      [title]=\"'dashboard.noWidgets' | translate\"\n      [description]=\"'dashboard.noWidgetsDescription' | translate\"\n      illustration=\"valtimo-layout/img/no-widgets.svg\"\n    ></valtimo-no-results>\n  </ng-container>\n</div>\n", styles: [":host{position:relative}.widget-container{margin-top:16px;width:calc(100% + 16px);margin-left:-8px;position:relative;visibility:hidden}.widget-container__visible{visibility:visible}.widget-configuration{position:absolute;display:flex;justify-content:center;align-items:center}.widget-configuration-content{width:calc(100% - 16px);height:calc(100% - 16px);background-color:#fff}.loading-container{padding-top:32px;position:absolute;top:0;display:flex;width:100%;justify-content:center}\n/*!\n * Copyright 2015-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "component", type: i1$1.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WidgetDashboardContentComponent, deps: [{ token: WidgetLayoutService }, { token: WidgetService }, { token: i0.Renderer2 }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: WidgetDashboardContentComponent, selector: "valtimo-widget-dashboard-content", inputs: { widgetData: "widgetData", dashboard: "dashboard" }, providers: [WidgetLayoutService], viewQueries: [{ propertyName: "_widgetContainerRef", first: true, predicate: ["widgetContainer"], descendants: true }, { propertyName: "_widgetConfigurationRefs", predicate: ["widgetConfiguration"], descendants: true }, { propertyName: "_widgetConfigurationContentVcRefs", predicate: ["widgetConfigurationContent"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container *ngIf=\"{loaded: loaded$ | async} as obs\">\n  <div *ngIf=\"!obs.loaded\" class=\"loading-container\">\n    <cds-loading></cds-loading>\n  </div>\n</ng-container>\n\n<div\n  #widgetContainer\n  class=\"widget-container\"\n  [ngClass]=\"{'widget-container__visible': loaded$ | async}\"\n>\n  <ng-container *ngIf=\"widgetConfigurations$ | async as widgetConfigurations\">\n    <ng-container *ngFor=\"let config of widgetConfigurations\">\n      <div #widgetConfiguration [id]=\"config.key\" class=\"widget-configuration\">\n        <div\n          (click)=\"navigateToRoute(config, $event)\"\n          [ngClass]=\"{\n            'widget-configuration-content-clickable': config.url,\n          }\"\n          class=\"widget-configuration-content\"\n        >\n          <ng-container #widgetConfigurationContent></ng-container>\n        </div>\n      </div>\n    </ng-container>\n\n    <valtimo-no-results\n      *ngIf=\"!widgetConfigurations.length\"\n      [title]=\"'dashboard.noWidgets' | translate\"\n      [description]=\"'dashboard.noWidgetsDescription' | translate\"\n      illustration=\"valtimo-layout/img/no-widgets.svg\"\n    ></valtimo-no-results>\n  </ng-container>\n</div>\n", styles: [":host{position:relative}.widget-container{margin-top:16px;width:calc(100% + 16px);margin-left:-8px;position:relative;visibility:hidden}.widget-container__visible{visibility:visible}.widget-configuration{position:absolute;display:flex;justify-content:center;align-items:center}.widget-configuration-content{width:calc(100% - 16px);height:calc(100% - 16px);background-color:#fff}.widget-configuration-content-clickable{cursor:pointer}.loading-container{padding-top:32px;position:absolute;top:0;display:flex;width:100%;justify-content:center}\n/*!\n * Copyright 2015-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "component", type: i1$1.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WidgetDashboardContentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'valtimo-widget-dashboard-content', providers: [WidgetLayoutService], template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container *ngIf=\"{loaded: loaded$ | async} as obs\">\n  <div *ngIf=\"!obs.loaded\" class=\"loading-container\">\n    <cds-loading></cds-loading>\n  </div>\n</ng-container>\n\n<div\n  #widgetContainer\n  class=\"widget-container\"\n  [ngClass]=\"{'widget-container__visible': loaded$ | async}\"\n>\n  <ng-container *ngIf=\"widgetConfigurations$ | async as widgetConfigurations\">\n    <ng-container *ngFor=\"let config of widgetConfigurations\">\n      <div #widgetConfiguration [id]=\"config.key\" class=\"widget-configuration\">\n        <div class=\"widget-configuration-content\">\n          <ng-container #widgetConfigurationContent></ng-container>\n        </div>\n      </div>\n    </ng-container>\n\n    <valtimo-no-results\n      *ngIf=\"!widgetConfigurations.length\"\n      [title]=\"'dashboard.noWidgets' | translate\"\n      [description]=\"'dashboard.noWidgetsDescription' | translate\"\n      illustration=\"valtimo-layout/img/no-widgets.svg\"\n    ></valtimo-no-results>\n  </ng-container>\n</div>\n", styles: [":host{position:relative}.widget-container{margin-top:16px;width:calc(100% + 16px);margin-left:-8px;position:relative;visibility:hidden}.widget-container__visible{visibility:visible}.widget-configuration{position:absolute;display:flex;justify-content:center;align-items:center}.widget-configuration-content{width:calc(100% - 16px);height:calc(100% - 16px);background-color:#fff}.loading-container{padding-top:32px;position:absolute;top:0;display:flex;width:100%;justify-content:center}\n/*!\n * Copyright 2015-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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: WidgetLayoutService }, { type: WidgetService }, { type: i0.Renderer2 }], propDecorators: { _widgetConfigurationRefs: [{
+            args: [{ selector: 'valtimo-widget-dashboard-content', providers: [WidgetLayoutService], template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container *ngIf=\"{loaded: loaded$ | async} as obs\">\n  <div *ngIf=\"!obs.loaded\" class=\"loading-container\">\n    <cds-loading></cds-loading>\n  </div>\n</ng-container>\n\n<div\n  #widgetContainer\n  class=\"widget-container\"\n  [ngClass]=\"{'widget-container__visible': loaded$ | async}\"\n>\n  <ng-container *ngIf=\"widgetConfigurations$ | async as widgetConfigurations\">\n    <ng-container *ngFor=\"let config of widgetConfigurations\">\n      <div #widgetConfiguration [id]=\"config.key\" class=\"widget-configuration\">\n        <div\n          (click)=\"navigateToRoute(config, $event)\"\n          [ngClass]=\"{\n            'widget-configuration-content-clickable': config.url,\n          }\"\n          class=\"widget-configuration-content\"\n        >\n          <ng-container #widgetConfigurationContent></ng-container>\n        </div>\n      </div>\n    </ng-container>\n\n    <valtimo-no-results\n      *ngIf=\"!widgetConfigurations.length\"\n      [title]=\"'dashboard.noWidgets' | translate\"\n      [description]=\"'dashboard.noWidgetsDescription' | translate\"\n      illustration=\"valtimo-layout/img/no-widgets.svg\"\n    ></valtimo-no-results>\n  </ng-container>\n</div>\n", styles: [":host{position:relative}.widget-container{margin-top:16px;width:calc(100% + 16px);margin-left:-8px;position:relative;visibility:hidden}.widget-container__visible{visibility:visible}.widget-configuration{position:absolute;display:flex;justify-content:center;align-items:center}.widget-configuration-content{width:calc(100% - 16px);height:calc(100% - 16px);background-color:#fff}.widget-configuration-content-clickable{cursor:pointer}.loading-container{padding-top:32px;position:absolute;top:0;display:flex;width:100%;justify-content:center}\n/*!\n * Copyright 2015-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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: WidgetLayoutService }, { type: WidgetService }, { type: i0.Renderer2 }, { type: i2.Router }], propDecorators: { _widgetConfigurationRefs: [{
                 type: ViewChildren,
                 args: ['widgetConfiguration']
             }], _widgetConfigurationContentVcRefs: [{
@@ -2653,137 +2660,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 }]
         }] });
 
-/*
- * Copyright 2015-2024 Ritense BV, the Netherlands.
- *
- * Licensed under EUPL, Version 1.2 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-const routes = [
-    {
-        path: '',
-        component: WidgetDashboardComponent,
-        canActivate: [AuthGuardService],
-        data: { title: 'Dashboard', roles: [ROLE_USER], hidePageTitle: true },
-    },
-];
-class DashboardRoutingModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DashboardRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: DashboardRoutingModule, imports: [CommonModule, i2.RouterModule], exports: [RouterModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DashboardRoutingModule, imports: [CommonModule, RouterModule.forChild(routes), RouterModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DashboardRoutingModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [],
-                    imports: [CommonModule, RouterModule.forChild(routes)],
-                    exports: [RouterModule],
-                }]
-        }] });
-
-/*
- * Copyright 2015-2024 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.
- */
-// AoT requires an exported function for factories
-function HttpLoaderFactory(httpClient) {
-    return new TranslateHttpLoader(httpClient);
-}
-class DashboardModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DashboardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: DashboardModule, declarations: [DashboardComponent, WidgetDashboardComponent, WidgetDashboardContentComponent], imports: [CommonModule,
-            DashboardRoutingModule,
-            WidgetModule,
-            ListModule,
-            BpmnJsDiagramModule, i3$1.TranslateModule, AlertModule,
-            TaskModule,
-            SpinnerModule,
-            TabsModule,
-            ThemeModule,
-            WidgetTranslatePipeModule,
-            LoadingModule,
-            CarbonListModule,
-            DisplayWidgetTypesModule], exports: [DashboardComponent, WidgetDashboardComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DashboardModule, providers: [
-            { provide: DISPLAY_TYPE_TOKEN, useValue: null, multi: true },
-            { provide: DATA_SOURCE_TOKEN, useValue: null, multi: true },
-        ], imports: [CommonModule,
-            DashboardRoutingModule,
-            WidgetModule,
-            ListModule,
-            BpmnJsDiagramModule,
-            TranslateModule.forRoot({
-                loader: {
-                    provide: TranslateLoader,
-                    useFactory: HttpLoaderFactory,
-                    deps: [HttpClient],
-                },
-            }),
-            AlertModule,
-            TaskModule,
-            SpinnerModule,
-            TabsModule,
-            ThemeModule,
-            WidgetTranslatePipeModule,
-            LoadingModule,
-            CarbonListModule,
-            DisplayWidgetTypesModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DashboardModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [DashboardComponent, WidgetDashboardComponent, WidgetDashboardContentComponent],
-                    imports: [
-                        CommonModule,
-                        DashboardRoutingModule,
-                        WidgetModule,
-                        ListModule,
-                        BpmnJsDiagramModule,
-                        TranslateModule.forRoot({
-                            loader: {
-                                provide: TranslateLoader,
-                                useFactory: HttpLoaderFactory,
-                                deps: [HttpClient],
-                            },
-                        }),
-                        AlertModule,
-                        TaskModule,
-                        SpinnerModule,
-                        TabsModule,
-                        ThemeModule,
-                        WidgetTranslatePipeModule,
-                        LoadingModule,
-                        CarbonListModule,
-                        DisplayWidgetTypesModule,
-                    ],
-                    exports: [DashboardComponent, WidgetDashboardComponent],
-                    providers: [
-                        { provide: DISPLAY_TYPE_TOKEN, useValue: null, multi: true },
-                        { provide: DATA_SOURCE_TOKEN, useValue: null, multi: true },
-                    ],
-                }]
-        }] });
-
 /*
  * Copyright 2015-2024 Ritense BV, the Netherlands.
  *
@@ -2837,10 +2713,10 @@ class CaseCountConfigurationComponent {
             documentDefinition: this.fb.control(null, [Validators.required]),
             queryConditions: this.fb.control(null),
         });
-        this._selectedDocumentDefinition$ = new BehaviorSubject('');
+        this.selectedDocumentDefinition$ = new BehaviorSubject('');
         this.documentItems$ = combineLatest([
             this.documentService.getAllDefinitions(),
-            this._selectedDocumentDefinition$,
+            this.selectedDocumentDefinition$,
         ]).pipe(map(([documentDefinitions, selectedDocumentDefintion]) => documentDefinitions.content.map(definition => ({
             content: definition.id.name,
             selected: definition.id.name === selectedDocumentDefintion,
@@ -2863,6 +2739,7 @@ class CaseCountConfigurationComponent {
         this.defaultConditionValues$ = new BehaviorSubject(null);
         this.allConditionsValid$ = new BehaviorSubject(true);
         this.configurationEvent = new EventEmitter();
+        this.ValuePathSelectorPrefix = ValuePathSelectorPrefix;
         this._subscriptions = new Subscription();
     }
     ngOnInit() {
@@ -2875,7 +2752,7 @@ class CaseCountConfigurationComponent {
         if (!documentDefinitionItem) {
             return;
         }
-        this._selectedDocumentDefinition$.next(documentDefinitionItem?.item?.content);
+        this.selectedDocumentDefinition$.next(documentDefinitionItem?.item?.content);
         this.documentDefinition.setValue(documentDefinitionItem?.item?.content);
     }
     conditionsValueChange(values) {
@@ -2905,11 +2782,11 @@ class CaseCountConfigurationComponent {
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CaseCountConfigurationComponent, deps: [{ token: i1$3.FormBuilder }, { token: i2$2.DocumentService }, { token: i3$1.TranslateService }, { token: WidgetTranslationService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CaseCountConfigurationComponent, selector: "ng-component", inputs: { dataSourceKey: "dataSourceKey", disabled: "disabled", prefillConfiguration: "prefillConfiguration" }, outputs: { configurationEvent: "configurationEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF 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      [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 .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-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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: i5.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "component", type: i5.Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: ["id", "label", "hideLabel", "helperText", "placeholder", "displayValue", "clearText", "size", "type", "theme", "disabled", "skeleton", "inline", "disableArrowKeys", "invalid", "invalidText", "warn", "warnText", "appendInline", "scrollableContainer", "itemValueKey", "selectionFeedback", "menuButtonLabel", "selectedLabel", "dropUp"], outputs: ["selected", "onClose", "close"] }, { kind: "component", type: i5.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: ["name", "title", "titleTranslationKey", "type", "arbitraryValueAmount", "arbitraryAmountTitles", "initialAmountOfRows", "minimumAmountOfRows", "maxRows", "addRowText", "addRowTranslationKey", "deleteRowText", "deleteRowTranslationKey", "disabled", "defaultValues", "margin", "tooltip", "required", "keyColumnTitle", "valueColumnTitle", "dropdownColumnTitle", "hideDeleteButton", "hideAddButton", "dropdownItems", "dropdownWidth", "fullWidth", "carbonTheme"], 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: "17.3.12", type: CaseCountConfigurationComponent, selector: "ng-component", inputs: { dataSourceKey: "dataSourceKey", disabled: "disabled", prefillConfiguration: "prefillConfiguration" }, outputs: { configurationEvent: "configurationEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF 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      [valuePathSelectorShowDocumentDefinitionSelector]=\"false\"\n      [valuePathSelectorDocumentDefinitionName]=\"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-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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: i5.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "component", type: i5.Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: ["id", "label", "hideLabel", "helperText", "placeholder", "displayValue", "clearText", "size", "type", "theme", "disabled", "skeleton", "inline", "disableArrowKeys", "invalid", "invalidText", "warn", "warnText", "appendInline", "scrollableContainer", "itemValueKey", "selectionFeedback", "menuButtonLabel", "selectedLabel", "dropUp"], outputs: ["selected", "onClose", "close"] }, { kind: "component", type: i5.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", "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", "valuePathSelectorDocumentDefinitionName", "valuePathSelectorPrefixes", "valuePathSelectorShowDocumentDefinitionSelector", "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: "17.3.12", ngImport: i0, type: CaseCountConfigurationComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF 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      [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 .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-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF 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      [valuePathSelectorShowDocumentDefinitionSelector]=\"false\"\n      [valuePathSelectorDocumentDefinitionName]=\"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-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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: i2$2.DocumentService }, { type: i3$1.TranslateService }, { type: WidgetTranslationService }], propDecorators: { dataSourceKey: [{
                 type: Input
             }], disabled: [{
@@ -2968,6 +2845,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * limitations under the License.
  */
 
+/*
+ * Copyright 2015-2024 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-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const CONDITIONS_HELPER_TEXTS = {
+    DE: (example = 'case:createdBy') => `Zum Beispiel: ‘${example}’, ‘Not equal to’, ‘test@test.com’. Um mit leeren Werten zu vergleichen, kann ‘\${null}’ als Wert verwendet werden. Um mit dem aktuellen Datum zu vergleichen, kann ‘\${localDateTimeNow}’ als Wert verwendet werden. Zusätzlich wird Logik wie ‘\${localDateTimeNow.minusWeeks(2)}’ unterstützt. Die Platzhalter ‘\${currentUserId}’, ‘\${currentUserEmail}’ und ‘\${currentUserIdentifier}’ ermöglichen die Anzeige personalisierter Informationen für den aktuellen Dashboard-Benutzer.`,
+    NL: (example = 'case:createdBy') => `Bijvoorbeeld: ‘${example}’, ‘Not equal to’, ‘test@test.com’. Om te vergelijken met lege waarden, kun je ‘\${null}’ gebruiken als waarde. Om te vergelijken met de huidige datum, gebruik je ‘\${localDateTimeNow}’ als waarde. Hier wordt logica zoals ‘\${localDateTimeNow.minusWeeks(2)}’ ondersteund. De placeholders ‘\${currentUserId}’, ‘\${currentUserEmail}’ en ‘\${currentUserIdentifier}’ maken het mogelijk om gepersonaliseerde informatie weer te geven voor de huidige dashboardgebruiker.`,
+    EN: (example = 'case:createdBy') => `For example: '${example}', 'Not equal to', 'test@test.com'. To compare against empty values, you can use '\${null}' as a value. To compare with the current date, use '\${localDateTimeNow}' as a value. Additionally, logic such as '\${localDateTimeNow.minusWeeks(2)}' is supported. The placeholders '\${currentUserId}', '\${currentUserEmail}', and '\${currentUserIdentifier}' enable the display of personalized information for the current dashboard user.`,
+};
+
 /*
  * Copyright 2015-2024 Ritense BV, the Netherlands.
  *
@@ -3017,7 +2931,7 @@ const caseCountDataSourceSpecification = {
             operator: 'Operator',
             value: 'Wert',
             conditions: 'Bedingungen',
-            conditionsHelperText: "Geben Sie optionale Bedingungen zum Abrufen der Anzahl der Fälle für den ausgewählten Falltyp an. Zum Beispiel: 'case:createdBy', 'Gleich', 'test@test.com'. Zum Vergleichen mit leeren Werten kann als Wert '${null}' eingegeben werden. Zum Vergleichen mit dem aktuellen Datum kann als Wert '${localDateTimeNow}' eingegeben werden. Damit wird beispielsweise auch folgende Logik unterstützt: '${localDateTimeNow.minusWeeks(2)}'.",
+            conditionsHelperText: `Geben Sie optionale Bedingungen zum Abrufen der Anzahl der Fälle für den ausgewählten Falltyp an. ${CONDITIONS_HELPER_TEXTS.DE()}`,
             addCondition: 'Bedingung hinzufügen',
         },
         en: {
@@ -3034,7 +2948,7 @@ const caseCountDataSourceSpecification = {
             operator: 'Operator',
             value: 'Value',
             conditions: 'Conditions',
-            conditionsHelperText: "Specify optional conditions for retrieving the number of cases for the selected case type. For example: 'case:createdBy', 'Equal to', 'test@test.com'. To compare with empty values, '${null}' can be entered as a value. To compare with the current date, '${localDateTimeNow}' can be entered as a value. This also supports, for example, the following logic: '${localDateTimeNow.minusWeeks(2)}'.",
+            conditionsHelperText: `Specify optional conditions for retrieving the number of cases for the selected case type. ${CONDITIONS_HELPER_TEXTS.EN()}`,
             addCondition: 'Add condition',
         },
         nl: {
@@ -3051,7 +2965,7 @@ const caseCountDataSourceSpecification = {
             operator: 'Operator',
             value: 'Waarde',
             conditions: 'Condities',
-            conditionsHelperText: "Geef optionele condities op voor het ophalen van het aantal zaken voor het geselecteerde zaaktype. Bijvoorbeeld: 'case:createdBy', 'Gelijk aan', 'test@test.com'. Voor het vergelijken met lege waardes kan '${null}' ingevuld worden als waarde. Voor het vergelijken met de huidige datum kan '${localDateTimeNow}' ingevuld worden als waarde. Deze ondersteunt ook bijvoorbeeld de volgende logica: '${localDateTimeNow.minusWeeks(2)}'.",
+            conditionsHelperText: `Geef optionele condities op voor het ophalen van het aantal zaken voor het geselecteerde dossiertype. ${CONDITIONS_HELPER_TEXTS.NL()}}`,
             addCondition: 'Conditie toevoegen',
         },
     },
@@ -3189,10 +3103,10 @@ class CaseCountsConfigurationComponent {
             queryItems: this.fb.control([this._EMPTY_QUERY_ITEM_VALUE, this._EMPTY_QUERY_ITEM_VALUE], [this.queryItemsValidator()]),
         });
         this.configurationEvent = new EventEmitter();
-        this._selectedDocumentDefinition$ = new BehaviorSubject('');
+        this.selectedDocumentDefinition$ = new BehaviorSubject('');
         this.documentItems$ = combineLatest([
             this.documentService.getAllDefinitions(),
-            this._selectedDocumentDefinition$,
+            this.selectedDocumentDefinition$,
         ]).pipe(map(([documentDefinitions, selectedDocumentDefintion]) => documentDefinitions.content.map(definition => ({
             content: definition.id.name,
             selected: definition.id.name === selectedDocumentDefintion,
@@ -3212,6 +3126,7 @@ class CaseCountsConfigurationComponent {
             content: this.widgetTranslationService.instant(operator, this.dataSourceKey),
             selected: false,
         }))));
+        this.ValuePathSelectorPrefix = ValuePathSelectorPrefix;
         this._subscriptions = new Subscription();
         this.iconService.registerAll([Add16, TrashCan16]);
     }
@@ -3222,10 +3137,12 @@ class CaseCountsConfigurationComponent {
         this._subscriptions.unsubscribe();
     }
     documentDefinitionSelected(documentDefinitionItem) {
-        if (!documentDefinitionItem) {
+        const documentDefinitionName = documentDefinitionItem?.item?.content;
+        if (!documentDefinitionName) {
             return;
         }
-        this._selectedDocumentDefinition$.next(documentDefinitionItem?.item?.content);
+        this.selectedDocumentDefinition$.next(documentDefinitionName);
+        this.documentDefinition.setValue(documentDefinitionName);
     }
     conditionsValueChange(index, values) {
         const currentQueryItemsValues = this.queryItems.value;
@@ -3252,7 +3169,7 @@ class CaseCountsConfigurationComponent {
             this.configurationEvent.emit({
                 valid: this.form.valid,
                 data: {
-                    documentDefinition: formValue?.documentDefinition?.content,
+                    documentDefinition: formValue?.documentDefinition,
                     queryItems: this.multiInputValuesToQueryItems(formValue.queryItems),
                 },
             });
@@ -3296,11 +3213,11 @@ class CaseCountsConfigurationComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CaseCountsConfigurationComponent, deps: [{ token: i1$3.FormBuilder }, { token: i2$2.DocumentService }, { token: i3$1.TranslateService }, { token: WidgetTranslationService }, { token: i5.IconService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CaseCountsConfigurationComponent, selector: "ng-component", inputs: { dataSourceKey: "dataSourceKey", disabled: "disabled", prefillConfiguration: "prefillConfiguration" }, outputs: { configurationEvent: "configurationEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF 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  } 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\">\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          [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          type=\"keyDropdownValue\"\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-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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"], outputs: ["valueChange"] }, { kind: "component", type: i5.Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: ["id", "label", "hideLabel", "helperText", "placeholder", "displayValue", "clearText", "size", "type", "theme", "disabled", "skeleton", "inline", "disableArrowKeys", "invalid", "invalidText", "warn", "warnText", "appendInline", "scrollableContainer", "itemValueKey", "selectionFeedback", "menuButtonLabel", "selectedLabel", "dropUp"], outputs: ["selected", "onClose", "close"] }, { kind: "component", type: i5.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: ["name", "title", "titleTranslationKey", "type", "arbitraryValueAmount", "arbitraryAmountTitles", "initialAmountOfRows", "minimumAmountOfRows", "maxRows", "addRowText", "addRowTranslationKey", "deleteRowText", "deleteRowTranslationKey", "disabled", "defaultValues", "margin", "tooltip", "required", "keyColumnTitle", "valueColumnTitle", "dropdownColumnTitle", "hideDeleteButton", "hideAddButton", "dropdownItems", "dropdownWidth", "fullWidth", "carbonTheme"], outputs: ["valueChange", "allValuesValidEvent"] }, { kind: "directive", type: i5.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: i5.IconButton, selector: "cds-icon-button, ibm-icon-button", inputs: ["buttonNgClass", "buttonAttributes", "buttonId", "kind", "size", "type", "isExpressive", "disabled", "description"], outputs: ["click", "focus", "blur", "tooltipClick"] }, { kind: "component", type: i5.Tile, selector: "cds-tile, ibm-tile", inputs: ["theme"] }, { kind: "directive", type: i5.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "directive", type: i5.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: "17.3.12", type: CaseCountsConfigurationComponent, selector: "ng-component", inputs: { dataSourceKey: "dataSourceKey", disabled: "disabled", prefillConfiguration: "prefillConfiguration" }, outputs: { configurationEvent: "configurationEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF 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          [valuePathSelectorShowDocumentDefinitionSelector]=\"false\"\n          [valuePathSelectorDocumentDefinitionName]=\"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-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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"], outputs: ["valueChange"] }, { kind: "component", type: i5.Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: ["id", "label", "hideLabel", "helperText", "placeholder", "displayValue", "clearText", "size", "type", "theme", "disabled", "skeleton", "inline", "disableArrowKeys", "invalid", "invalidText", "warn", "warnText", "appendInline", "scrollableContainer", "itemValueKey", "selectionFeedback", "menuButtonLabel", "selectedLabel", "dropUp"], outputs: ["selected", "onClose", "close"] }, { kind: "component", type: i5.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", "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", "valuePathSelectorDocumentDefinitionName", "valuePathSelectorPrefixes", "valuePathSelectorShowDocumentDefinitionSelector", "valuePathSelectorNotation", "keyColumnFlex", "dropdownColumnFlex", "valueColumnFlex"], outputs: ["valueChange", "allValuesValidEvent"] }, { kind: "directive", type: i5.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: i5.IconButton, selector: "cds-icon-button, ibm-icon-button", inputs: ["buttonNgClass", "buttonAttributes", "buttonId", "kind", "size", "type", "isExpressive", "disabled", "description"], outputs: ["click", "focus", "blur", "tooltipClick"] }, { kind: "component", type: i5.Tile, selector: "cds-tile, ibm-tile", inputs: ["theme"] }, { kind: "directive", type: i5.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "directive", type: i5.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: "17.3.12", ngImport: i0, type: CaseCountsConfigurationComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF 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  } 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\">\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          [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          type=\"keyDropdownValue\"\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-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF 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          [valuePathSelectorShowDocumentDefinitionSelector]=\"false\"\n          [valuePathSelectorDocumentDefinitionName]=\"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-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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: i2$2.DocumentService }, { type: i3$1.TranslateService }, { type: WidgetTranslationService }, { type: i5.IconService }], propDecorators: { dataSourceKey: [{
                 type: Input
             }], disabled: [{
@@ -3408,7 +3325,7 @@ const caseCountsDataSourceSpecification = {
             operator: 'Operator',
             value: 'Wert',
             counts: 'Anzahllen',
-            countsHelperText: "Geben Sie eine oder mehrere Bedingungen für mindestens zwei Anzahllen an. Zum Beispiel: 'case:createdBy', 'Gleich', 'test@test.com'. Zum Vergleichen mit leeren Werten kann als Wert '${null}' eingegeben werden. Zum Vergleichen mit dem aktuellen Datum kann als Wert '${localDateTimeNow}' eingegeben werden. Damit wird beispielsweise auch folgende Logik unterstützt: '${localDateTimeNow.minusWeeks(2)}'.",
+            countsHelperText: `Geben Sie eine oder mehrere Bedingungen für jede anzuzeigende Zählung an. Konfigurieren Sie mindestens zwei Zählungen und mindestens eine Bedingung pro Zählung. ${CONDITIONS_HELPER_TEXTS.DE()}`,
             addCondition: 'Bedingung hinzufügen',
             countTitle: 'Anzahltitel',
         },
@@ -3426,7 +3343,7 @@ const caseCountsDataSourceSpecification = {
             operator: 'Operator',
             value: 'Value',
             counts: 'Counts',
-            countsHelperText: "Specify one or more conditions for each count that should be displayed. For example: 'case:createdBy', 'Equal to', 'test@test.com'. Configure at least two counts and at least one condition per count.",
+            countsHelperText: `Specify one or more conditions for each count that should be displayed. Configure at least two counts and at least one condition per count. ${CONDITIONS_HELPER_TEXTS.EN()}`,
             addCondition: 'Add condition',
             countTitle: 'Count title',
         },
@@ -3444,7 +3361,7 @@ const caseCountsDataSourceSpecification = {
             operator: 'Operator',
             value: 'Waarde',
             counts: 'Aantallen',
-            countsHelperText: "Geef een of meer condities op voor een minimum van twee aantallen. Bijvoorbeeld: 'case:createdBy', 'Gelijk aan', 'test@test.com'. Voor het vergelijken met lege waardes kan '${null}' ingevuld worden als waarde. Voor het vergelijken met de huidige datum kan '${localDateTimeNow}' ingevuld worden als waarde. Deze ondersteunt ook bijvoorbeeld de volgende logica: '${localDateTimeNow.minusWeeks(2)}'.",
+            countsHelperText: `Geef een of meer condities op voor elk aantal dat moet worden weergegeven. Configureer minimaal twee aantallen en minimaal één conditie per aantal. ${CONDITIONS_HELPER_TEXTS.NL()}`,
             addCondition: 'Conditie toevoegen',
             countTitle: 'Aantaltitel',
         },
@@ -3598,10 +3515,10 @@ class CaseGroupByConfigurationComponent {
             queryConditions: this.fb.control([], [this.queryConditionsValidator()]),
             enum: this.fb.control([], [this.enumValidator()]),
         });
-        this._selectedDocumentDefinition$ = new BehaviorSubject('');
+        this.selectedDocumentDefinition$ = new BehaviorSubject('');
         this.documentItems$ = combineLatest([
             this.documentService.getAllDefinitions(),
-            this._selectedDocumentDefinition$,
+            this.selectedDocumentDefinition$,
         ]).pipe(map(([documentDefinitions, selectedDocumentDefintion]) => documentDefinitions.content.map(definition => ({
             content: definition.id.name,
             selected: definition.id.name === selectedDocumentDefintion,
@@ -3622,6 +3539,7 @@ class CaseGroupByConfigurationComponent {
             selected: false,
         }))));
         this.configurationEvent = new EventEmitter();
+        this.ValuePathSelectorPrefix = ValuePathSelectorPrefix;
         this._subscriptions = new Subscription();
     }
     ngOnInit() {
@@ -3631,11 +3549,12 @@ class CaseGroupByConfigurationComponent {
         this._subscriptions.unsubscribe();
     }
     documentDefinitionSelected(documentDefinitionItem) {
-        if (!documentDefinitionItem) {
+        const documentDefinitionName = documentDefinitionItem?.item?.content;
+        if (!documentDefinitionName) {
             return;
         }
-        this._selectedDocumentDefinition$.next(documentDefinitionItem?.item?.content);
-        this.documentDefinition.setValue(documentDefinitionItem?.item?.content);
+        this.selectedDocumentDefinition$.next(documentDefinitionName);
+        this.documentDefinition.setValue(documentDefinitionName);
     }
     conditionsValueChange(values) {
         if (!values)
@@ -3710,11 +3629,11 @@ class CaseGroupByConfigurationComponent {
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CaseGroupByConfigurationComponent, deps: [{ token: i1$3.FormBuilder }, { token: i2$2.DocumentService }, { token: i3$1.TranslateService }, { token: WidgetTranslationService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CaseGroupByConfigurationComponent, selector: "ng-component", inputs: { dataSourceKey: "dataSourceKey", disabled: "disabled", prefillConfiguration: "prefillConfiguration" }, outputs: { configurationEvent: "configurationEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF 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    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      [invalid]=\"path.dirty && path.invalid\"\n    >\n      {{ 'path' | widgetTranslate: dataSourceKey | async }}\n\n      <input cdsText formControlName=\"path\" [invalid]=\"path.dirty && path.invalid\" />\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      [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      type=\"keyDropdownValue\"\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}\n/*!\n * Copyright 2015-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$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: i5.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i5.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "component", type: i5.Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: ["id", "label", "hideLabel", "helperText", "placeholder", "displayValue", "clearText", "size", "type", "theme", "disabled", "skeleton", "inline", "disableArrowKeys", "invalid", "invalidText", "warn", "warnText", "appendInline", "scrollableContainer", "itemValueKey", "selectionFeedback", "menuButtonLabel", "selectedLabel", "dropUp"], outputs: ["selected", "onClose", "close"] }, { kind: "component", type: i5.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: ["name", "title", "titleTranslationKey", "type", "arbitraryValueAmount", "arbitraryAmountTitles", "initialAmountOfRows", "minimumAmountOfRows", "maxRows", "addRowText", "addRowTranslationKey", "deleteRowText", "deleteRowTranslationKey", "disabled", "defaultValues", "margin", "tooltip", "required", "keyColumnTitle", "valueColumnTitle", "dropdownColumnTitle", "hideDeleteButton", "hideAddButton", "dropdownItems", "dropdownWidth", "fullWidth", "carbonTheme"], 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: "17.3.12", type: CaseGroupByConfigurationComponent, selector: "ng-component", inputs: { dataSourceKey: "dataSourceKey", disabled: "disabled", prefillConfiguration: "prefillConfiguration" }, outputs: { configurationEvent: "configurationEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF 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        [documentDefinitionName]=\"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      [valuePathSelectorShowDocumentDefinitionSelector]=\"false\"\n      [valuePathSelectorDocumentDefinitionName]=\"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-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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: i5.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "component", type: i5.Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: ["id", "label", "hideLabel", "helperText", "placeholder", "displayValue", "clearText", "size", "type", "theme", "disabled", "skeleton", "inline", "disableArrowKeys", "invalid", "invalidText", "warn", "warnText", "appendInline", "scrollableContainer", "itemValueKey", "selectionFeedback", "menuButtonLabel", "selectedLabel", "dropUp"], outputs: ["selected", "onClose", "close"] }, { kind: "component", type: i5.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", "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", "valuePathSelectorDocumentDefinitionName", "valuePathSelectorPrefixes", "valuePathSelectorShowDocumentDefinitionSelector", "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", "documentDefinitionName", "version", "prefixes", "label", "tooltip", "required", "showDocumentDefinitionSelector", "notation", "defaultValue"], outputs: ["valueChangeEvent"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: WidgetTranslatePipe, name: "widgetTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CaseGroupByConfigurationComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF 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    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      [invalid]=\"path.dirty && path.invalid\"\n    >\n      {{ 'path' | widgetTranslate: dataSourceKey | async }}\n\n      <input cdsText formControlName=\"path\" [invalid]=\"path.dirty && path.invalid\" />\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      [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      type=\"keyDropdownValue\"\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}\n/*!\n * Copyright 2015-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF 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        [documentDefinitionName]=\"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      [valuePathSelectorShowDocumentDefinitionSelector]=\"false\"\n      [valuePathSelectorDocumentDefinitionName]=\"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-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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: i2$2.DocumentService }, { type: i3$1.TranslateService }, { type: WidgetTranslationService }], propDecorators: { dataSourceKey: [{
                 type: Input
             }], disabled: [{
@@ -3823,7 +3742,7 @@ const caseGroupByDataSourceSpecification = {
             operator: 'Operator',
             value: 'Wert',
             conditions: 'Bedingungen',
-            conditionsHelperText: "Geben Sie optionale Bedingungen zum Abrufen der Gruppierung für den ausgewählten Falltyp an. Zum Beispiel: 'case:createdBy', 'Nicht gleichzusetzen mit', 'test@test.com'.",
+            conditionsHelperText: `Geben Sie optionale Bedingungen an, um die Gruppierung für den ausgewählten Falltyp abzurufen. ${CONDITIONS_HELPER_TEXTS.DE()}`,
             addCondition: 'Bedingung hinzufügen',
             enum: 'Anzeige der Werte',
             enumHelperText: "Einige Werte aus der Datenbank sind für den Endbenutzer nicht lesbar. Geben Sie hier an, wie die Werte angezeigt werden sollen. Beispiel: Wert: 'anfrage-gesendet', Anzeige: 'Anfrage gesendet'.",
@@ -3845,7 +3764,7 @@ const caseGroupByDataSourceSpecification = {
             operator: 'Operator',
             value: 'Value',
             conditions: 'Conditions',
-            conditionsHelperText: "Specify optional conditions for retrieving the grouping for the selected case type. For example: 'case:createdBy', 'Not equal to', 'test@test.com'. To compare with empty values, '${null}' can be entered as a value. To compare with the current date, '${localDateTimeNow}' can be entered as a value. This also supports, for example, the following logic: '${localDateTimeNow.minusWeeks(2)}'.",
+            conditionsHelperText: `Specify optional conditions for retrieving the grouping for the selected case type. ${CONDITIONS_HELPER_TEXTS.EN()}`,
             addCondition: 'Add condition',
             enum: 'Display of values',
             enumHelperText: "Some values from the database will not be readable by the end user. Specify here how the values should be displayed. For example: Value: 'request-sent', Display: 'Request sent'.",
@@ -3867,7 +3786,7 @@ const caseGroupByDataSourceSpecification = {
             operator: 'Operator',
             value: 'Waarde',
             conditions: 'Condities',
-            conditionsHelperText: "Geef optionele condities op voor het ophalen van de groepering voor het geselecteerde dossiertype. Bijvoorbeeld: 'case:createdBy', 'Niet gelijk aan', 'test@test.com'. Voor het vergelijken met lege waardes kan '${null}' ingevuld worden als waarde. Voor het vergelijken met de huidige datum kan '${localDateTimeNow}' ingevuld worden als waarde. Deze ondersteunt ook bijvoorbeeld de volgende logica: '${localDateTimeNow.minusWeeks(2)}'.",
+            conditionsHelperText: `Geef optionele condities op voor het ophalen van de groepering voor het geselecteerde dossiertype. ${CONDITIONS_HELPER_TEXTS.NL()}`,
             addCondition: 'Conditie toevoegen',
             enum: 'Weergave van waardes',
             enumHelperText: "Sommige waardes uit de database zullen niet leesbaar zijn voor de eindgebruiker. Geef hier op hoe de waardes weergegeven moeten worden. Bijvoorbeeld: Waarde: 'aanvraag-verzonden', Weergave: 'Aanvraag verzonden'.",
@@ -3899,7 +3818,8 @@ class CaseGroupByDataSourceModule {
             WidgetTranslatePipeModule,
             InputModule,
             DropdownModule,
-            CarbonMultiInputModule], exports: [CaseGroupByConfigurationComponent] }); }
+            CarbonMultiInputModule,
+            ValuePathSelectorComponent], exports: [CaseGroupByConfigurationComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CaseGroupByDataSourceModule, providers: [
             { provide: DATA_SOURCE_TOKEN, useValue: caseGroupByDataSourceSpecification, multi: true },
         ], imports: [CommonModule,
@@ -3907,7 +3827,8 @@ class CaseGroupByDataSourceModule {
             WidgetTranslatePipeModule,
             InputModule,
             DropdownModule,
-            CarbonMultiInputModule] }); }
+            CarbonMultiInputModule,
+            ValuePathSelectorComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CaseGroupByDataSourceModule, decorators: [{
             type: NgModule,
@@ -3920,6 +3841,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         InputModule,
                         DropdownModule,
                         CarbonMultiInputModule,
+                        ValuePathSelectorComponent,
                     ],
                     exports: [CaseGroupByConfigurationComponent],
                     providers: [
@@ -3944,6 +3866,468 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * limitations under the License.
  */
 
+/*
+ * Copyright 2015-2024 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) {
+        if (disabledValue) {
+            this.form.disable();
+        }
+        else {
+            this.form.enable();
+        }
+    }
+    get queryConditions() {
+        return this.form.get('queryConditions');
+    }
+    set prefillConfiguration(configurationValue) {
+        if (configurationValue) {
+            this.defaultConditionValues$.next(configurationValue.queryConditions.map(condition => ({
+                key: condition.queryPath,
+                dropdown: condition.queryOperator,
+                value: condition.queryValue,
+            })));
+        }
+    }
+    constructor(fb, translateService, widgetTranslationService) {
+        this.fb = fb;
+        this.translateService = translateService;
+        this.widgetTranslationService = widgetTranslationService;
+        this.form = this.fb.group({
+            queryConditions: this.fb.control(null),
+        });
+        this._OPERATORS = [
+            Operator.NOT_EQUAL_TO,
+            Operator.EQUAL_TO,
+            Operator.GREATER_THAN,
+            Operator.GREATER_THAN_OR_EQUAL_TO,
+            Operator.LESS_THAN,
+            Operator.LESS_THAN_OR_EQUAL_TO,
+        ];
+        this.operatorItems$ = this.translateService
+            .stream('key')
+            .pipe(map(() => this._OPERATORS.map(operator => ({
+            id: operator,
+            content: this.widgetTranslationService.instant(operator, this.dataSourceKey),
+            selected: false,
+        }))));
+        this.defaultConditionValues$ = new BehaviorSubject(null);
+        this.allConditionsValid$ = new BehaviorSubject(true);
+        this.configurationEvent = new EventEmitter();
+        this._subscriptions = new Subscription();
+    }
+    ngOnInit() {
+        this.openFormSubscription();
+    }
+    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,
+            })));
+        }
+    }
+    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: "17.3.12", ngImport: i0, type: TaskCountConfigurationComponent, deps: [{ token: i1$3.FormBuilder }, { token: i3$1.TranslateService }, { token: WidgetTranslationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TaskCountConfigurationComponent, selector: "ng-component", inputs: { dataSourceKey: "dataSourceKey", disabled: "disabled", prefillConfiguration: "prefillConfiguration" }, outputs: { configurationEvent: "configurationEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF 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-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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: i5.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", "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", "valuePathSelectorDocumentDefinitionName", "valuePathSelectorPrefixes", "valuePathSelectorShowDocumentDefinitionSelector", "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: "17.3.12", ngImport: i0, type: TaskCountConfigurationComponent, decorators: [{
+            type: Component,
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF 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-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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 }, { type: WidgetTranslationService }], propDecorators: { dataSourceKey: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], prefillConfiguration: [{
+                type: Input
+            }], configurationEvent: [{
+                type: Output
+            }] } });
+
+/*
+ * Copyright 2015-2024 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-2024 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-2024 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-2024 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-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const taskCountSpecification = {
+    dataSourceKey: 'task-count',
+    configurationComponent: TaskCountConfigurationComponent,
+    translations: {
+        de: {
+            title: 'Aufgabenanzahl',
+            '!=': 'Nicht gleichzusetzen mit',
+            '==': 'Gleich',
+            '>': 'Größer als',
+            '>=': 'Größer als oder gleich wie',
+            '<': 'Weniger als',
+            '<=': 'Gleich oder kleiner als',
+            path: 'Pfad',
+            operator: 'Operator',
+            value: 'Wert',
+            conditions: 'Bedingungen',
+            conditionsHelperText: `Geben Sie optionale Bedingungen zum Abrufen der Anzahl der Aufgaben. ${CONDITIONS_HELPER_TEXTS.DE('task:assignee')}`,
+            addCondition: 'Bedingung hinzufügen',
+        },
+        en: {
+            title: 'Task count',
+            '!=': 'Not equal to',
+            '==': 'Equal to',
+            '>': 'Greater than',
+            '>=': 'Greater than or equal to',
+            '<': 'Less than',
+            '<=': 'Less than or equal to',
+            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')}`,
+            addCondition: 'Add condition',
+        },
+        nl: {
+            title: 'Aantal taken',
+            '!=': 'Niet gelijk aan',
+            '==': 'Gelijk aan',
+            '>': 'Groter dan',
+            '>=': 'Groter dan of gelijk aan',
+            '<': 'Minder dan',
+            '<=': 'Minder dan of gelijk aan',
+            path: 'Pad',
+            operator: 'Operator',
+            value: 'Waarde',
+            conditions: 'Condities',
+            conditionsHelperText: `Geef optionele condities op voor het ophalen van het aantal taken. ${CONDITIONS_HELPER_TEXTS.NL('task:assignee')}}`,
+            addCondition: 'Conditie toevoegen',
+        },
+    },
+};
+
+/*
+ * Copyright 2015-2024 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 TaskCountDataSourceModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskCountDataSourceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: TaskCountDataSourceModule, declarations: [TaskCountConfigurationComponent], imports: [CommonModule,
+            ReactiveFormsModule,
+            WidgetTranslatePipeModule,
+            InputModule,
+            DropdownModule,
+            CarbonMultiInputModule], exports: [TaskCountConfigurationComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskCountDataSourceModule, providers: [{ provide: DATA_SOURCE_TOKEN, useValue: taskCountSpecification, multi: true }], imports: [CommonModule,
+            ReactiveFormsModule,
+            WidgetTranslatePipeModule,
+            InputModule,
+            DropdownModule,
+            CarbonMultiInputModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskCountDataSourceModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TaskCountConfigurationComponent],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        WidgetTranslatePipeModule,
+                        InputModule,
+                        DropdownModule,
+                        CarbonMultiInputModule,
+                    ],
+                    exports: [TaskCountConfigurationComponent],
+                    providers: [{ provide: DATA_SOURCE_TOKEN, useValue: taskCountSpecification, multi: true }],
+                }]
+        }] });
+
+/*
+ * Copyright 2015-2024 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 DataSourcesModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DataSourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: DataSourcesModule, imports: [CaseCountDataSourceModule,
+            CaseCountsDataSourceModule,
+            CaseGroupByDataSourceModule,
+            TaskCountDataSourceModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DataSourcesModule, imports: [CaseCountDataSourceModule,
+            CaseCountsDataSourceModule,
+            CaseGroupByDataSourceModule,
+            TaskCountDataSourceModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DataSourcesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CaseCountDataSourceModule,
+                        CaseCountsDataSourceModule,
+                        CaseGroupByDataSourceModule,
+                        TaskCountDataSourceModule,
+                    ],
+                }]
+        }] });
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const routes = [
+    {
+        path: '',
+        component: WidgetDashboardComponent,
+        canActivate: [AuthGuardService],
+        data: { title: 'Dashboard', roles: [ROLE_USER], hidePageTitle: true },
+    },
+];
+class DashboardRoutingModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DashboardRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: DashboardRoutingModule, imports: [CommonModule, i2.RouterModule], exports: [RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DashboardRoutingModule, imports: [CommonModule, RouterModule.forChild(routes), RouterModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DashboardRoutingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [CommonModule, RouterModule.forChild(routes)],
+                    exports: [RouterModule],
+                }]
+        }] });
+
+/*
+ * Copyright 2015-2024 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.
+ */
+// AoT requires an exported function for factories
+function HttpLoaderFactory(httpClient) {
+    return new TranslateHttpLoader(httpClient);
+}
+class DashboardModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DashboardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: DashboardModule, declarations: [DashboardComponent, WidgetDashboardComponent, WidgetDashboardContentComponent], imports: [CommonModule,
+            DashboardRoutingModule,
+            WidgetModule,
+            ListModule,
+            BpmnJsDiagramModule, i3$1.TranslateModule, AlertModule,
+            TaskModule,
+            SpinnerModule,
+            TabsModule,
+            ThemeModule,
+            WidgetTranslatePipeModule,
+            LoadingModule,
+            CarbonListModule,
+            DisplayWidgetTypesModule,
+            DataSourcesModule], exports: [DashboardComponent, WidgetDashboardComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DashboardModule, providers: [
+            { provide: DISPLAY_TYPE_TOKEN, useValue: null, multi: true },
+            { provide: DATA_SOURCE_TOKEN, useValue: null, multi: true },
+        ], imports: [CommonModule,
+            DashboardRoutingModule,
+            WidgetModule,
+            ListModule,
+            BpmnJsDiagramModule,
+            TranslateModule.forRoot({
+                loader: {
+                    provide: TranslateLoader,
+                    useFactory: HttpLoaderFactory,
+                    deps: [HttpClient],
+                },
+            }),
+            AlertModule,
+            TaskModule,
+            SpinnerModule,
+            TabsModule,
+            ThemeModule,
+            WidgetTranslatePipeModule,
+            LoadingModule,
+            CarbonListModule,
+            DisplayWidgetTypesModule,
+            DataSourcesModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DashboardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [DashboardComponent, WidgetDashboardComponent, WidgetDashboardContentComponent],
+                    imports: [
+                        CommonModule,
+                        DashboardRoutingModule,
+                        WidgetModule,
+                        ListModule,
+                        BpmnJsDiagramModule,
+                        TranslateModule.forRoot({
+                            loader: {
+                                provide: TranslateLoader,
+                                useFactory: HttpLoaderFactory,
+                                deps: [HttpClient],
+                            },
+                        }),
+                        AlertModule,
+                        TaskModule,
+                        SpinnerModule,
+                        TabsModule,
+                        ThemeModule,
+                        WidgetTranslatePipeModule,
+                        LoadingModule,
+                        CarbonListModule,
+                        DisplayWidgetTypesModule,
+                        DataSourcesModule,
+                    ],
+                    exports: [DashboardComponent, WidgetDashboardComponent],
+                    providers: [
+                        { provide: DISPLAY_TYPE_TOKEN, useValue: null, multi: true },
+                        { provide: DATA_SOURCE_TOKEN, useValue: null, multi: true },
+                    ],
+                }]
+        }] });
+
 /*
  * Copyright 2015-2024 Ritense BV, the Netherlands.
  *
@@ -3999,5 +4383,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { BigNumberConfigurationComponent, BigNumberDisplayComponent, BigNumberModule, CaseCountConfigurationComponent, CaseCountDataSourceModule, CaseCountsConfigurationComponent, CaseCountsDataSourceModule, CaseGroupByConfigurationComponent, CaseGroupByDataSourceModule, DATA_FEATURES, DATA_SOURCE_TOKEN, DISPLAY_TYPE_TOKEN, DashboardComponent, DashboardModule, DashboardService, DisplayWidgetTypesModule, DonutConfigurationComponent, DonutDisplayComponent, DonutModule, GaugeConfigurationComponent, GaugeDisplayComponent, GaugeModule, HttpLoaderFactory, MeterConfigurationComponent, MeterDisplayComponent, MeterModule, Operator, WIDGET_1X_HEIGHT, WIDGET_1X_MIN_WIDTH, WidgetDashboardComponent, WidgetDashboardContentComponent, WidgetService, WidgetSeverity, WidgetTranslatePipe, WidgetTranslatePipeModule, WidgetTranslationService, bigNumberSpecification, caseCountDataSourceSpecification, caseCountsDataSourceSpecification, caseGroupByDataSourceSpecification, donutSpecification, gaugeSpecification, meterSpecification };
+export { BigNumberConfigurationComponent, BigNumberDisplayComponent, BigNumberModule, CaseCountConfigurationComponent, CaseCountDataSourceModule, CaseCountsConfigurationComponent, CaseCountsDataSourceModule, CaseGroupByConfigurationComponent, CaseGroupByDataSourceModule, DATA_FEATURES, DATA_SOURCE_TOKEN, DISPLAY_TYPE_TOKEN, DashboardComponent, DashboardModule, DashboardService, DataSourcesModule, DisplayWidgetTypesModule, DonutConfigurationComponent, DonutDisplayComponent, DonutModule, GaugeConfigurationComponent, GaugeDisplayComponent, GaugeModule, HttpLoaderFactory, MeterConfigurationComponent, MeterDisplayComponent, MeterModule, Operator, 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