@valtimo/iko 13.10.0 → 13.12.0

package/fesm2022/valtimo-iko.mjs

@@ -10,8 +10,8 @@ import { AuthGuardService } from '@valtimo/security';
 import * as i2$2 from '@valtimo/components';
 import { CarbonListModule, FormIoModule, FitPageDirective, RenderInPageHeaderDirective, SelectModule, CARBON_CONSTANTS, ValtimoCdsModalDirective, AutoKeyInputComponent, ConfirmationModalModule, ViewType, ValuePathSelectorPrefix, InputLabelModule, runAfterCarbonModalClosed, CarbonMultiInputModule, InputModule as InputModule$1, DatePickerModule, ParagraphModule, DateTimePickerComponent, FormModule } from '@valtimo/components';
 import * as i6 from 'carbon-components-angular';
-import { InputModule, PaginationModule, TilesModule, ButtonModule, ModalModule, TabsModule, IconModule, LayerModule, TooltipModule, DropdownModule, LoadingModule, ToggleModule, NumberModule, ProgressBarModule, CheckboxModule, FileUploaderModule, NotificationModule, TimePickerModule } from 'carbon-components-angular';
-import { BehaviorSubject, filter, of, switchMap, combineLatest, tap, map as map$1, startWith, take, distinctUntilChanged, Subscription, delay } from 'rxjs';
+import { InputModule, PaginationModule, TilesModule, ButtonModule, ModalModule, TabsModule, IconModule, LayerModule, TooltipModule, DropdownModule, ToggleModule, LoadingModule, NumberModule, ProgressBarModule, CheckboxModule, FileUploaderModule, NotificationModule, TimePickerModule } from 'carbon-components-angular';
+import { BehaviorSubject, filter, of, switchMap, combineLatest, distinctUntilChanged, tap, map as map$1, startWith, take, Subscription, delay } from 'rxjs';
 import * as i2$1 from '@valtimo/layout';
 import { WidgetCollectionComponent, WidgetCustomComponent, WidgetFieldComponent, WidgetFormioComponent, WidgetInteractiveTableComponent, WidgetTableComponent, WidgetMapComponent, WidgetType, WidgetContainerComponent, ManagementWidgetDetailsComponent, WIDGET_MANAGEMENT_SERVICE, WidgetManagementComponent } from '@valtimo/layout';
 import * as i5 from '@ngx-translate/core';
@@ -77,8 +77,8 @@ class IkoApiService extends BaseApiService {
     getIkoWidget(ikoViewKey, tabKey) {
         return this.httpClient.get(this.getApiUrl(`/v1/iko-view/${ikoViewKey}/tab/${tabKey}/widget`));
     }
-    getIkoWidgetData(ikoViewKey, tabKey, widgetId, id) {
-        return this.httpClient.get(this.getApiUrl(`/v1/iko-view/${ikoViewKey}/tab/${tabKey}/widget/${widgetId}/data?id=${id}`));
+    getIkoWidgetData(ikoViewKey, tabKey, widgetId, id, queryParams) {
+        return this.httpClient.get(this.getApiUrl(`/v1/iko-view/${ikoViewKey}/tab/${tabKey}/widget/${widgetId}/data?id=${id}${!queryParams ? '' : '&' + queryParams.toString()}`));
     }
     searchIkoSearchAction(ikoKey, paramKey, filters) {
         return this.httpClient.post(this.getApiUrl(`/v1/iko-view/${ikoKey}/search-action/${paramKey}/search`), filters);
@@ -306,8 +306,8 @@ class IkoManagementApiService extends BaseApiService {
     deleteIkoRepositoryConfig(key) {
         return this.httpClient.delete(this.getApiUrl(`/management/v1/iko/${key}`));
     }
-    getIkoRepositoryConfigPropertyFields(type) {
-        return this.httpClient.get(this.getApiUrl(`/management/v1/iko-property-fields/${type}/repository-config`));
+    getIkoTabPropertyFields(type) {
+        return this.httpClient.get(this.getApiUrl(`/management/v1/iko-property-fields/${type}/tab`));
     }
     getIkoRepositoryTypes() {
         return this.httpClient.get(this.getApiUrl(`/management/v1/iko-types`));
@@ -545,16 +545,19 @@ class IkoWidgetCollectionComponent {
         this.widgetLayoutService = widgetLayoutService;
         this._widgetParams$ = new BehaviorSubject(null);
         this.widgetConfiguration$ = new BehaviorSubject(null);
-        this._queryParams$ = new BehaviorSubject(null);
+        this._queryParams$ = new BehaviorSubject(new HttpParams());
         this.widgetData$ = combineLatest([
             this.widgetConfiguration$,
             this._widgetParams$,
-        ]).pipe(switchMap(([widgetConfiguration, widgetParams]) => !widgetParams || !widgetConfiguration
+            this._queryParams$.pipe(distinctUntilChanged((prevParams, currParams) => prevParams.toString() === currParams.toString())),
+        ]).pipe(switchMap(([widgetConfiguration, widgetParams, queryParams]) => !widgetParams || !widgetConfiguration
             ? of(null)
-            : this.ikoApiService.getIkoWidgetData(widgetParams.ikoViewKey, widgetParams.tabKey, widgetConfiguration.key, widgetParams.entryId)), tap(() => this.widgetLayoutService.setWidgetDataLoaded(this.widgetUuid)));
+            : this.ikoApiService.getIkoWidgetData(widgetParams.ikoViewKey, widgetParams.tabKey, widgetConfiguration.key, widgetParams.entryId, queryParams)), tap(() => this.widgetLayoutService.setWidgetDataLoaded(this.widgetUuid)));
     }
     onPaginationEvent(event) {
-        this._queryParams$.next(`page=${event.currentPage - 1}&size=${event.pageLength}`);
+        this._queryParams$.next(new HttpParams()
+            .set('page', (event.currentPage - 1).toString())
+            .set('size', event.pageLength.toString()));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoWidgetCollectionComponent, deps: [{ token: IkoApiService }, { token: i2$1.WidgetLayoutService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: IkoWidgetCollectionComponent, isStandalone: true, selector: "valtimo-iko-widget-collection", inputs: { widgetConfiguration: "widgetConfiguration", widgetParams: "widgetParams", widgetUuid: "widgetUuid" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-widget-collection\n  *ngIf=\"{\n    widgetConfiguration: widgetConfiguration$ | async,\n    widgetData: widgetData$ | async,\n  } as obs\"\n  [widgetConfiguration]=\"obs.widgetConfiguration\"\n  [widgetData]=\"obs.widgetData\"\n  (paginationEvent)=\"onPaginationEvent($event)\"\n>\n</valtimo-widget-collection>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: InputModule }, { kind: "ngmodule", type: PaginationModule }, { kind: "ngmodule", type: TilesModule }, { kind: "ngmodule", type: CarbonListModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: WidgetCollectionComponent, selector: "valtimo-widget-collection", inputs: ["widgetConfiguration", "widgetData"], outputs: ["paginationEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
@@ -839,17 +842,18 @@ class IkoWidgetInteractiveTableComponent {
         this.listService = listService;
         this.widgetConfiguration$ = new BehaviorSubject(null);
         this._widgetParams$ = new BehaviorSubject(null);
-        this._queryParams$ = new BehaviorSubject(null);
+        this._queryParams$ = new BehaviorSubject(new HttpParams());
         this.widgetData$ = combineLatest([
             this.widgetConfiguration$,
             this._widgetParams$,
+            this._queryParams$.pipe(distinctUntilChanged((prevParams, currParams) => prevParams.toString() === currParams.toString())),
             this.listService.forceRefresh$,
-        ]).pipe(switchMap(([widgetConfiguration, widgetParams]) => !widgetParams || !widgetConfiguration
+        ]).pipe(switchMap(([widgetConfiguration, widgetParams, queryParams]) => !widgetParams || !widgetConfiguration
             ? of(null)
-            : this.ikoApiService.getIkoWidgetData(widgetParams.ikoViewKey, widgetParams.tabKey, widgetConfiguration.key, widgetParams.entryId)), tap(() => this.widgetLayoutService.setWidgetDataLoaded(this.widgetUuid)));
+            : this.ikoApiService.getIkoWidgetData(widgetParams.ikoViewKey, widgetParams.tabKey, widgetConfiguration.key, widgetParams.entryId, queryParams)), tap(() => this.widgetLayoutService.setWidgetDataLoaded(this.widgetUuid)));
     }
-    onPaginationEvent(event) {
-        this._queryParams$.next(`page=${event.currentPage - 1}&size=${event.pageLength}`);
+    onQueryParamsEvent(params) {
+        this._queryParams$.next(params);
     }
     onRowClickEvent(event, widgetConfiguration) {
         this.ikoApiService.handleAction(widgetConfiguration.properties.rowClickAction, event.resolved);
@@ -862,7 +866,7 @@ class IkoWidgetInteractiveTableComponent {
         this.listActionsComponent.startCase();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoWidgetInteractiveTableComponent, deps: [{ token: IkoApiService }, { token: i2$1.WidgetLayoutService }, { token: i3.CaseListService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: IkoWidgetInteractiveTableComponent, isStandalone: true, selector: "valtimo-iko-widget-interactive-table", inputs: { widgetConfiguration: "widgetConfiguration", widgetUuid: "widgetUuid", widgetParams: "widgetParams" }, providers: [CaseListService], viewQueries: [{ propertyName: "listActionsComponent", first: true, predicate: CaseListActionsComponent, descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-widget-interactive-table\n  *ngIf=\"{\n    widgetConfiguration: widgetConfiguration$ | async,\n    widgetData: widgetData$ | async,\n  } as obs\"\n  [widgetData]=\"obs.widgetData\"\n  [widgetConfiguration]=\"obs.widgetConfiguration\"\n  (actionEvent)=\"onActionEvent($event, obs.widgetData.resolved)\"\n  (paginationEvent)=\"onPaginationEvent($event)\"\n  (rowClickEvent)=\"onRowClickEvent($event, obs.widgetConfiguration)\"\n  (caseStartEvent)=\"onCaseStartEvent($event)\"\n>\n</valtimo-widget-interactive-table>\n\n<valtimo-case-list-actions [navigateAfterSubmit]=\"false\"></valtimo-case-list-actions>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "ngmodule", type: PaginationModule }, { kind: "ngmodule", type: TilesModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: WidgetInteractiveTableComponent, selector: "valtimo-widget-interactive-table", inputs: ["widgetConfiguration", "widgetData"], outputs: ["paginationEvent", "rowClickEvent", "actionEvent", "caseStartEvent"] }, { kind: "component", type: CaseListActionsComponent, selector: "valtimo-case-list-actions", inputs: ["loading", "navigateAfterSubmit"], outputs: ["formFlowComplete", "startButtonDisableEvent"] }, { kind: "ngmodule", type: ModalModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: IkoWidgetInteractiveTableComponent, isStandalone: true, selector: "valtimo-iko-widget-interactive-table", inputs: { widgetConfiguration: "widgetConfiguration", widgetUuid: "widgetUuid", widgetParams: "widgetParams" }, providers: [CaseListService], viewQueries: [{ propertyName: "listActionsComponent", first: true, predicate: CaseListActionsComponent, descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-widget-interactive-table\n  *ngIf=\"{\n    widgetConfiguration: widgetConfiguration$ | async,\n    widgetData: widgetData$ | async,\n  } as obs\"\n  [widgetData]=\"obs.widgetData\"\n  [widgetConfiguration]=\"obs.widgetConfiguration\"\n  (actionEvent)=\"onActionEvent($event, obs.widgetData.resolved)\"\n  (rowClickEvent)=\"onRowClickEvent($event, obs.widgetConfiguration)\"\n  (caseStartEvent)=\"onCaseStartEvent($event)\"\n  (queryParamsEvent)=\"onQueryParamsEvent($event)\"\n>\n</valtimo-widget-interactive-table>\n\n<valtimo-case-list-actions [navigateAfterSubmit]=\"false\"></valtimo-case-list-actions>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "ngmodule", type: PaginationModule }, { kind: "ngmodule", type: TilesModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: WidgetInteractiveTableComponent, selector: "valtimo-widget-interactive-table", inputs: ["widgetConfiguration", "widgetData", "searchRequest"], outputs: ["paginationEvent", "rowClickEvent", "actionEvent", "caseStartEvent", "queryParamsEvent", "searchSubmitEvent"] }, { kind: "component", type: CaseListActionsComponent, selector: "valtimo-case-list-actions", inputs: ["loading", "navigateAfterSubmit"], outputs: ["formFlowComplete", "startButtonDisableEvent"] }, { kind: "ngmodule", type: ModalModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoWidgetInteractiveTableComponent, decorators: [{
             type: Component,
@@ -877,7 +881,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
                         CaseListActionsComponent,
                         ModalModule,
                         WidgetFormioComponent,
-                    ], providers: [CaseListService], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-widget-interactive-table\n  *ngIf=\"{\n    widgetConfiguration: widgetConfiguration$ | async,\n    widgetData: widgetData$ | async,\n  } as obs\"\n  [widgetData]=\"obs.widgetData\"\n  [widgetConfiguration]=\"obs.widgetConfiguration\"\n  (actionEvent)=\"onActionEvent($event, obs.widgetData.resolved)\"\n  (paginationEvent)=\"onPaginationEvent($event)\"\n  (rowClickEvent)=\"onRowClickEvent($event, obs.widgetConfiguration)\"\n  (caseStartEvent)=\"onCaseStartEvent($event)\"\n>\n</valtimo-widget-interactive-table>\n\n<valtimo-case-list-actions [navigateAfterSubmit]=\"false\"></valtimo-case-list-actions>\n" }]
+                    ], providers: [CaseListService], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-widget-interactive-table\n  *ngIf=\"{\n    widgetConfiguration: widgetConfiguration$ | async,\n    widgetData: widgetData$ | async,\n  } as obs\"\n  [widgetData]=\"obs.widgetData\"\n  [widgetConfiguration]=\"obs.widgetConfiguration\"\n  (actionEvent)=\"onActionEvent($event, obs.widgetData.resolved)\"\n  (rowClickEvent)=\"onRowClickEvent($event, obs.widgetConfiguration)\"\n  (caseStartEvent)=\"onCaseStartEvent($event)\"\n  (queryParamsEvent)=\"onQueryParamsEvent($event)\"\n>\n</valtimo-widget-interactive-table>\n\n<valtimo-case-list-actions [navigateAfterSubmit]=\"false\"></valtimo-case-list-actions>\n" }]
         }], ctorParameters: () => [{ type: IkoApiService }, { type: i2$1.WidgetLayoutService }, { type: i3.CaseListService }], propDecorators: { listActionsComponent: [{
                 type: ViewChild,
                 args: [CaseListActionsComponent]
@@ -937,19 +941,19 @@ class IkoWidgetTableComponent {
         this.widgetLayoutService = widgetLayoutService;
         this.widgetConfiguration$ = new BehaviorSubject(null);
         this._widgetParams$ = new BehaviorSubject(null);
-        this._queryParams$ = new BehaviorSubject(null);
+        this._queryParams$ = new BehaviorSubject(new HttpParams());
         this.widgetData$ = combineLatest([
             this.widgetConfiguration$,
             this._widgetParams$,
-        ]).pipe(switchMap(([widgetConfiguration, widgetParams]) => !widgetParams || !widgetConfiguration
+            this._queryParams$.pipe(distinctUntilChanged((prevParams, currParams) => prevParams.toString() === currParams.toString())),
+        ]).pipe(switchMap(([widgetConfiguration, widgetParams, queryParams]) => !widgetParams || !widgetConfiguration
             ? of(null)
-            : this.ikoApiService.getIkoWidgetData(widgetParams.ikoViewKey, widgetParams.tabKey, widgetConfiguration.key, widgetParams.entryId)), tap(() => this.widgetLayoutService.setWidgetDataLoaded(this.widgetUuid)));
+            : this.ikoApiService.getIkoWidgetData(widgetParams.ikoViewKey, widgetParams.tabKey, widgetConfiguration.key, widgetParams.entryId, queryParams)), tap(() => this.widgetLayoutService.setWidgetDataLoaded(this.widgetUuid)));
     }
     onPaginationEvent(event) {
-        this._queryParams$.next(`page=${event.currentPage - 1}&size=${event.pageLength}`);
-    }
-    getPageSizeParam(widgetConfiguration) {
-        return `size=${widgetConfiguration.properties.defaultPageSize}`;
+        this._queryParams$.next(new HttpParams()
+            .set('page', (event.currentPage - 1).toString())
+            .set('size', event.pageLength.toString()));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoWidgetTableComponent, deps: [{ token: IkoApiService }, { token: i2$1.WidgetLayoutService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: IkoWidgetTableComponent, isStandalone: true, selector: "valtimo-iko-widget-table", inputs: { widgetConfiguration: "widgetConfiguration", widgetUuid: "widgetUuid", widgetParams: "widgetParams" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-widget-table\n  [widgetData]=\"widgetData$ | async\"\n  [widgetConfiguration]=\"widgetConfiguration\"\n  (paginationEvent)=\"onPaginationEvent($event)\"\n>\n</valtimo-widget-table>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "ngmodule", type: PaginationModule }, { kind: "ngmodule", type: TilesModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: WidgetTableComponent, selector: "valtimo-widget-table", inputs: ["widgetConfiguration", "widgetData"], outputs: ["paginationEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
@@ -1402,7 +1406,7 @@ class PropertiesFormComponent {
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PropertiesFormComponent, deps: [{ token: i1$3.FormBuilder }, { token: i6.IconService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: PropertiesFormComponent, isStandalone: true, selector: "valtimo-iko-management-properties", inputs: { propertiesFormGroup: "propertiesFormGroup", fields: "fields", prefillData: "prefillData" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<form [formGroup]=\"propertiesFormGroup\">\n  @for (propertyField of $fields(); track propertyField.key) {\n    @switch (true) {\n      @case (\n        propertyField.type === 'text' ||\n        propertyField.type === 'url' ||\n        propertyField.type === 'integer'\n      ) {\n        <cds-label>\n          {{ propertyField.title }}\n          @if (propertyField.tooltip) {\n            <cds-tooltip [caret]=\"true\" [description]=\"propertyField.tooltip\">\n              <svg class=\"tooltip-trigger\" cdsIcon=\"information\" size=\"16\"></svg>\n            </cds-tooltip>\n          }\n          <input\n            [formControlName]=\"propertyField.key\"\n            cdsText\n            cdsLayer\n            [attr.modal-primary-focus]=\"true\"\n          />\n        </cds-label>\n      }\n      @case (propertyField.type === 'dropdown') {\n        @if (propertyField?.dropdownList) {\n          <v-select\n            [invalid]=\"getControlInvalid(propertyField.key)\"\n            [formControlName]=\"propertyField.key\"\n            [items]=\"$selectItems()[propertyField.key]\"\n            [title]=\"propertyField.title\"\n            [tooltip]=\"propertyField.tooltip\"\n            [appendInline]=\"false\"\n            [dropUp]=\"false\"\n          ></v-select>\n        }\n      }\n      @case (propertyField.type === 'keyValueList') {\n        <div [formArrayName]=\"propertyField.key\">\n          @for (keyValueControl of getFa(propertyField.key)?.controls; track keyValueControl) {\n            <cds-text-label>\n              {{ propertyField.title }}\n              @if (propertyField.tooltip) {\n                <cds-tooltip [caret]=\"true\" [description]=\"propertyField.tooltip\">\n                  <svg class=\"tooltip-trigger\" cdsIcon=\"information\" size=\"16\"></svg>\n                </cds-tooltip>\n              }\n\n              <fieldset [formGroupName]=\"$index\">\n                <input\n                  formControlName=\"key\"\n                  cdsText\n                  cdsLayer\n                  [placeholder]=\"'interface.key' | translate\"\n                  [attr.modal-primary-focus]=\"true\"\n                />\n                <input\n                  formControlName=\"value\"\n                  cdsText\n                  cdsLayer\n                  [placeholder]=\"'interface.value' | translate\"\n                  [attr.modal-primary-focus]=\"true\"\n                />\n                <button\n                  cdsButton=\"danger--ghost\"\n                  [disabled]=\"$count === 1\"\n                  [iconOnly]=\"true\"\n                  (click)=\"onDeleteRowClick(propertyField.key, $index)\"\n                >\n                  <svg cdsIcon=\"trash-can\" size=\"16\"></svg>\n                </button>\n              </fieldset>\n            </cds-text-label>\n          }\n\n          <button\n            cdsButton=\"primary\"\n            (click)=\"onAddKeyValue(propertyField.key, propertyField.required)\"\n          >\n            Add Key Value\n            <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n          </button>\n        </div>\n      }\n    }\n  }\n</form>\n", styles: ["form{display:flex;flex-direction:column;gap:16px}::ng-deep fieldset{margin-top:8px;display:flex;gap:16px}::ng-deep label{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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: "directive", type: i1$3.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$3.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i6.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "component", type: i6.TextInputLabelComponent, selector: "cds-text-label, ibm-text-label", inputs: ["labelInputID", "disabled", "skeleton", "labelTemplate", "textInputTemplate", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel", "fluid"] }, { kind: "directive", type: i6.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i6.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i6.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i2$2.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "dataTestId"], outputs: ["selectedChange"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "component", type: i6.Tooltip, selector: "cds-tooltip, ibm-tooltip", inputs: ["id", "enterDelayMs", "leaveDelayMs", "disabled", "description", "templateContext"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: PropertiesFormComponent, isStandalone: true, selector: "valtimo-iko-management-properties", inputs: { propertiesFormGroup: "propertiesFormGroup", fields: "fields", prefillData: "prefillData" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<form [formGroup]=\"propertiesFormGroup\">\n  @for (propertyField of $fields(); track propertyField.key) {\n    @switch (true) {\n      @case (\n        propertyField.type === 'text' ||\n        propertyField.type === 'url' ||\n        propertyField.type === 'integer'\n      ) {\n        <cds-label>\n          {{ propertyField.title }}\n          @if (propertyField.tooltip) {\n            <cds-tooltip [caret]=\"true\" [description]=\"propertyField.tooltip\">\n              <svg class=\"tooltip-trigger\" cdsIcon=\"information\" size=\"16\"></svg>\n            </cds-tooltip>\n          }\n          <input\n            [formControlName]=\"propertyField.key\"\n            cdsText\n            cdsLayer\n            [attr.modal-primary-focus]=\"true\"\n          />\n        </cds-label>\n      }\n      @case (propertyField.type === 'dropdown') {\n        @if (propertyField?.dropdownList) {\n          <v-select\n            [invalid]=\"getControlInvalid(propertyField.key)\"\n            [formControlName]=\"propertyField.key\"\n            [items]=\"$selectItems()[propertyField.key]\"\n            [title]=\"propertyField.title\"\n            [tooltip]=\"propertyField.tooltip\"\n            [appendInline]=\"false\"\n            [dropUp]=\"false\"\n          ></v-select>\n        }\n      }\n      @case (propertyField.type === 'keyValueList') {\n        <div [formArrayName]=\"propertyField.key\">\n          @for (keyValueControl of getFa(propertyField.key)?.controls; track keyValueControl) {\n            <cds-text-label>\n              {{ propertyField.title }}\n              @if (propertyField.tooltip) {\n                <cds-tooltip [caret]=\"true\" [description]=\"propertyField.tooltip\">\n                  <svg class=\"tooltip-trigger\" cdsIcon=\"information\" size=\"16\"></svg>\n                </cds-tooltip>\n              }\n\n              <fieldset [formGroupName]=\"$index\">\n                <input\n                  formControlName=\"key\"\n                  cdsText\n                  cdsLayer\n                  [placeholder]=\"'interface.key' | translate\"\n                  [attr.modal-primary-focus]=\"true\"\n                />\n                <input\n                  formControlName=\"value\"\n                  cdsText\n                  cdsLayer\n                  [placeholder]=\"'interface.value' | translate\"\n                  [attr.modal-primary-focus]=\"true\"\n                />\n                <button\n                  cdsButton=\"danger--ghost\"\n                  [disabled]=\"$count === 1\"\n                  [iconOnly]=\"true\"\n                  (click)=\"onDeleteRowClick(propertyField.key, $index)\"\n                >\n                  <svg cdsIcon=\"trash-can\" size=\"16\"></svg>\n                </button>\n              </fieldset>\n            </cds-text-label>\n          }\n\n          <button\n            cdsButton=\"primary\"\n            (click)=\"onAddKeyValue(propertyField.key, propertyField.required)\"\n          >\n            Add Key Value\n            <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n          </button>\n        </div>\n      }\n    }\n  }\n</form>\n", styles: ["form{display:flex;flex-direction:column;gap:16px}::ng-deep fieldset{margin-top:8px;display:flex;gap:16px}::ng-deep label{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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: "directive", type: i1$3.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$3.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i6.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "component", type: i6.TextInputLabelComponent, selector: "cds-text-label, ibm-text-label", inputs: ["labelInputID", "disabled", "skeleton", "labelTemplate", "textInputTemplate", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel", "fluid"] }, { kind: "directive", type: i6.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i6.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i6.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i2$2.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "warn", "warnText", "dataTestId"], outputs: ["selectedChange"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "component", type: i6.Tooltip, selector: "cds-tooltip, ibm-tooltip", inputs: ["id", "enterDelayMs", "leaveDelayMs", "disabled", "description", "templateContext"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PropertiesFormComponent, decorators: [{
             type: Component,
@@ -1437,7 +1441,13 @@ class IkoManagementRepositoryModalComponent {
     }
     set prefillData(value) {
         this.$prefillData.set(value);
-        this.formGroup.patchValue(value);
+        this.formGroup.patchValue({
+            ...value,
+            type: value?.type || 'iko',
+        });
+        if (!this.enableIkoType) {
+            this.formGroup.get('type')?.disable({ emitEvent: false });
+        }
     }
     set modalMode(value) {
         this._modalMode = value;
@@ -1467,13 +1477,16 @@ class IkoManagementRepositoryModalComponent {
         this.formGroup = this.fb.group({
             title: this.fb.control('', Validators.required),
             key: this.fb.control('', Validators.required),
-            type: this.fb.control('', Validators.required),
+            type: this.fb.control({ value: 'iko', disabled: true }, Validators.required),
             properties: this.fb.group({}, Validators.required),
         });
         this.propertyFields$ = this.formGroup
             .get('type')
-            .valueChanges.pipe(startWith(this.formGroup.get('type').value), tap(_ => this.formGroup.patchValue({ properties: {} })), filter(type => !!type && !Array.isArray(type)), switchMap(type => this.ikoManagementApiService.getIkoRepositoryPropertyFields(type)));
+            .valueChanges.pipe(startWith(this.formGroup.get('type').value), tap(_ => this.formGroup.patchValue({ properties: {} }, { emitEvent: false })), filter(type => !!type && !Array.isArray(type)), switchMap(type => this.ikoManagementApiService.getIkoRepositoryPropertyFields(type)));
         this.enableIkoType = this.configService.getFeatureToggle('enableIkoType');
+        if (this.enableIkoType) {
+            this.formGroup.get('type').enable({ emitEvent: false });
+        }
     }
     get properties() {
         const properties = this.formGroup.get('properties');
@@ -1497,11 +1510,16 @@ class IkoManagementRepositoryModalComponent {
     }
     resetForm() {
         setTimeout(() => {
-            this.formGroup.reset();
+            this.formGroup.reset({
+                title: '',
+                key: '',
+                type: 'iko',
+                properties: {},
+            });
         }, CARBON_CONSTANTS.modalAnimationMs);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoManagementRepositoryModalComponent, deps: [{ token: i1$3.FormBuilder }, { token: IkoManagementApiService }, { token: i2.ConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: IkoManagementRepositoryModalComponent, isStandalone: true, selector: "valtimo-iko-management-repository-modal", inputs: { open: "open", prefillData: "prefillData", modalMode: "modalMode" }, outputs: { modalClose: "modalClose" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal valtimoCdsModal [open]=\"open$ | async\" size=\"sm\" showFooter=\"true\" (close)=\"onCancel()\">\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCancel()\">\n    <h3 cdsModalHeaderHeading>{{ 'ikoManagement.configureIkoServer' | translate }}</h3>\n  </cds-modal-header>\n\n  <form cdsModalContent [cdsLayer]=\"1\" [formGroup]=\"formGroup\" class=\"iko-api-form\">\n    <cds-label [invalid]=\"getControlInvalid('title')\">\n      {{ 'ikoManagement.titleTitle' | translate }}\n\n      <input\n        [invalid]=\"getControlInvalid('title')\"\n        formControlName=\"title\"\n        cdsText\n        placeholder=\"{{ 'ikoManagement.titlePlaceholder' | translate }}\"\n      />\n    </cds-label>\n\n    <valtimo-auto-key-input\n      [mode]=\"modalMode\"\n      [usedKeys]=\"usedKeys$ | async\"\n      [sourceText]=\"title.value\"\n      formControlName=\"key\"\n      placeholderTranslationKey=\"interface.key\"\n    >\n    </valtimo-auto-key-input>\n\n    @if (enableIkoType) {\n      <v-select\n        [invalid]=\"getControlInvalid('type')\"\n        formControlName=\"type\"\n        [disabled]=\"!enableIkoType\"\n        [items]=\"ikoRepositoryTypeSelectItems$ | async\"\n        [title]=\"'ikoManagement.typeTitle' | translate\"\n        [appendInline]=\"false\"\n        [dropUp]=\"false\"\n      ></v-select>\n    }\n\n    <valtimo-iko-management-properties\n      [propertiesFormGroup]=\"properties\"\n      [fields]=\"propertyFields$ | async\"\n      [prefillData]=\"$prefillData()?.properties\"\n    />\n  </form>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"onCancel()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button [disabled]=\"formGroup.invalid\" cdsButton=\"primary\" (click)=\"onSave()\">\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: ["form{display:flex;flex-direction:column;gap:16px}fieldset{display:flex;gap:16px}::ng-deep label{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i6.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i6.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i6.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i6.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i6.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i6.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i6.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: PropertiesFormComponent, selector: "valtimo-iko-management-properties", inputs: ["propertiesFormGroup", "fields", "prefillData"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i2$2.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "dataTestId"], outputs: ["selectedChange"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i6.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "component", type: AutoKeyInputComponent, selector: "valtimo-auto-key-input", inputs: ["labelTranslationKey", "placeholderTranslationKey", "mode", "usedKeys", "sourceText"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: IkoManagementRepositoryModalComponent, isStandalone: true, selector: "valtimo-iko-management-repository-modal", inputs: { open: "open", prefillData: "prefillData", modalMode: "modalMode" }, outputs: { modalClose: "modalClose" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal valtimoCdsModal [open]=\"open$ | async\" size=\"sm\" showFooter=\"true\" (close)=\"onCancel()\">\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCancel()\">\n    <h3 cdsModalHeaderHeading>{{ 'ikoManagement.configureIkoServer' | translate }}</h3>\n  </cds-modal-header>\n\n  <form cdsModalContent [cdsLayer]=\"1\" [formGroup]=\"formGroup\" class=\"iko-api-form\">\n    <cds-label [invalid]=\"getControlInvalid('title')\">\n      {{ 'ikoManagement.titleTitle' | translate }}\n\n      <input\n        [invalid]=\"getControlInvalid('title')\"\n        formControlName=\"title\"\n        cdsText\n        placeholder=\"{{ 'ikoManagement.titlePlaceholder' | translate }}\"\n      />\n    </cds-label>\n\n    <valtimo-auto-key-input\n      [mode]=\"modalMode\"\n      [usedKeys]=\"usedKeys$ | async\"\n      [sourceText]=\"title.value\"\n      formControlName=\"key\"\n      placeholderTranslationKey=\"interface.key\"\n    >\n    </valtimo-auto-key-input>\n\n    <v-select\n      *ngIf=\"enableIkoType\"\n      [invalid]=\"getControlInvalid('type')\"\n      formControlName=\"type\"\n      [disabled]=\"!enableIkoType\"\n      [items]=\"ikoRepositoryTypeSelectItems$ | async\"\n      [title]=\"'ikoManagement.typeTitle' | translate\"\n      [appendInline]=\"false\"\n      [dropUp]=\"false\"\n    ></v-select>\n\n    <valtimo-iko-management-properties\n      [propertiesFormGroup]=\"properties\"\n      [fields]=\"propertyFields$ | async\"\n      [prefillData]=\"$prefillData()?.properties\"\n    />\n  </form>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"onCancel()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button [disabled]=\"formGroup.invalid\" cdsButton=\"primary\" (click)=\"onSave()\">\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: ["form{display:flex;flex-direction:column;gap:16px}fieldset{display:flex;gap:16px}::ng-deep label{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i6.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i6.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i6.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i6.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i6.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i6.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i6.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: PropertiesFormComponent, selector: "valtimo-iko-management-properties", inputs: ["propertiesFormGroup", "fields", "prefillData"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i2$2.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "warn", "warnText", "dataTestId"], outputs: ["selectedChange"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i6.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "component", type: AutoKeyInputComponent, selector: "valtimo-auto-key-input", inputs: ["labelTranslationKey", "placeholderTranslationKey", "mode", "usedKeys", "sourceText"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoManagementRepositoryModalComponent, decorators: [{
             type: Component,
@@ -1518,7 +1536,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
                         SelectModule,
                         LayerModule,
                         AutoKeyInputComponent,
-                    ], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal valtimoCdsModal [open]=\"open$ | async\" size=\"sm\" showFooter=\"true\" (close)=\"onCancel()\">\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCancel()\">\n    <h3 cdsModalHeaderHeading>{{ 'ikoManagement.configureIkoServer' | translate }}</h3>\n  </cds-modal-header>\n\n  <form cdsModalContent [cdsLayer]=\"1\" [formGroup]=\"formGroup\" class=\"iko-api-form\">\n    <cds-label [invalid]=\"getControlInvalid('title')\">\n      {{ 'ikoManagement.titleTitle' | translate }}\n\n      <input\n        [invalid]=\"getControlInvalid('title')\"\n        formControlName=\"title\"\n        cdsText\n        placeholder=\"{{ 'ikoManagement.titlePlaceholder' | translate }}\"\n      />\n    </cds-label>\n\n    <valtimo-auto-key-input\n      [mode]=\"modalMode\"\n      [usedKeys]=\"usedKeys$ | async\"\n      [sourceText]=\"title.value\"\n      formControlName=\"key\"\n      placeholderTranslationKey=\"interface.key\"\n    >\n    </valtimo-auto-key-input>\n\n    @if (enableIkoType) {\n      <v-select\n        [invalid]=\"getControlInvalid('type')\"\n        formControlName=\"type\"\n        [disabled]=\"!enableIkoType\"\n        [items]=\"ikoRepositoryTypeSelectItems$ | async\"\n        [title]=\"'ikoManagement.typeTitle' | translate\"\n        [appendInline]=\"false\"\n        [dropUp]=\"false\"\n      ></v-select>\n    }\n\n    <valtimo-iko-management-properties\n      [propertiesFormGroup]=\"properties\"\n      [fields]=\"propertyFields$ | async\"\n      [prefillData]=\"$prefillData()?.properties\"\n    />\n  </form>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"onCancel()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button [disabled]=\"formGroup.invalid\" cdsButton=\"primary\" (click)=\"onSave()\">\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: ["form{display:flex;flex-direction:column;gap:16px}fieldset{display:flex;gap:16px}::ng-deep label{width:100%}\n"] }]
+                    ], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal valtimoCdsModal [open]=\"open$ | async\" size=\"sm\" showFooter=\"true\" (close)=\"onCancel()\">\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCancel()\">\n    <h3 cdsModalHeaderHeading>{{ 'ikoManagement.configureIkoServer' | translate }}</h3>\n  </cds-modal-header>\n\n  <form cdsModalContent [cdsLayer]=\"1\" [formGroup]=\"formGroup\" class=\"iko-api-form\">\n    <cds-label [invalid]=\"getControlInvalid('title')\">\n      {{ 'ikoManagement.titleTitle' | translate }}\n\n      <input\n        [invalid]=\"getControlInvalid('title')\"\n        formControlName=\"title\"\n        cdsText\n        placeholder=\"{{ 'ikoManagement.titlePlaceholder' | translate }}\"\n      />\n    </cds-label>\n\n    <valtimo-auto-key-input\n      [mode]=\"modalMode\"\n      [usedKeys]=\"usedKeys$ | async\"\n      [sourceText]=\"title.value\"\n      formControlName=\"key\"\n      placeholderTranslationKey=\"interface.key\"\n    >\n    </valtimo-auto-key-input>\n\n    <v-select\n      *ngIf=\"enableIkoType\"\n      [invalid]=\"getControlInvalid('type')\"\n      formControlName=\"type\"\n      [disabled]=\"!enableIkoType\"\n      [items]=\"ikoRepositoryTypeSelectItems$ | async\"\n      [title]=\"'ikoManagement.typeTitle' | translate\"\n      [appendInline]=\"false\"\n      [dropUp]=\"false\"\n    ></v-select>\n\n    <valtimo-iko-management-properties\n      [propertiesFormGroup]=\"properties\"\n      [fields]=\"propertyFields$ | async\"\n      [prefillData]=\"$prefillData()?.properties\"\n    />\n  </form>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"onCancel()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button [disabled]=\"formGroup.invalid\" cdsButton=\"primary\" (click)=\"onSave()\">\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: ["form{display:flex;flex-direction:column;gap:16px}fieldset{display:flex;gap:16px}::ng-deep label{width:100%}\n"] }]
         }], ctorParameters: () => [{ type: i1$3.FormBuilder }, { type: IkoManagementApiService }, { type: i2.ConfigService }], propDecorators: { open: [{
                 type: Input
             }], prefillData: [{
@@ -1909,6 +1927,7 @@ class IkoManagementSearchFieldModalComponent {
             fieldType: this.fb.control(null, Validators.required),
             dropdownDataProvider: this.fb.control(null),
             dropdownValues: this.fb.array([]),
+            required: this.fb.control(false),
         });
         this.SearchFieldDataType = SearchFieldDataType;
         this.SearchFieldFieldType = SearchFieldFieldType;
@@ -2047,6 +2066,7 @@ class IkoManagementSearchFieldModalComponent {
             ...(groupValue.dropdownValues && {
                 dropdownValues: groupValue.dropdownValues.reduce((acc, curr) => ({ ...acc, ...(!!curr?.key && { [curr.key]: curr.value }) }), {}),
             }),
+            required: groupValue.required ?? false,
         });
         this.resetForm();
     }
@@ -2084,6 +2104,7 @@ class IkoManagementSearchFieldModalComponent {
                     selected: true,
                 },
             dropdownValues: [],
+            required: !!prefillData.required,
         });
         if (prefillData.dropdownDataProvider && prefillData.dropdownValues)
             this.setPrefilledDropdownValues(prefillData.dropdownValues);
@@ -2134,11 +2155,12 @@ class IkoManagementSearchFieldModalComponent {
                 this.dropdownValuesArray.removeAt(0);
             }
             this.formGroup.reset();
+            this.formGroup.patchValue({ required: false });
             this.formGroup.enable();
         }, CARBON_CONSTANTS.modalAnimationMs);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoManagementSearchFieldModalComponent, deps: [{ token: i6.IconService }, { token: i1$3.FormBuilder }, { token: i5.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: IkoManagementSearchFieldModalComponent, isStandalone: true, selector: "valtimo-iko-management-search-field-modal", inputs: { open: "open", usedKeys: "usedKeys", modalMode: "modalMode", prefillData: "prefillData" }, outputs: { closeEvent: "closeEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal [open]=\"open\" showFooter=\"true\" (close)=\"onCancel()\">\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCancel()\">\n    <h3 cdsModalHeaderHeading>\n      {{ (!prefillData ? 'searchFieldsOverview.add' : 'searchFieldsOverview.edit') | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form cdsModalContent [formGroup]=\"formGroup\" class=\"valtimo-search-fields-modal__content\">\n    <div class=\"valtimo-search-fields-modal__input\">\n      <v-input-label\n        [title]=\"'searchFieldsOverview.title' | translate\"\n        [tooltip]=\"'searchFieldsOverviewTooltips.title' | translate\"\n      >\n      </v-input-label>\n\n      <input data-testid=\"-search-title\" cdsText type=\"text\" formControlName=\"title\" cdsLayer />\n    </div>\n\n    <div class=\"valtimo-search-fields-modal__input\">\n      <valtimo-auto-key-input\n        [mode]=\"modalMode\"\n        [usedKeys]=\"usedKeys\"\n        [sourceText]=\"title.value\"\n        data-testid=\"iko-search-key\"\n        formControlName=\"key\"\n        placeholderTranslationKey=\"interface.key\"\n      >\n      </valtimo-auto-key-input>\n    </div>\n\n    <div class=\"valtimo-search-fields-modal__input\">\n      <v-input-label\n        [title]=\"'searchFieldsOverview.path' | translate\"\n        [tooltip]=\"'searchFieldsOverviewTooltips.path' | translate\"\n      >\n      </v-input-label>\n\n      <input cdsLayer data-testid=\"iko-search-key\" cdsText type=\"text\" formControlName=\"path\" />\n\n      <!-- TODO: When BE value resolver is in place -->\n      <!-- <valtimo-value-path-selector\n        formControlName=\"path\"\n        [caseDefinitionKey]=\"caseDefinitionKey$ | async\"\n        [prefixes]=\"[ValuePathSelectorPrefix.DOC, ValuePathSelectorPrefix.CASE]\"\n      ></valtimo-value-path-selector> -->\n    </div>\n\n    <div class=\"valtimo-search-fields-modal__input\">\n      <v-input-label\n        [title]=\"'searchFieldsOverview.dataType' | translate\"\n        [tooltip]=\"'searchFieldsOverviewTooltips.dataType' | translate\"\n      >\n      </v-input-label>\n\n      <cds-dropdown cdsLayer data-testid=\"-search-dataType\" formControlName=\"dataType\">\n        <cds-dropdown-list [items]=\"dataTypeItems$ | async\"></cds-dropdown-list>\n      </cds-dropdown>\n    </div>\n\n    @if (dataTypeValue === SearchFieldDataType.TEXT) {\n      <div class=\"valtimo-search-fields-modal__input\">\n        <v-input-label\n          [title]=\"'searchFieldsOverview.matchType' | translate\"\n          [tooltip]=\"'searchFieldsOverviewTooltips.matchType' | translate\"\n        >\n        </v-input-label>\n\n        <cds-dropdown cdsLayer data-testid=\"-search-matchType\" formControlName=\"matchType\">\n          <cds-dropdown-list [items]=\"matchTypeItems$ | async\"></cds-dropdown-list>\n        </cds-dropdown>\n      </div>\n    }\n\n    <div class=\"valtimo-search-fields-modal__input\">\n      <v-input-label\n        [title]=\"'searchFieldsOverview.fieldType' | translate\"\n        [tooltip]=\"'searchFieldsOverviewTooltips.fieldType' | translate\"\n      >\n      </v-input-label>\n\n      <cds-dropdown cdsLayer data-testid=\"-search-fieldType\" formControlName=\"fieldType\">\n        <cds-dropdown-list [items]=\"fieldTypeItems$ | async\"></cds-dropdown-list>\n      </cds-dropdown>\n    </div>\n\n    @if (\n      dataTypeValue === SearchFieldDataType.TEXT &&\n      (fieldTypeValue === SearchFieldFieldType.SINGLE_SELECT_DROPDOWN ||\n        fieldTypeValue === SearchFieldFieldType.MULTI_SELECT_DROPDOWN)\n    ) {\n      <div class=\"valtimo-search-fields-modal__input\">\n        <v-input-label\n          [title]=\"'searchFieldsOverview.dropdownDataProvider' | translate\"\n          [tooltip]=\"'searchFieldsOverviewTooltips.dropdownDataProvider' | translate\"\n        >\n        </v-input-label>\n\n        <cds-dropdown\n          data-testid=\"-search-dropdownDataProvider\"\n          formControlName=\"dropdownDataProvider\"\n          cdsLayer\n        >\n          <cds-dropdown-list [items]=\"dataProviderItems$ | async\"></cds-dropdown-list>\n        </cds-dropdown>\n      </div>\n\n      @if (dropdownDataProviderValue === SearchDropdownDataProvider.DATABASE) {\n        <div class=\"valtimo-search-fields-modal__list\" formArrayName=\"dropdownValues\">\n          <v-input-label\n            [title]=\"'searchFieldsOverview.dropdownListValues' | translate\"\n            [tooltip]=\"'searchFieldsOverviewTooltips.dropdownListValues' | translate\"\n            [noMargin]=\"true\"\n          >\n          </v-input-label>\n\n          @for (dropdownValue of dropdownValuesArray?.controls; track $index) {\n            <form [formGroup]=\"dropdownValue\" class=\"valtimo-search-fields-modal__dropdown-values\">\n              <cds-text-label>\n                {{ 'interface.value' | translate }}\n\n                <input\n                  data-testid=\"iko-search-dropdownKey\"\n                  cdsText\n                  type=\"text\"\n                  formControlName=\"key\"\n                  cdsLayer\n                />\n              </cds-text-label>\n\n              <cds-text-label>\n                {{ 'interface.display' | translate }}\n\n                <input\n                  data-testid=\"-search-dropdownValue\"\n                  cdsText\n                  type=\"text\"\n                  formControlName=\"value\"\n                  cdsLayer\n                />\n              </cds-text-label>\n\n              <button\n                cdsButton=\"danger\"\n                data-testid=\"iko-search-deleteEnum\"\n                [disabled]=\"$count === 1\"\n                [iconOnly]=\"true\"\n                (click)=\"removeDropdownValue($index)\"\n              >\n                <svg cdsIcon=\"trash-can\" size=\"16\"></svg>\n              </button>\n            </form>\n          }\n\n          <button\n            data-testid=\"-search-addDropdownValue\"\n            cdsButton=\"primary\"\n            (click)=\"addDropdownValue()\"\n          >\n            {{ 'interface.addRow' | translate }}\n\n            <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n          </button>\n        </div>\n      }\n    }\n  </form>\n\n  <cds-modal-footer>\n    <button data-testid=\"-search-cancel\" cdsButton=\"ghost\" (click)=\"onCancel()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      data-testid=\"-search-save\"\n      cdsButton=\"primary\"\n      [disabled]=\"formGroup.invalid\"\n      (click)=\"onSave()\"\n    >\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-search-fields-modal__content,.valtimo-search-fields-modal__dropdown-values{display:flex;gap:16px}.valtimo-search-fields-modal__content{flex-direction:column}.valtimo-search-fields-modal__dropdown-values{align-items:flex-end;gap:16px}.valtimo-search-fields-modal__label{display:flex;gap:4px}.valtimo-search-fields-modal__list{display:flex;flex-direction:column;gap:16px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: DropdownModule }, { kind: "component", type: i6.Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: ["id", "label", "hideLabel", "helperText", "placeholder", "displayValue", "clearText", "size", "type", "theme", "disabled", "readonly", "skeleton", "inline", "disableArrowKeys", "invalid", "invalidText", "warn", "warnText", "appendInline", "scrollableContainer", "itemValueKey", "selectionFeedback", "menuButtonLabel", "selectedLabel", "dropUp", "fluid"], outputs: ["selected", "onClose", "close"] }, { kind: "component", type: i6.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "ngmodule", type: InputLabelModule }, { kind: "component", type: i2$2.InputLabelComponent, selector: "v-input-label", inputs: ["name", "tooltip", "tooltipTranslationKey", "largeMargin", "small", "noMargin", "title", "titleTranslationKey", "required", "disabled", "carbonTheme"] }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i6.TextInputLabelComponent, selector: "cds-text-label, ibm-text-label", inputs: ["labelInputID", "disabled", "skeleton", "labelTemplate", "textInputTemplate", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel", "fluid"] }, { kind: "directive", type: i6.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i6.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i6.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i6.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i6.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i6.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i6.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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: "directive", type: i1$3.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "component", type: AutoKeyInputComponent, selector: "valtimo-auto-key-input", inputs: ["labelTranslationKey", "placeholderTranslationKey", "mode", "usedKeys", "sourceText"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: IkoManagementSearchFieldModalComponent, isStandalone: true, selector: "valtimo-iko-management-search-field-modal", inputs: { open: "open", usedKeys: "usedKeys", modalMode: "modalMode", prefillData: "prefillData" }, outputs: { closeEvent: "closeEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal [open]=\"open\" showFooter=\"true\" (close)=\"onCancel()\">\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCancel()\">\n    <h3 cdsModalHeaderHeading>\n      {{ (!prefillData ? 'searchFieldsOverview.add' : 'searchFieldsOverview.edit') | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form cdsModalContent [formGroup]=\"formGroup\" class=\"valtimo-search-fields-modal__content\">\n    <div class=\"valtimo-search-fields-modal__input\">\n      <v-input-label\n        [title]=\"'searchFieldsOverview.title' | translate\"\n        [tooltip]=\"'searchFieldsOverviewTooltips.title' | translate\"\n      >\n      </v-input-label>\n\n      <input data-testid=\"-search-title\" cdsText type=\"text\" formControlName=\"title\" cdsLayer />\n    </div>\n\n    <div class=\"valtimo-search-fields-modal__input\">\n      <valtimo-auto-key-input\n        [mode]=\"modalMode\"\n        [usedKeys]=\"usedKeys\"\n        [sourceText]=\"title.value\"\n        data-testid=\"iko-search-key\"\n        formControlName=\"key\"\n        placeholderTranslationKey=\"interface.key\"\n      >\n      </valtimo-auto-key-input>\n    </div>\n\n    <div class=\"valtimo-search-fields-modal__input\">\n      <v-input-label\n        [title]=\"'searchFieldsOverview.path' | translate\"\n        [tooltip]=\"'searchFieldsOverviewTooltips.path' | translate\"\n      >\n      </v-input-label>\n\n      <input cdsLayer data-testid=\"iko-search-key\" cdsText type=\"text\" formControlName=\"path\" />\n\n      <!-- TODO: When BE value resolver is in place -->\n      <!-- <valtimo-value-path-selector\n        formControlName=\"path\"\n        [caseDefinitionKey]=\"caseDefinitionKey$ | async\"\n        [prefixes]=\"[ValuePathSelectorPrefix.DOC, ValuePathSelectorPrefix.CASE]\"\n      ></valtimo-value-path-selector> -->\n    </div>\n\n    <div class=\"valtimo-search-fields-modal__input\">\n      <v-input-label\n        [title]=\"'searchFieldsOverview.dataType' | translate\"\n        [tooltip]=\"'searchFieldsOverviewTooltips.dataType' | translate\"\n      >\n      </v-input-label>\n\n      <cds-dropdown cdsLayer data-testid=\"-search-dataType\" formControlName=\"dataType\">\n        <cds-dropdown-list [items]=\"dataTypeItems$ | async\"></cds-dropdown-list>\n      </cds-dropdown>\n    </div>\n\n    @if (dataTypeValue === SearchFieldDataType.TEXT) {\n      <div class=\"valtimo-search-fields-modal__input\">\n        <v-input-label\n          [title]=\"'searchFieldsOverview.matchType' | translate\"\n          [tooltip]=\"'searchFieldsOverviewTooltips.matchType' | translate\"\n        >\n        </v-input-label>\n\n        <cds-dropdown cdsLayer data-testid=\"-search-matchType\" formControlName=\"matchType\">\n          <cds-dropdown-list [items]=\"matchTypeItems$ | async\"></cds-dropdown-list>\n        </cds-dropdown>\n      </div>\n    }\n\n    <div class=\"valtimo-search-fields-modal__input\">\n      <v-input-label\n        [title]=\"'searchFieldsOverview.fieldType' | translate\"\n        [tooltip]=\"'searchFieldsOverviewTooltips.fieldType' | translate\"\n      >\n      </v-input-label>\n\n      <cds-dropdown cdsLayer data-testid=\"-search-fieldType\" formControlName=\"fieldType\">\n        <cds-dropdown-list [items]=\"fieldTypeItems$ | async\"></cds-dropdown-list>\n      </cds-dropdown>\n    </div>\n\n    <cds-toggle\n      class=\"valtimo-search-fields-modal__input\"\n      formControlName=\"required\"\n      [label]=\"'searchFieldsOverview.required' | translate\"\n      [onText]=\"'searchFieldsOverview.requiredEnabled' | translate\"\n      [offText]=\"'searchFieldsOverview.requiredDisabled' | translate\"\n    ></cds-toggle>\n\n    @if (\n      dataTypeValue === SearchFieldDataType.TEXT &&\n      (fieldTypeValue === SearchFieldFieldType.SINGLE_SELECT_DROPDOWN ||\n        fieldTypeValue === SearchFieldFieldType.MULTI_SELECT_DROPDOWN)\n    ) {\n      <div class=\"valtimo-search-fields-modal__input\">\n        <v-input-label\n          [title]=\"'searchFieldsOverview.dropdownDataProvider' | translate\"\n          [tooltip]=\"'searchFieldsOverviewTooltips.dropdownDataProvider' | translate\"\n        >\n        </v-input-label>\n\n        <cds-dropdown\n          data-testid=\"-search-dropdownDataProvider\"\n          formControlName=\"dropdownDataProvider\"\n          cdsLayer\n        >\n          <cds-dropdown-list [items]=\"dataProviderItems$ | async\"></cds-dropdown-list>\n        </cds-dropdown>\n      </div>\n\n      @if (dropdownDataProviderValue === SearchDropdownDataProvider.DATABASE) {\n        <div class=\"valtimo-search-fields-modal__list\" formArrayName=\"dropdownValues\">\n          <v-input-label\n            [title]=\"'searchFieldsOverview.dropdownListValues' | translate\"\n            [tooltip]=\"'searchFieldsOverviewTooltips.dropdownListValues' | translate\"\n            [noMargin]=\"true\"\n          >\n          </v-input-label>\n\n          @for (dropdownValue of dropdownValuesArray?.controls; track $index) {\n            <form [formGroup]=\"dropdownValue\" class=\"valtimo-search-fields-modal__dropdown-values\">\n              <cds-text-label>\n                {{ 'interface.value' | translate }}\n\n                <input\n                  data-testid=\"iko-search-dropdownKey\"\n                  cdsText\n                  type=\"text\"\n                  formControlName=\"key\"\n                  cdsLayer\n                />\n              </cds-text-label>\n\n              <cds-text-label>\n                {{ 'interface.display' | translate }}\n\n                <input\n                  data-testid=\"-search-dropdownValue\"\n                  cdsText\n                  type=\"text\"\n                  formControlName=\"value\"\n                  cdsLayer\n                />\n              </cds-text-label>\n\n              <button\n                cdsButton=\"danger\"\n                data-testid=\"iko-search-deleteEnum\"\n                [disabled]=\"$count === 1\"\n                [iconOnly]=\"true\"\n                (click)=\"removeDropdownValue($index)\"\n              >\n                <svg cdsIcon=\"trash-can\" size=\"16\"></svg>\n              </button>\n            </form>\n          }\n\n          <button\n            data-testid=\"-search-addDropdownValue\"\n            cdsButton=\"primary\"\n            (click)=\"addDropdownValue()\"\n          >\n            {{ 'interface.addRow' | translate }}\n\n            <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n          </button>\n        </div>\n      }\n    }\n  </form>\n\n  <cds-modal-footer>\n    <button data-testid=\"-search-cancel\" cdsButton=\"ghost\" (click)=\"onCancel()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      data-testid=\"-search-save\"\n      cdsButton=\"primary\"\n      [disabled]=\"formGroup.invalid\"\n      (click)=\"onSave()\"\n    >\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-search-fields-modal__content,.valtimo-search-fields-modal__dropdown-values{display:flex;gap:16px}.valtimo-search-fields-modal__content{flex-direction:column}.valtimo-search-fields-modal__dropdown-values{align-items:flex-end;gap:16px}.valtimo-search-fields-modal__label{display:flex;gap:4px}.valtimo-search-fields-modal__list{display:flex;flex-direction:column;gap:16px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: DropdownModule }, { kind: "component", type: i6.Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: ["id", "label", "hideLabel", "helperText", "placeholder", "displayValue", "clearText", "size", "type", "theme", "disabled", "readonly", "skeleton", "inline", "disableArrowKeys", "invalid", "invalidText", "warn", "warnText", "appendInline", "scrollableContainer", "itemValueKey", "selectionFeedback", "menuButtonLabel", "selectedLabel", "dropUp", "fluid"], outputs: ["selected", "onClose", "close"] }, { kind: "component", type: i6.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i6.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: InputLabelModule }, { kind: "component", type: i2$2.InputLabelComponent, selector: "v-input-label", inputs: ["name", "tooltip", "tooltipTranslationKey", "largeMargin", "small", "noMargin", "title", "titleTranslationKey", "required", "disabled", "carbonTheme"] }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i6.TextInputLabelComponent, selector: "cds-text-label, ibm-text-label", inputs: ["labelInputID", "disabled", "skeleton", "labelTemplate", "textInputTemplate", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel", "fluid"] }, { kind: "directive", type: i6.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i6.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i6.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i6.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i6.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i6.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i6.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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: "directive", type: i1$3.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "component", type: AutoKeyInputComponent, selector: "valtimo-auto-key-input", inputs: ["labelTranslationKey", "placeholderTranslationKey", "mode", "usedKeys", "sourceText"] }, { kind: "ngmodule", type: ToggleModule }, { kind: "component", type: i6.Toggle, selector: "cds-toggle, ibm-toggle", inputs: ["offText", "onText", "label", "size", "hideLabel", "ariaLabel", "skeleton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoManagementSearchFieldModalComponent, decorators: [{
             type: Component,
@@ -2146,6 +2168,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
                         ButtonModule,
                         CommonModule,
                         DropdownModule,
+                        IconModule,
                         InputLabelModule,
                         InputModule,
                         LayerModule,
@@ -2154,7 +2177,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
                         TranslateModule,
                         ValtimoCdsModalDirective,
                         AutoKeyInputComponent,
-                    ], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal [open]=\"open\" showFooter=\"true\" (close)=\"onCancel()\">\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCancel()\">\n    <h3 cdsModalHeaderHeading>\n      {{ (!prefillData ? 'searchFieldsOverview.add' : 'searchFieldsOverview.edit') | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form cdsModalContent [formGroup]=\"formGroup\" class=\"valtimo-search-fields-modal__content\">\n    <div class=\"valtimo-search-fields-modal__input\">\n      <v-input-label\n        [title]=\"'searchFieldsOverview.title' | translate\"\n        [tooltip]=\"'searchFieldsOverviewTooltips.title' | translate\"\n      >\n      </v-input-label>\n\n      <input data-testid=\"-search-title\" cdsText type=\"text\" formControlName=\"title\" cdsLayer />\n    </div>\n\n    <div class=\"valtimo-search-fields-modal__input\">\n      <valtimo-auto-key-input\n        [mode]=\"modalMode\"\n        [usedKeys]=\"usedKeys\"\n        [sourceText]=\"title.value\"\n        data-testid=\"iko-search-key\"\n        formControlName=\"key\"\n        placeholderTranslationKey=\"interface.key\"\n      >\n      </valtimo-auto-key-input>\n    </div>\n\n    <div class=\"valtimo-search-fields-modal__input\">\n      <v-input-label\n        [title]=\"'searchFieldsOverview.path' | translate\"\n        [tooltip]=\"'searchFieldsOverviewTooltips.path' | translate\"\n      >\n      </v-input-label>\n\n      <input cdsLayer data-testid=\"iko-search-key\" cdsText type=\"text\" formControlName=\"path\" />\n\n      <!-- TODO: When BE value resolver is in place -->\n      <!-- <valtimo-value-path-selector\n        formControlName=\"path\"\n        [caseDefinitionKey]=\"caseDefinitionKey$ | async\"\n        [prefixes]=\"[ValuePathSelectorPrefix.DOC, ValuePathSelectorPrefix.CASE]\"\n      ></valtimo-value-path-selector> -->\n    </div>\n\n    <div class=\"valtimo-search-fields-modal__input\">\n      <v-input-label\n        [title]=\"'searchFieldsOverview.dataType' | translate\"\n        [tooltip]=\"'searchFieldsOverviewTooltips.dataType' | translate\"\n      >\n      </v-input-label>\n\n      <cds-dropdown cdsLayer data-testid=\"-search-dataType\" formControlName=\"dataType\">\n        <cds-dropdown-list [items]=\"dataTypeItems$ | async\"></cds-dropdown-list>\n      </cds-dropdown>\n    </div>\n\n    @if (dataTypeValue === SearchFieldDataType.TEXT) {\n      <div class=\"valtimo-search-fields-modal__input\">\n        <v-input-label\n          [title]=\"'searchFieldsOverview.matchType' | translate\"\n          [tooltip]=\"'searchFieldsOverviewTooltips.matchType' | translate\"\n        >\n        </v-input-label>\n\n        <cds-dropdown cdsLayer data-testid=\"-search-matchType\" formControlName=\"matchType\">\n          <cds-dropdown-list [items]=\"matchTypeItems$ | async\"></cds-dropdown-list>\n        </cds-dropdown>\n      </div>\n    }\n\n    <div class=\"valtimo-search-fields-modal__input\">\n      <v-input-label\n        [title]=\"'searchFieldsOverview.fieldType' | translate\"\n        [tooltip]=\"'searchFieldsOverviewTooltips.fieldType' | translate\"\n      >\n      </v-input-label>\n\n      <cds-dropdown cdsLayer data-testid=\"-search-fieldType\" formControlName=\"fieldType\">\n        <cds-dropdown-list [items]=\"fieldTypeItems$ | async\"></cds-dropdown-list>\n      </cds-dropdown>\n    </div>\n\n    @if (\n      dataTypeValue === SearchFieldDataType.TEXT &&\n      (fieldTypeValue === SearchFieldFieldType.SINGLE_SELECT_DROPDOWN ||\n        fieldTypeValue === SearchFieldFieldType.MULTI_SELECT_DROPDOWN)\n    ) {\n      <div class=\"valtimo-search-fields-modal__input\">\n        <v-input-label\n          [title]=\"'searchFieldsOverview.dropdownDataProvider' | translate\"\n          [tooltip]=\"'searchFieldsOverviewTooltips.dropdownDataProvider' | translate\"\n        >\n        </v-input-label>\n\n        <cds-dropdown\n          data-testid=\"-search-dropdownDataProvider\"\n          formControlName=\"dropdownDataProvider\"\n          cdsLayer\n        >\n          <cds-dropdown-list [items]=\"dataProviderItems$ | async\"></cds-dropdown-list>\n        </cds-dropdown>\n      </div>\n\n      @if (dropdownDataProviderValue === SearchDropdownDataProvider.DATABASE) {\n        <div class=\"valtimo-search-fields-modal__list\" formArrayName=\"dropdownValues\">\n          <v-input-label\n            [title]=\"'searchFieldsOverview.dropdownListValues' | translate\"\n            [tooltip]=\"'searchFieldsOverviewTooltips.dropdownListValues' | translate\"\n            [noMargin]=\"true\"\n          >\n          </v-input-label>\n\n          @for (dropdownValue of dropdownValuesArray?.controls; track $index) {\n            <form [formGroup]=\"dropdownValue\" class=\"valtimo-search-fields-modal__dropdown-values\">\n              <cds-text-label>\n                {{ 'interface.value' | translate }}\n\n                <input\n                  data-testid=\"iko-search-dropdownKey\"\n                  cdsText\n                  type=\"text\"\n                  formControlName=\"key\"\n                  cdsLayer\n                />\n              </cds-text-label>\n\n              <cds-text-label>\n                {{ 'interface.display' | translate }}\n\n                <input\n                  data-testid=\"-search-dropdownValue\"\n                  cdsText\n                  type=\"text\"\n                  formControlName=\"value\"\n                  cdsLayer\n                />\n              </cds-text-label>\n\n              <button\n                cdsButton=\"danger\"\n                data-testid=\"iko-search-deleteEnum\"\n                [disabled]=\"$count === 1\"\n                [iconOnly]=\"true\"\n                (click)=\"removeDropdownValue($index)\"\n              >\n                <svg cdsIcon=\"trash-can\" size=\"16\"></svg>\n              </button>\n            </form>\n          }\n\n          <button\n            data-testid=\"-search-addDropdownValue\"\n            cdsButton=\"primary\"\n            (click)=\"addDropdownValue()\"\n          >\n            {{ 'interface.addRow' | translate }}\n\n            <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n          </button>\n        </div>\n      }\n    }\n  </form>\n\n  <cds-modal-footer>\n    <button data-testid=\"-search-cancel\" cdsButton=\"ghost\" (click)=\"onCancel()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      data-testid=\"-search-save\"\n      cdsButton=\"primary\"\n      [disabled]=\"formGroup.invalid\"\n      (click)=\"onSave()\"\n    >\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-search-fields-modal__content,.valtimo-search-fields-modal__dropdown-values{display:flex;gap:16px}.valtimo-search-fields-modal__content{flex-direction:column}.valtimo-search-fields-modal__dropdown-values{align-items:flex-end;gap:16px}.valtimo-search-fields-modal__label{display:flex;gap:4px}.valtimo-search-fields-modal__list{display:flex;flex-direction:column;gap:16px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+                        ToggleModule,
+                    ], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal [open]=\"open\" showFooter=\"true\" (close)=\"onCancel()\">\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCancel()\">\n    <h3 cdsModalHeaderHeading>\n      {{ (!prefillData ? 'searchFieldsOverview.add' : 'searchFieldsOverview.edit') | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form cdsModalContent [formGroup]=\"formGroup\" class=\"valtimo-search-fields-modal__content\">\n    <div class=\"valtimo-search-fields-modal__input\">\n      <v-input-label\n        [title]=\"'searchFieldsOverview.title' | translate\"\n        [tooltip]=\"'searchFieldsOverviewTooltips.title' | translate\"\n      >\n      </v-input-label>\n\n      <input data-testid=\"-search-title\" cdsText type=\"text\" formControlName=\"title\" cdsLayer />\n    </div>\n\n    <div class=\"valtimo-search-fields-modal__input\">\n      <valtimo-auto-key-input\n        [mode]=\"modalMode\"\n        [usedKeys]=\"usedKeys\"\n        [sourceText]=\"title.value\"\n        data-testid=\"iko-search-key\"\n        formControlName=\"key\"\n        placeholderTranslationKey=\"interface.key\"\n      >\n      </valtimo-auto-key-input>\n    </div>\n\n    <div class=\"valtimo-search-fields-modal__input\">\n      <v-input-label\n        [title]=\"'searchFieldsOverview.path' | translate\"\n        [tooltip]=\"'searchFieldsOverviewTooltips.path' | translate\"\n      >\n      </v-input-label>\n\n      <input cdsLayer data-testid=\"iko-search-key\" cdsText type=\"text\" formControlName=\"path\" />\n\n      <!-- TODO: When BE value resolver is in place -->\n      <!-- <valtimo-value-path-selector\n        formControlName=\"path\"\n        [caseDefinitionKey]=\"caseDefinitionKey$ | async\"\n        [prefixes]=\"[ValuePathSelectorPrefix.DOC, ValuePathSelectorPrefix.CASE]\"\n      ></valtimo-value-path-selector> -->\n    </div>\n\n    <div class=\"valtimo-search-fields-modal__input\">\n      <v-input-label\n        [title]=\"'searchFieldsOverview.dataType' | translate\"\n        [tooltip]=\"'searchFieldsOverviewTooltips.dataType' | translate\"\n      >\n      </v-input-label>\n\n      <cds-dropdown cdsLayer data-testid=\"-search-dataType\" formControlName=\"dataType\">\n        <cds-dropdown-list [items]=\"dataTypeItems$ | async\"></cds-dropdown-list>\n      </cds-dropdown>\n    </div>\n\n    @if (dataTypeValue === SearchFieldDataType.TEXT) {\n      <div class=\"valtimo-search-fields-modal__input\">\n        <v-input-label\n          [title]=\"'searchFieldsOverview.matchType' | translate\"\n          [tooltip]=\"'searchFieldsOverviewTooltips.matchType' | translate\"\n        >\n        </v-input-label>\n\n        <cds-dropdown cdsLayer data-testid=\"-search-matchType\" formControlName=\"matchType\">\n          <cds-dropdown-list [items]=\"matchTypeItems$ | async\"></cds-dropdown-list>\n        </cds-dropdown>\n      </div>\n    }\n\n    <div class=\"valtimo-search-fields-modal__input\">\n      <v-input-label\n        [title]=\"'searchFieldsOverview.fieldType' | translate\"\n        [tooltip]=\"'searchFieldsOverviewTooltips.fieldType' | translate\"\n      >\n      </v-input-label>\n\n      <cds-dropdown cdsLayer data-testid=\"-search-fieldType\" formControlName=\"fieldType\">\n        <cds-dropdown-list [items]=\"fieldTypeItems$ | async\"></cds-dropdown-list>\n      </cds-dropdown>\n    </div>\n\n    <cds-toggle\n      class=\"valtimo-search-fields-modal__input\"\n      formControlName=\"required\"\n      [label]=\"'searchFieldsOverview.required' | translate\"\n      [onText]=\"'searchFieldsOverview.requiredEnabled' | translate\"\n      [offText]=\"'searchFieldsOverview.requiredDisabled' | translate\"\n    ></cds-toggle>\n\n    @if (\n      dataTypeValue === SearchFieldDataType.TEXT &&\n      (fieldTypeValue === SearchFieldFieldType.SINGLE_SELECT_DROPDOWN ||\n        fieldTypeValue === SearchFieldFieldType.MULTI_SELECT_DROPDOWN)\n    ) {\n      <div class=\"valtimo-search-fields-modal__input\">\n        <v-input-label\n          [title]=\"'searchFieldsOverview.dropdownDataProvider' | translate\"\n          [tooltip]=\"'searchFieldsOverviewTooltips.dropdownDataProvider' | translate\"\n        >\n        </v-input-label>\n\n        <cds-dropdown\n          data-testid=\"-search-dropdownDataProvider\"\n          formControlName=\"dropdownDataProvider\"\n          cdsLayer\n        >\n          <cds-dropdown-list [items]=\"dataProviderItems$ | async\"></cds-dropdown-list>\n        </cds-dropdown>\n      </div>\n\n      @if (dropdownDataProviderValue === SearchDropdownDataProvider.DATABASE) {\n        <div class=\"valtimo-search-fields-modal__list\" formArrayName=\"dropdownValues\">\n          <v-input-label\n            [title]=\"'searchFieldsOverview.dropdownListValues' | translate\"\n            [tooltip]=\"'searchFieldsOverviewTooltips.dropdownListValues' | translate\"\n            [noMargin]=\"true\"\n          >\n          </v-input-label>\n\n          @for (dropdownValue of dropdownValuesArray?.controls; track $index) {\n            <form [formGroup]=\"dropdownValue\" class=\"valtimo-search-fields-modal__dropdown-values\">\n              <cds-text-label>\n                {{ 'interface.value' | translate }}\n\n                <input\n                  data-testid=\"iko-search-dropdownKey\"\n                  cdsText\n                  type=\"text\"\n                  formControlName=\"key\"\n                  cdsLayer\n                />\n              </cds-text-label>\n\n              <cds-text-label>\n                {{ 'interface.display' | translate }}\n\n                <input\n                  data-testid=\"-search-dropdownValue\"\n                  cdsText\n                  type=\"text\"\n                  formControlName=\"value\"\n                  cdsLayer\n                />\n              </cds-text-label>\n\n              <button\n                cdsButton=\"danger\"\n                data-testid=\"iko-search-deleteEnum\"\n                [disabled]=\"$count === 1\"\n                [iconOnly]=\"true\"\n                (click)=\"removeDropdownValue($index)\"\n              >\n                <svg cdsIcon=\"trash-can\" size=\"16\"></svg>\n              </button>\n            </form>\n          }\n\n          <button\n            data-testid=\"-search-addDropdownValue\"\n            cdsButton=\"primary\"\n            (click)=\"addDropdownValue()\"\n          >\n            {{ 'interface.addRow' | translate }}\n\n            <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n          </button>\n        </div>\n      }\n    }\n  </form>\n\n  <cds-modal-footer>\n    <button data-testid=\"-search-cancel\" cdsButton=\"ghost\" (click)=\"onCancel()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      data-testid=\"-search-save\"\n      cdsButton=\"primary\"\n      [disabled]=\"formGroup.invalid\"\n      (click)=\"onSave()\"\n    >\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-search-fields-modal__content,.valtimo-search-fields-modal__dropdown-values{display:flex;gap:16px}.valtimo-search-fields-modal__content{flex-direction:column}.valtimo-search-fields-modal__dropdown-values{align-items:flex-end;gap:16px}.valtimo-search-fields-modal__label{display:flex;gap:4px}.valtimo-search-fields-modal__list{display:flex;flex-direction:column;gap:16px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
         }], ctorParameters: () => [{ type: i6.IconService }, { type: i1$3.FormBuilder }, { type: i5.TranslateService }], propDecorators: { open: [{
                 type: Input,
                 args: [{ required: true }]
@@ -2288,6 +2312,7 @@ class IkoManagementSearchFieldsComponent {
         this.deleteModalOpen$.next(true);
     }
     editSearchField(field) {
+        this.$modalMode.set('edit');
         if (!!field.dropdownDataProvider) {
             this.params$
                 .pipe(switchMap((params) => this.ikoManagementApiService.getDropdownData(field.dropdownDataProvider, params.aggregateKey, params.actionKey, field.key)), take(1))
@@ -2298,7 +2323,6 @@ class IkoManagementSearchFieldsComponent {
             });
             return;
         }
-        this.$modalMode.set('edit');
         this.prefillData$.next(field);
         this.fieldModalOpen$.next(true);
     }
@@ -3016,7 +3040,7 @@ class IkoManagementListModalComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoManagementListModalComponent, deps: [{ token: IkoManagementApiService }, { token: i1$3.FormBuilder }, { token: i1$2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: IkoManagementListModalComponent, isStandalone: true, selector: "valtimo-iko-management-list-modal", inputs: { openModal: "openModal", listColumns: "listColumns", selectedListColumn: "selectedListColumn", modalMode: "modalMode" }, outputs: { closeModalEvent: "closeModalEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  valtimoCdsModal\n  *ngIf=\"{\n    title:\n      (modalMode === 'add' ? 'ikoManagement.addColumn' : 'ikoManagement.editColumn') | translate,\n  } as state\"\n  [open]=\"$openModal()\"\n  [title]=\"state.title\"\n  (close)=\"closeModal()\"\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{ state.title }}\n    </h3>\n  </cds-modal-header>\n\n  <form cdsModalContent [cdsLayer]=\"1\" [formGroup]=\"form\" class=\"iko-column-form\">\n    <cds-label>\n      {{ 'ikoManagement.titleTitle' | translate }}\n\n      <input\n        [invalid]=\"title.dirty && title.invalid\"\n        formControlName=\"title\"\n        cdsText\n        placeholder=\"{{ 'ikoManagement.columnTitlePlaceholder' | translate }}\"\n      />\n    </cds-label>\n\n    <cds-label>\n      {{ 'ikoManagement.keyTitle' | translate }}\n\n      <input\n        [invalid]=\"key.dirty && key.invalid\"\n        formControlName=\"key\"\n        cdsText\n        placeholder=\"{{ 'ikoManagement.columnKeyPlaceholder' | translate }}\"\n      />\n    </cds-label>\n\n    <cds-label>\n      {{ 'ikoManagement.pathTitle' | translate }}\n\n      <input\n        [invalid]=\"path.dirty && path.invalid\"\n        formControlName=\"path\"\n        cdsText\n        placeholder=\"{{ 'ikoManagement.columnPathPlaceholder' | translate }}\"\n      />\n    </cds-label>\n\n    <cds-toggle\n      formControlName=\"sortable\"\n      [label]=\"'ikoManagement.sortableTitle' | translate\"\n      [onText]=\"'ikoManagement.sortingEnabled' | translate\"\n      [offText]=\"'ikoManagement.sortingDisabled' | translate\"\n    ></cds-toggle>\n\n    <v-select\n      [invalid]=\"defaultSort.dirty && defaultSort.invalid\"\n      formControlName=\"defaultSort\"\n      [items]=\"sortSelectItems\"\n      titleTranslationKey=\"ikoManagement.defaultSortTitle\"\n      [appendInline]=\"false\"\n    ></v-select>\n\n    <v-select\n      [invalid]=\"displayType.dirty && displayType.invalid\"\n      formControlName=\"displayType\"\n      [items]=\"displayTypeSelectItems\"\n      titleTranslationKey=\"ikoManagement.displayType\"\n      [appendInline]=\"false\"\n    ></v-select>\n\n    <v-input-label\n      *ngIf=\"isDateDisplayType$ | async\"\n      titleTranslationKey=\"listColumn.dateFormat\"\n      tooltipTranslationKey=\"listColumn.dateFormatTooltip\"\n    >\n      <input cdsText formControlName=\"dateFormat\" />\n    </v-input-label>\n\n    <v-input-label\n      *ngIf=\"isBooleanDisplayType$ | async\"\n      titleTranslationKey=\"listColumn.enumTitleOptional\"\n      tooltipTranslationKey=\"listColumn.enumTooltipOptional\"\n    >\n      <valtimo-carbon-multi-input\n        type=\"keyValue\"\n        formControlName=\"booleanDisplayTypeParameters\"\n        [hideAddButton]=\"true\"\n        [hideDeleteButton]=\"true\"\n        [maxRows]=\"1\"\n        [keyColumnTitle]=\"'viewTypeConverter.Yes' | translate\"\n        [valueColumnTitle]=\"'viewTypeConverter.No' | translate\"\n      ></valtimo-carbon-multi-input>\n    </v-input-label>\n\n    <v-input-label\n      *ngIf=\"isEnumDisplayType$ | async\"\n      titleTranslationKey=\"listColumn.enumTitle\"\n      tooltipTranslationKey=\"listColumn.enumTooltip\"\n    >\n      <valtimo-carbon-multi-input\n        type=\"keyValue\"\n        formControlName=\"enumDisplayTypeParameters\"\n      ></valtimo-carbon-multi-input>\n    </v-input-label>\n\n    <v-input-label\n      *ngIf=\"isTagsDisplayType$ | async\"\n      titleTranslationKey=\"listColumn.tagAmount\"\n      tooltipTranslationKey=\"listColumn.tagAmountTooltip\"\n    >\n      <cds-number formControlName=\"tagAmount\" [min]=\"1\" [step]=\"1\"></cds-number>\n    </v-input-label>\n  </form>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"closeModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      [disabled]=\"form.invalid || form.disabled || !form.dirty\"\n      cdsButton=\"primary\"\n      (click)=\"addColumn()\"\n    >\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".iko-column-form{display:flex;flex-direction:column;gap:16px;width:100%}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i6.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i6.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i6.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i6.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i6.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i6.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i6.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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: "ngmodule", type: LayerModule }, { kind: "directive", type: i6.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i2$2.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "dataTestId"], outputs: ["selectedChange"] }, { kind: "ngmodule", type: ToggleModule }, { kind: "component", type: i6.Toggle, selector: "cds-toggle, ibm-toggle", inputs: ["offText", "onText", "label", "size", "hideLabel", "ariaLabel", "skeleton"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "ngmodule", type: CarbonMultiInputModule }, { kind: "component", type: i2$2.CarbonMultiInputComponent, selector: "valtimo-carbon-multi-input", inputs: ["addRowText", "addButtonType", "addRowTranslationKey", "arbitraryAmountTitles", "arbitraryValueAmount", "defaultValues", "deleteRowText", "deleteRowTranslationKey", "disabled", "dropdownColumnTitle", "dropdownItems", "dropdownWidth", "fullWidth", "hideAddButton", "hideDeleteButton", "initialAmountOfRows", "keyColumnTitle", "margin", "maxRows", "minimumAmountOfRows", "name", "required", "title", "titleTranslationKey", "tooltip", "type", "valueColumnTitle", "valuePathSelectorCaseDefinitionKey", "valuePathSelectorPrefixes", "valuePathSelectorShowCaseDefinitionSelector", "valuePathSelectorNotation", "keyColumnFlex", "dropdownColumnFlex", "valueColumnFlex"], outputs: ["valueChange", "allValuesValidEvent"] }, { kind: "ngmodule", type: InputLabelModule }, { kind: "component", type: i2$2.InputLabelComponent, selector: "v-input-label", inputs: ["name", "tooltip", "tooltipTranslationKey", "largeMargin", "small", "noMargin", "title", "titleTranslationKey", "required", "disabled", "carbonTheme"] }, { kind: "ngmodule", type: NumberModule }, { kind: "component", type: i6.NumberComponent, selector: "cds-number, ibm-number", inputs: ["readonly", "theme", "disabled", "skeleton", "invalid", "id", "placeholder", "size", "required", "value", "min", "max", "label", "helperText", "invalidText", "step", "precision", "warn", "warnText", "ariaLabel", "decrementLabel", "incrementLabel", "fluid"], outputs: ["change"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: IkoManagementListModalComponent, isStandalone: true, selector: "valtimo-iko-management-list-modal", inputs: { openModal: "openModal", listColumns: "listColumns", selectedListColumn: "selectedListColumn", modalMode: "modalMode" }, outputs: { closeModalEvent: "closeModalEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  valtimoCdsModal\n  *ngIf=\"{\n    title:\n      (modalMode === 'add' ? 'ikoManagement.addColumn' : 'ikoManagement.editColumn') | translate,\n  } as state\"\n  [open]=\"$openModal()\"\n  [title]=\"state.title\"\n  (close)=\"closeModal()\"\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{ state.title }}\n    </h3>\n  </cds-modal-header>\n\n  <form cdsModalContent [cdsLayer]=\"1\" [formGroup]=\"form\" class=\"iko-column-form\">\n    <cds-label>\n      {{ 'ikoManagement.titleTitle' | translate }}\n\n      <input\n        [mode]=\"modalMode\"\n        [invalid]=\"title.dirty && title.invalid\"\n        formControlName=\"title\"\n        cdsText\n        placeholder=\"{{ 'ikoManagement.columnTitlePlaceholder' | translate }}\"\n      />\n    </cds-label>\n\n    <valtimo-auto-key-input\n      [mode]=\"modalMode\"\n      [usedKeys]=\"usedKeys$ | async\"\n      [sourceText]=\"title.value\"\n      formControlName=\"key\"\n      placeholderTranslationKey=\"ikoManagement.columnKeyPlaceholder\"\n    >\n    </valtimo-auto-key-input>\n\n    <cds-label>\n      {{ 'ikoManagement.pathTitle' | translate }}\n\n      <input\n        [invalid]=\"path.dirty && path.invalid\"\n        formControlName=\"path\"\n        cdsText\n        placeholder=\"{{ 'ikoManagement.columnPathPlaceholder' | translate }}\"\n      />\n    </cds-label>\n\n    <cds-toggle\n      formControlName=\"sortable\"\n      [label]=\"'ikoManagement.sortableTitle' | translate\"\n      [onText]=\"'ikoManagement.sortingEnabled' | translate\"\n      [offText]=\"'ikoManagement.sortingDisabled' | translate\"\n    ></cds-toggle>\n\n    <v-select\n      [invalid]=\"defaultSort.dirty && defaultSort.invalid\"\n      formControlName=\"defaultSort\"\n      [items]=\"sortSelectItems\"\n      titleTranslationKey=\"ikoManagement.defaultSortTitle\"\n      [appendInline]=\"false\"\n    ></v-select>\n\n    <v-select\n      [invalid]=\"displayType.dirty && displayType.invalid\"\n      formControlName=\"displayType\"\n      [items]=\"displayTypeSelectItems\"\n      titleTranslationKey=\"ikoManagement.displayType\"\n      [appendInline]=\"false\"\n    ></v-select>\n\n    <v-input-label\n      *ngIf=\"isDateDisplayType$ | async\"\n      titleTranslationKey=\"listColumn.dateFormat\"\n      tooltipTranslationKey=\"listColumn.dateFormatTooltip\"\n    >\n      <input cdsText formControlName=\"dateFormat\" />\n    </v-input-label>\n\n    <v-input-label\n      *ngIf=\"isBooleanDisplayType$ | async\"\n      titleTranslationKey=\"listColumn.enumTitleOptional\"\n      tooltipTranslationKey=\"listColumn.enumTooltipOptional\"\n    >\n      <valtimo-carbon-multi-input\n        type=\"keyValue\"\n        formControlName=\"booleanDisplayTypeParameters\"\n        [hideAddButton]=\"true\"\n        [hideDeleteButton]=\"true\"\n        [maxRows]=\"1\"\n        [keyColumnTitle]=\"'viewTypeConverter.Yes' | translate\"\n        [valueColumnTitle]=\"'viewTypeConverter.No' | translate\"\n      ></valtimo-carbon-multi-input>\n    </v-input-label>\n\n    <v-input-label\n      *ngIf=\"isEnumDisplayType$ | async\"\n      titleTranslationKey=\"listColumn.enumTitle\"\n      tooltipTranslationKey=\"listColumn.enumTooltip\"\n    >\n      <valtimo-carbon-multi-input\n        type=\"keyValue\"\n        formControlName=\"enumDisplayTypeParameters\"\n      ></valtimo-carbon-multi-input>\n    </v-input-label>\n\n    <v-input-label\n      *ngIf=\"isTagsDisplayType$ | async\"\n      titleTranslationKey=\"listColumn.tagAmount\"\n      tooltipTranslationKey=\"listColumn.tagAmountTooltip\"\n    >\n      <cds-number formControlName=\"tagAmount\" [min]=\"1\" [step]=\"1\"></cds-number>\n    </v-input-label>\n  </form>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"closeModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      [disabled]=\"form.invalid || form.disabled || !form.dirty\"\n      cdsButton=\"primary\"\n      (click)=\"addColumn()\"\n    >\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".iko-column-form{display:flex;flex-direction:column;gap:16px;width:100%}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i6.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i6.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i6.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i6.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i6.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i6.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i6.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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: "ngmodule", type: LayerModule }, { kind: "directive", type: i6.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i2$2.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "warn", "warnText", "dataTestId"], outputs: ["selectedChange"] }, { kind: "ngmodule", type: ToggleModule }, { kind: "component", type: i6.Toggle, selector: "cds-toggle, ibm-toggle", inputs: ["offText", "onText", "label", "size", "hideLabel", "ariaLabel", "skeleton"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "ngmodule", type: CarbonMultiInputModule }, { kind: "component", type: i2$2.CarbonMultiInputComponent, selector: "valtimo-carbon-multi-input", inputs: ["addRowText", "addButtonType", "addRowTranslationKey", "arbitraryAmountTitles", "arbitraryValueAmount", "defaultValues", "deleteRowText", "deleteRowTranslationKey", "disabled", "dropdownColumnTitle", "dropdownItems", "dropdownWidth", "fullWidth", "hideAddButton", "hideDeleteButton", "initialAmountOfRows", "keyColumnTitle", "margin", "maxRows", "minimumAmountOfRows", "name", "required", "title", "titleTranslationKey", "tooltip", "type", "valueColumnTitle", "valuePathSelectorCaseDefinitionKey", "valuePathSelectorPrefixes", "valuePathSelectorShowCaseDefinitionSelector", "valuePathSelectorNotation", "keyColumnFlex", "dropdownColumnFlex", "valueColumnFlex"], outputs: ["valueChange", "allValuesValidEvent"] }, { kind: "ngmodule", type: InputLabelModule }, { kind: "component", type: i2$2.InputLabelComponent, selector: "v-input-label", inputs: ["name", "tooltip", "tooltipTranslationKey", "largeMargin", "small", "noMargin", "title", "titleTranslationKey", "required", "disabled", "carbonTheme"] }, { kind: "ngmodule", type: NumberModule }, { kind: "component", type: i6.NumberComponent, selector: "cds-number, ibm-number", inputs: ["readonly", "theme", "disabled", "skeleton", "invalid", "id", "placeholder", "size", "required", "value", "min", "max", "label", "helperText", "invalidText", "step", "precision", "warn", "warnText", "ariaLabel", "decrementLabel", "incrementLabel", "fluid"], outputs: ["change"] }, { kind: "component", type: AutoKeyInputComponent, selector: "valtimo-auto-key-input", inputs: ["labelTranslationKey", "placeholderTranslationKey", "mode", "usedKeys", "sourceText"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoManagementListModalComponent, decorators: [{
             type: Component,
@@ -3035,7 +3059,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
                         CarbonMultiInputModule,
                         InputLabelModule,
                         NumberModule,
-                    ], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  valtimoCdsModal\n  *ngIf=\"{\n    title:\n      (modalMode === 'add' ? 'ikoManagement.addColumn' : 'ikoManagement.editColumn') | translate,\n  } as state\"\n  [open]=\"$openModal()\"\n  [title]=\"state.title\"\n  (close)=\"closeModal()\"\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{ state.title }}\n    </h3>\n  </cds-modal-header>\n\n  <form cdsModalContent [cdsLayer]=\"1\" [formGroup]=\"form\" class=\"iko-column-form\">\n    <cds-label>\n      {{ 'ikoManagement.titleTitle' | translate }}\n\n      <input\n        [invalid]=\"title.dirty && title.invalid\"\n        formControlName=\"title\"\n        cdsText\n        placeholder=\"{{ 'ikoManagement.columnTitlePlaceholder' | translate }}\"\n      />\n    </cds-label>\n\n    <cds-label>\n      {{ 'ikoManagement.keyTitle' | translate }}\n\n      <input\n        [invalid]=\"key.dirty && key.invalid\"\n        formControlName=\"key\"\n        cdsText\n        placeholder=\"{{ 'ikoManagement.columnKeyPlaceholder' | translate }}\"\n      />\n    </cds-label>\n\n    <cds-label>\n      {{ 'ikoManagement.pathTitle' | translate }}\n\n      <input\n        [invalid]=\"path.dirty && path.invalid\"\n        formControlName=\"path\"\n        cdsText\n        placeholder=\"{{ 'ikoManagement.columnPathPlaceholder' | translate }}\"\n      />\n    </cds-label>\n\n    <cds-toggle\n      formControlName=\"sortable\"\n      [label]=\"'ikoManagement.sortableTitle' | translate\"\n      [onText]=\"'ikoManagement.sortingEnabled' | translate\"\n      [offText]=\"'ikoManagement.sortingDisabled' | translate\"\n    ></cds-toggle>\n\n    <v-select\n      [invalid]=\"defaultSort.dirty && defaultSort.invalid\"\n      formControlName=\"defaultSort\"\n      [items]=\"sortSelectItems\"\n      titleTranslationKey=\"ikoManagement.defaultSortTitle\"\n      [appendInline]=\"false\"\n    ></v-select>\n\n    <v-select\n      [invalid]=\"displayType.dirty && displayType.invalid\"\n      formControlName=\"displayType\"\n      [items]=\"displayTypeSelectItems\"\n      titleTranslationKey=\"ikoManagement.displayType\"\n      [appendInline]=\"false\"\n    ></v-select>\n\n    <v-input-label\n      *ngIf=\"isDateDisplayType$ | async\"\n      titleTranslationKey=\"listColumn.dateFormat\"\n      tooltipTranslationKey=\"listColumn.dateFormatTooltip\"\n    >\n      <input cdsText formControlName=\"dateFormat\" />\n    </v-input-label>\n\n    <v-input-label\n      *ngIf=\"isBooleanDisplayType$ | async\"\n      titleTranslationKey=\"listColumn.enumTitleOptional\"\n      tooltipTranslationKey=\"listColumn.enumTooltipOptional\"\n    >\n      <valtimo-carbon-multi-input\n        type=\"keyValue\"\n        formControlName=\"booleanDisplayTypeParameters\"\n        [hideAddButton]=\"true\"\n        [hideDeleteButton]=\"true\"\n        [maxRows]=\"1\"\n        [keyColumnTitle]=\"'viewTypeConverter.Yes' | translate\"\n        [valueColumnTitle]=\"'viewTypeConverter.No' | translate\"\n      ></valtimo-carbon-multi-input>\n    </v-input-label>\n\n    <v-input-label\n      *ngIf=\"isEnumDisplayType$ | async\"\n      titleTranslationKey=\"listColumn.enumTitle\"\n      tooltipTranslationKey=\"listColumn.enumTooltip\"\n    >\n      <valtimo-carbon-multi-input\n        type=\"keyValue\"\n        formControlName=\"enumDisplayTypeParameters\"\n      ></valtimo-carbon-multi-input>\n    </v-input-label>\n\n    <v-input-label\n      *ngIf=\"isTagsDisplayType$ | async\"\n      titleTranslationKey=\"listColumn.tagAmount\"\n      tooltipTranslationKey=\"listColumn.tagAmountTooltip\"\n    >\n      <cds-number formControlName=\"tagAmount\" [min]=\"1\" [step]=\"1\"></cds-number>\n    </v-input-label>\n  </form>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"closeModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      [disabled]=\"form.invalid || form.disabled || !form.dirty\"\n      cdsButton=\"primary\"\n      (click)=\"addColumn()\"\n    >\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".iko-column-form{display:flex;flex-direction:column;gap:16px;width:100%}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+                        AutoKeyInputComponent
+                    ], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  valtimoCdsModal\n  *ngIf=\"{\n    title:\n      (modalMode === 'add' ? 'ikoManagement.addColumn' : 'ikoManagement.editColumn') | translate,\n  } as state\"\n  [open]=\"$openModal()\"\n  [title]=\"state.title\"\n  (close)=\"closeModal()\"\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{ state.title }}\n    </h3>\n  </cds-modal-header>\n\n  <form cdsModalContent [cdsLayer]=\"1\" [formGroup]=\"form\" class=\"iko-column-form\">\n    <cds-label>\n      {{ 'ikoManagement.titleTitle' | translate }}\n\n      <input\n        [mode]=\"modalMode\"\n        [invalid]=\"title.dirty && title.invalid\"\n        formControlName=\"title\"\n        cdsText\n        placeholder=\"{{ 'ikoManagement.columnTitlePlaceholder' | translate }}\"\n      />\n    </cds-label>\n\n    <valtimo-auto-key-input\n      [mode]=\"modalMode\"\n      [usedKeys]=\"usedKeys$ | async\"\n      [sourceText]=\"title.value\"\n      formControlName=\"key\"\n      placeholderTranslationKey=\"ikoManagement.columnKeyPlaceholder\"\n    >\n    </valtimo-auto-key-input>\n\n    <cds-label>\n      {{ 'ikoManagement.pathTitle' | translate }}\n\n      <input\n        [invalid]=\"path.dirty && path.invalid\"\n        formControlName=\"path\"\n        cdsText\n        placeholder=\"{{ 'ikoManagement.columnPathPlaceholder' | translate }}\"\n      />\n    </cds-label>\n\n    <cds-toggle\n      formControlName=\"sortable\"\n      [label]=\"'ikoManagement.sortableTitle' | translate\"\n      [onText]=\"'ikoManagement.sortingEnabled' | translate\"\n      [offText]=\"'ikoManagement.sortingDisabled' | translate\"\n    ></cds-toggle>\n\n    <v-select\n      [invalid]=\"defaultSort.dirty && defaultSort.invalid\"\n      formControlName=\"defaultSort\"\n      [items]=\"sortSelectItems\"\n      titleTranslationKey=\"ikoManagement.defaultSortTitle\"\n      [appendInline]=\"false\"\n    ></v-select>\n\n    <v-select\n      [invalid]=\"displayType.dirty && displayType.invalid\"\n      formControlName=\"displayType\"\n      [items]=\"displayTypeSelectItems\"\n      titleTranslationKey=\"ikoManagement.displayType\"\n      [appendInline]=\"false\"\n    ></v-select>\n\n    <v-input-label\n      *ngIf=\"isDateDisplayType$ | async\"\n      titleTranslationKey=\"listColumn.dateFormat\"\n      tooltipTranslationKey=\"listColumn.dateFormatTooltip\"\n    >\n      <input cdsText formControlName=\"dateFormat\" />\n    </v-input-label>\n\n    <v-input-label\n      *ngIf=\"isBooleanDisplayType$ | async\"\n      titleTranslationKey=\"listColumn.enumTitleOptional\"\n      tooltipTranslationKey=\"listColumn.enumTooltipOptional\"\n    >\n      <valtimo-carbon-multi-input\n        type=\"keyValue\"\n        formControlName=\"booleanDisplayTypeParameters\"\n        [hideAddButton]=\"true\"\n        [hideDeleteButton]=\"true\"\n        [maxRows]=\"1\"\n        [keyColumnTitle]=\"'viewTypeConverter.Yes' | translate\"\n        [valueColumnTitle]=\"'viewTypeConverter.No' | translate\"\n      ></valtimo-carbon-multi-input>\n    </v-input-label>\n\n    <v-input-label\n      *ngIf=\"isEnumDisplayType$ | async\"\n      titleTranslationKey=\"listColumn.enumTitle\"\n      tooltipTranslationKey=\"listColumn.enumTooltip\"\n    >\n      <valtimo-carbon-multi-input\n        type=\"keyValue\"\n        formControlName=\"enumDisplayTypeParameters\"\n      ></valtimo-carbon-multi-input>\n    </v-input-label>\n\n    <v-input-label\n      *ngIf=\"isTagsDisplayType$ | async\"\n      titleTranslationKey=\"listColumn.tagAmount\"\n      tooltipTranslationKey=\"listColumn.tagAmountTooltip\"\n    >\n      <cds-number formControlName=\"tagAmount\" [min]=\"1\" [step]=\"1\"></cds-number>\n    </v-input-label>\n  </form>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"closeModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      [disabled]=\"form.invalid || form.disabled || !form.dirty\"\n      cdsButton=\"primary\"\n      (click)=\"addColumn()\"\n    >\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".iko-column-form{display:flex;flex-direction:column;gap:16px;width:100%}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
         }], ctorParameters: () => [{ type: IkoManagementApiService }, { type: i1$3.FormBuilder }, { type: i1$2.ActivatedRoute }], propDecorators: { openModal: [{
                 type: Input
             }], listColumns: [{
@@ -3273,7 +3298,7 @@ class IkoManagementTabDetailsModalComponent {
         if (!value)
             return;
         this.$selectedKey.set(value.key);
-        this.form.setValue({ ...value, title: value.title || '' });
+        this.form.setValue({ ...value, title: value.title || '', properties: value.properties || {} });
         this.form.markAsPristine();
     }
     set modalMode(value) {
@@ -3291,6 +3316,9 @@ class IkoManagementTabDetailsModalComponent {
     get type() {
         return this.form.get('type');
     }
+    get properties() {
+        return this.form.get('properties');
+    }
     constructor(ikoManagementApiService, formBuilder, route) {
         this.ikoManagementApiService = ikoManagementApiService;
         this.formBuilder = formBuilder;
@@ -3304,6 +3332,7 @@ class IkoManagementTabDetailsModalComponent {
             title: this.formBuilder.control('', Validators.required),
             key: this.formBuilder.control('', [Validators.required]),
             type: this.formBuilder.control('', [Validators.required]),
+            properties: this.formBuilder.group({}),
         });
         this._ikoViewKey$ = this.route.params.pipe(map$1(params => params?.key), filter(key => !!key));
         this._TAB_TYPES = [IkoTabType.WIDGETS];
@@ -3311,6 +3340,7 @@ class IkoManagementTabDetailsModalComponent {
             id: tabType,
             translationKey: `ikoManagement.tabTypes.${tabType}`,
         }));
+        this.propertyFields$ = this.ikoManagementApiService.getIkoTabPropertyFields('iko');
         this.resetForm = () => {
             this.form.reset();
             this.form.markAsPristine();
@@ -3347,7 +3377,7 @@ class IkoManagementTabDetailsModalComponent {
         this.form.enable();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoManagementTabDetailsModalComponent, deps: [{ token: IkoManagementApiService }, { token: i1$3.FormBuilder }, { token: i1$2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: IkoManagementTabDetailsModalComponent, isStandalone: true, selector: "valtimo-iko-management-tab-details-modal", inputs: { openModal: "openModal", usedKeys: "usedKeys", selectedTab: "selectedTab", modalMode: "modalMode" }, outputs: { closeModalEvent: "closeModalEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  (close)=\"closeModal()\"\n  *ngIf=\"{\n    title: (modalMode === 'add' ? 'ikoManagement.addTab' : 'ikoManagement.editTab') | translate,\n  } as state\"\n  [open]=\"$openModal()\"\n  [title]=\"state.title\"\n  valtimoCdsModal\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{ state.title }}\n    </h3>\n  </cds-modal-header>\n\n  <form cdsModalContent [cdsLayer]=\"1\" [formGroup]=\"form\" class=\"iko-tab-form\">\n    <cds-label>\n      {{ 'ikoManagement.tabTitle' | translate }}\n\n      <input\n        [invalid]=\"title.dirty && title.invalid\"\n        formControlName=\"title\"\n        cdsText\n        placeholder=\"{{ 'ikoManagement.tabTitlePlaceholder' | translate }}\"\n      />\n    </cds-label>\n\n    <valtimo-auto-key-input\n      formControlName=\"key\"\n      labelTranslationKey=\"ikoManagement.keyTitle\"\n      placeholderTranslationKey=\"ikoManagement.tabKeyPlaceholder\"\n      [usedKeys]=\"usedKeys\"\n      [sourceText]=\"modalMode === 'edit' ? $selectedKey() : title.value\"\n      [mode]=\"modalMode\"\n    >\n    </valtimo-auto-key-input>\n\n    <v-select\n      [invalid]=\"type.dirty && type.invalid\"\n      [dropUp]=\"false\"\n      formControlName=\"type\"\n      [items]=\"tabTypeSelectItems\"\n      titleTranslationKey=\"ikoManagement.tabTypeTitle\"\n      [appendInline]=\"false\"\n    ></v-select>\n  </form>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"closeModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      [disabled]=\"form.invalid || form.disabled || !form.dirty\"\n      cdsButton=\"primary\"\n      (click)=\"addTab()\"\n    >\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".iko-tab-form{display:flex;flex-direction:column;gap:16px;width:100%}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i6.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i6.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i6.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i6.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i6.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i6.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i6.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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: "ngmodule", type: LayerModule }, { kind: "directive", type: i6.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i2$2.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "dataTestId"], outputs: ["selectedChange"] }, { kind: "ngmodule", type: ToggleModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "ngmodule", type: CarbonMultiInputModule }, { kind: "ngmodule", type: InputLabelModule }, { kind: "ngmodule", type: NumberModule }, { kind: "component", type: AutoKeyInputComponent, selector: "valtimo-auto-key-input", inputs: ["labelTranslationKey", "placeholderTranslationKey", "mode", "usedKeys", "sourceText"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: IkoManagementTabDetailsModalComponent, isStandalone: true, selector: "valtimo-iko-management-tab-details-modal", inputs: { openModal: "openModal", usedKeys: "usedKeys", selectedTab: "selectedTab", modalMode: "modalMode" }, outputs: { closeModalEvent: "closeModalEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  (close)=\"closeModal()\"\n  *ngIf=\"{\n    title: (modalMode === 'add' ? 'ikoManagement.addTab' : 'ikoManagement.editTab') | translate,\n  } as state\"\n  [open]=\"$openModal()\"\n  [title]=\"state.title\"\n  valtimoCdsModal\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{ state.title }}\n    </h3>\n  </cds-modal-header>\n\n  <form cdsModalContent [cdsLayer]=\"1\" [formGroup]=\"form\" class=\"iko-tab-form\">\n    <cds-label>\n      {{ 'ikoManagement.tabTitle' | translate }}\n\n      <input\n        [invalid]=\"title.dirty && title.invalid\"\n        formControlName=\"title\"\n        cdsText\n        placeholder=\"{{ 'ikoManagement.tabTitlePlaceholder' | translate }}\"\n      />\n    </cds-label>\n\n    <valtimo-auto-key-input\n      formControlName=\"key\"\n      labelTranslationKey=\"ikoManagement.keyTitle\"\n      placeholderTranslationKey=\"ikoManagement.tabKeyPlaceholder\"\n      [usedKeys]=\"usedKeys\"\n      [sourceText]=\"modalMode === 'edit' ? $selectedKey() : title.value\"\n      [mode]=\"modalMode\"\n    >\n    </valtimo-auto-key-input>\n\n    <v-select\n      [invalid]=\"type.dirty && type.invalid\"\n      [dropUp]=\"false\"\n      formControlName=\"type\"\n      [items]=\"tabTypeSelectItems\"\n      titleTranslationKey=\"ikoManagement.tabTypeTitle\"\n      [appendInline]=\"false\"\n    ></v-select>\n\n    <valtimo-iko-management-properties\n      [propertiesFormGroup]=\"properties\"\n      [fields]=\"propertyFields$ | async\"\n      [prefillData]=\"properties?.value\"\n    />\n  </form>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"closeModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      [disabled]=\"form.invalid || form.disabled || !form.dirty\"\n      cdsButton=\"primary\"\n      (click)=\"addTab()\"\n    >\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".iko-tab-form{display:flex;flex-direction:column;gap:16px;width:100%}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i6.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i6.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i6.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i6.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i6.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i6.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i6.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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: "ngmodule", type: LayerModule }, { kind: "directive", type: i6.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i2$2.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "warn", "warnText", "dataTestId"], outputs: ["selectedChange"] }, { kind: "ngmodule", type: ToggleModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "ngmodule", type: CarbonMultiInputModule }, { kind: "ngmodule", type: InputLabelModule }, { kind: "ngmodule", type: NumberModule }, { kind: "component", type: AutoKeyInputComponent, selector: "valtimo-auto-key-input", inputs: ["labelTranslationKey", "placeholderTranslationKey", "mode", "usedKeys", "sourceText"] }, { kind: "component", type: PropertiesFormComponent, selector: "valtimo-iko-management-properties", inputs: ["propertiesFormGroup", "fields", "prefillData"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoManagementTabDetailsModalComponent, decorators: [{
             type: Component,
@@ -3367,7 +3397,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
                         InputLabelModule,
                         NumberModule,
                         AutoKeyInputComponent,
-                    ], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  (close)=\"closeModal()\"\n  *ngIf=\"{\n    title: (modalMode === 'add' ? 'ikoManagement.addTab' : 'ikoManagement.editTab') | translate,\n  } as state\"\n  [open]=\"$openModal()\"\n  [title]=\"state.title\"\n  valtimoCdsModal\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{ state.title }}\n    </h3>\n  </cds-modal-header>\n\n  <form cdsModalContent [cdsLayer]=\"1\" [formGroup]=\"form\" class=\"iko-tab-form\">\n    <cds-label>\n      {{ 'ikoManagement.tabTitle' | translate }}\n\n      <input\n        [invalid]=\"title.dirty && title.invalid\"\n        formControlName=\"title\"\n        cdsText\n        placeholder=\"{{ 'ikoManagement.tabTitlePlaceholder' | translate }}\"\n      />\n    </cds-label>\n\n    <valtimo-auto-key-input\n      formControlName=\"key\"\n      labelTranslationKey=\"ikoManagement.keyTitle\"\n      placeholderTranslationKey=\"ikoManagement.tabKeyPlaceholder\"\n      [usedKeys]=\"usedKeys\"\n      [sourceText]=\"modalMode === 'edit' ? $selectedKey() : title.value\"\n      [mode]=\"modalMode\"\n    >\n    </valtimo-auto-key-input>\n\n    <v-select\n      [invalid]=\"type.dirty && type.invalid\"\n      [dropUp]=\"false\"\n      formControlName=\"type\"\n      [items]=\"tabTypeSelectItems\"\n      titleTranslationKey=\"ikoManagement.tabTypeTitle\"\n      [appendInline]=\"false\"\n    ></v-select>\n  </form>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"closeModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      [disabled]=\"form.invalid || form.disabled || !form.dirty\"\n      cdsButton=\"primary\"\n      (click)=\"addTab()\"\n    >\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".iko-tab-form{display:flex;flex-direction:column;gap:16px;width:100%}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+                        PropertiesFormComponent,
+                    ], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  (close)=\"closeModal()\"\n  *ngIf=\"{\n    title: (modalMode === 'add' ? 'ikoManagement.addTab' : 'ikoManagement.editTab') | translate,\n  } as state\"\n  [open]=\"$openModal()\"\n  [title]=\"state.title\"\n  valtimoCdsModal\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{ state.title }}\n    </h3>\n  </cds-modal-header>\n\n  <form cdsModalContent [cdsLayer]=\"1\" [formGroup]=\"form\" class=\"iko-tab-form\">\n    <cds-label>\n      {{ 'ikoManagement.tabTitle' | translate }}\n\n      <input\n        [invalid]=\"title.dirty && title.invalid\"\n        formControlName=\"title\"\n        cdsText\n        placeholder=\"{{ 'ikoManagement.tabTitlePlaceholder' | translate }}\"\n      />\n    </cds-label>\n\n    <valtimo-auto-key-input\n      formControlName=\"key\"\n      labelTranslationKey=\"ikoManagement.keyTitle\"\n      placeholderTranslationKey=\"ikoManagement.tabKeyPlaceholder\"\n      [usedKeys]=\"usedKeys\"\n      [sourceText]=\"modalMode === 'edit' ? $selectedKey() : title.value\"\n      [mode]=\"modalMode\"\n    >\n    </valtimo-auto-key-input>\n\n    <v-select\n      [invalid]=\"type.dirty && type.invalid\"\n      [dropUp]=\"false\"\n      formControlName=\"type\"\n      [items]=\"tabTypeSelectItems\"\n      titleTranslationKey=\"ikoManagement.tabTypeTitle\"\n      [appendInline]=\"false\"\n    ></v-select>\n\n    <valtimo-iko-management-properties\n      [propertiesFormGroup]=\"properties\"\n      [fields]=\"propertyFields$ | async\"\n      [prefillData]=\"properties?.value\"\n    />\n  </form>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"closeModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      [disabled]=\"form.invalid || form.disabled || !form.dirty\"\n      cdsButton=\"primary\"\n      (click)=\"addTab()\"\n    >\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".iko-tab-form{display:flex;flex-direction:column;gap:16px;width:100%}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
         }], ctorParameters: () => [{ type: IkoManagementApiService }, { type: i1$3.FormBuilder }, { type: i1$2.ActivatedRoute }], propDecorators: { openModal: [{
                 type: Input
             }], usedKeys: [{
@@ -3403,7 +3434,9 @@ class IkoManagementTabsComponent {
         this.router = router;
         this.$disableInput = signal(true);
         this.$ikoTabDtos = signal([]);
-        this.$usedKeys = computed(() => this.$ikoTabDtos().reduce((acc, curr) => [...acc, ...(curr.key === this.$selectedTab()?.key ? [] : [curr.key])], []));
+        this.$usedKeys = computed(() => this.$ikoTabDtos()
+            .filter(tab => tab.key !== this.$selectedTab()?.key)
+            .map(tab => tab.key));
         this.$loading = signal(true);
         this.$selectedTab = signal(null);
         this.$openModal = signal(false);
@@ -3417,6 +3450,7 @@ class IkoManagementTabsComponent {
         ]).pipe(map(([tabs]) => tabs.map(tab => ({
             ...tab,
             type: this.translateService.instant(`ikoManagement.tabTypes.${tab.type}`),
+            properties: this.getTabPropertiesView(tab),
         }))), tap(() => this.$disableInput.set(false)));
         this.FIELDS = [
             {
@@ -3437,6 +3471,12 @@ class IkoManagementTabsComponent {
                 viewType: 'string',
                 sortable: false,
             },
+            {
+                key: 'properties',
+                label: 'ikoManagement.tabProperties',
+                viewType: 'string',
+                sortable: false,
+            },
         ];
         this.ACTION_ITEMS = [
             {
@@ -3507,7 +3547,7 @@ class IkoManagementTabsComponent {
     }
     onCreateButtonClicked() {
         this.$modalMode.set('add');
-        this.$selectedTab.set({ title: '', key: '', type: '' });
+        this.$selectedTab.set({ title: '', key: '', type: '', properties: {} });
         this.openModal();
     }
     closeModal() {
@@ -3535,6 +3575,14 @@ class IkoManagementTabsComponent {
             },
         });
     }
+    getTabPropertiesView(tab) {
+        if (!tab?.properties || Object.keys(tab.properties).length === 0) {
+            return null;
+        }
+        return Object.entries(tab.properties)
+            .map(([key, value]) => `${key}: ${value}`)
+            .join(', ');
+    }
     disableInput() {
         this.$disableInput.set(true);
     }
@@ -4290,7 +4338,10 @@ class IkoSearchComponent {
                 const value = values[param.key];
                 if (value === null)
                     continue;
-                if (typeof value === 'object' && value.start !== null && value.end !== null) {
+                if (typeof value === 'object' &&
+                    !Array.isArray(value) &&
+                    value.start !== null &&
+                    value.end !== null) {
                     queryParams[param.key] = JSON.stringify({
                         rangeFrom: value.start,
                         rangeTo: value.end,
@@ -4326,6 +4377,7 @@ class IkoSearchComponent {
         });
     }
     multipleValueChange(searchFieldKey, value, dataType) {
+        this.formValues[searchFieldKey] = value;
         this.values$.pipe(take(1)).subscribe(values => {
             if (value && typeof value === 'object' && !Array.isArray(value)) {
                 const hasStart = value.start !== undefined && value.start !== '';
@@ -4429,7 +4481,7 @@ class IkoSearchComponent {
         return false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoSearchComponent, deps: [{ token: i1$2.ActivatedRoute }, { token: i1$2.Router }, { token: i2$2.PageTitleService }, { token: i6.IconService }, { token: IkoApiService }, { token: i5.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: IkoSearchComponent, isStandalone: true, selector: "valtimo-iko-search", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n@if (ikoSearchActions$ | async; as ikoSearchActions) {\n  @if (ikoSearchActions.length === 0) {\n    <valtimo-no-results [title]=\"'iko.searchFieldsNoResults' | translate\"></valtimo-no-results>\n\n  } @else {\n    <h4>{{ 'iko.searchVia' | translate }}</h4>\n\n    <cds-tabs class=\"iko-search-tabs\" type=\"line\">\n      @for (param of ikoSearchActions; track param.key ?? param.fields?.[0]?.key) {\n        <cds-tab\n          (keyup.enter)=\"!searchDisabled(param.searchFields) && searchGroup(param.key, param.searchFields)\"\n          class=\"query-group\"\n          [heading]=\"param.title\"\n          [cdsLayer]=\"1\"\n        >\n          <div class=\"query-group__row\">\n            @for (field of param.searchFields; track field.key) {\n              <div\n                class=\"query-group__field\"\n                [ngClass]=\"{\n                  'query-group__field--time': field.dataType === 'time',\n                  'query-group__field--date': field.dataType === 'date',\n                  'query-group__field--datetime': field.dataType === 'datetime',\n                }\"\n              >\n                <v-input-label *ngIf=\"field.title\" [title]=\"field.title\"></v-input-label>\n\n                @if (field.dataType === 'text' && field.fieldType === 'single') {\n                  <v-input\n                    [dataTestId]=\"'iko-search-field-' + field.key\"\n                    [name]=\"field.key\"\n                    [placeholder]=\"'searchFields.textPlaceholder' | translate\"\n                    [defaultValue]=\"formValues[field.key]\"\n                    (valueChange)=\"singleValueChange(field.key, $event, field.dataType)\"\n                  ></v-input>\n\n                } @else if (field.dataType === 'text' && field.fieldType === 'range') {\n                  <v-form\n                    className=\"multiple-search-fields\"\n                    (valueChange)=\"multipleValueChange(field.key, $event, field.dataType)\"\n                  >\n                    <v-input\n                      name=\"start\"\n                      [placeholder]=\"'searchFields.textPlaceholder' | translate\"\n                    ></v-input>\n\n                    <div class=\"to-text\">\n                      <v-paragraph>{{ 'searchFields.to' | translate }}</v-paragraph>\n                    </div>\n\n                    <v-input\n                      name=\"end\"\n                      [placeholder]=\"'searchFields.textPlaceholder' | translate\"\n                    ></v-input>\n                  </v-form>\n                }\n                @else if (field.dataType === 'number' && field.fieldType === 'single') {\n                  <v-input\n                    type=\"number\"\n                    [hideNumberSpinBox]=\"true\"\n                    [placeholder]=\"'searchFields.numberPlaceholder' | translate\"\n                    (valueChange)=\"singleValueChange(field.key, $event, field.dataType)\"\n                  ></v-input>\n\n                } @else if (field.dataType === 'number' && field.fieldType === 'range') {\n                  <v-form\n                    className=\"multiple-search-fields\"\n                    (valueChange)=\"multipleValueChange(field.key, $event, field.dataType)\"\n                  >\n                    <v-input\n                      type=\"number\"\n                      name=\"start\"\n                      [placeholder]=\"'searchFields.numberPlaceholder' | translate\"\n                    ></v-input>\n\n                    <div class=\"to-text\">\n                      <v-paragraph>{{ 'searchFields.to' | translate }}</v-paragraph>\n                    </div>\n\n                    <v-input\n                      type=\"number\"\n                      name=\"end\"\n                      [placeholder]=\"'searchFields.numberPlaceholder' | translate\"\n                    ></v-input>\n                  </v-form>\n                }\n                @else if (field.dataType === 'boolean' && field.fieldType === 'single') {\n                  <v-select\n                    *ngIf=\"booleanItems$ | async as booleanItems\"\n                    [items]=\"booleanItems\"\n                    (selectedChange)=\"singleValueChange(field.key, $event, field.dataType)\"\n                  ></v-select>\n                }\n\n                @else if (field.dataType === 'time' && field.fieldType === 'single') {\n                  <cds-timepicker\n                    [placeholder]=\"'searchFields.timePlaceholder' | translate\"\n                    [ngModel]=\"formValues[field.key]\"\n                    (ngModelChange)=\"singleValueChange(field.key, $event, field.dataType)\"\n                  ></cds-timepicker>\n\n                } @else if (field.dataType === 'time' && field.fieldType === 'range') {\n                  <v-form\n                    className=\"multiple-search-fields\"\n                    (valueChange)=\"multipleValueChange(field.key, $event, field.dataType)\"\n                  >\n                    <cds-timepicker [(ngModel)]=\"formValues[field.key + '_start']\"></cds-timepicker>\n\n                    <div class=\"to-text\">\n                      <v-paragraph>{{ 'searchFields.to' | translate }}</v-paragraph>\n                    </div>\n\n                    <cds-timepicker [(ngModel)]=\"formValues[field.key + '_end']\"></cds-timepicker>\n                  </v-form>\n                }\n                @else if (field.dataType === 'date' && field.fieldType === 'single') {\n                  <valtimo-date-time-picker\n                    [defaultDate]=\"formValues[field.key] ?? ''\"\n                    [enableTime]=\"false\"\n                    [showFieldLabel]=\"false\"\n                    (valueChange)=\"singleValueChange(field.key, $event, field.dataType)\"\n                  ></valtimo-date-time-picker>\n\n                } @else if (field.dataType === 'date' && field.fieldType === 'range') {\n                  <v-form\n                    className=\"multiple-search-fields\"\n                    (valueChange)=\"multipleValueChange(field.key, $event, field.dataType)\"\n                  >\n                    <valtimo-date-time-picker\n                      name=\"start\"\n                      [enableTime]=\"false\"\n                      [showFieldLabel]=\"false\"\n                    ></valtimo-date-time-picker>\n\n                    <div class=\"to-text\">\n                      <v-paragraph>{{ 'searchFields.to' | translate }}</v-paragraph>\n                    </div>\n\n                    <valtimo-date-time-picker\n                      name=\"end\"\n                      [enableTime]=\"false\"\n                      [showFieldLabel]=\"false\"\n                    ></valtimo-date-time-picker>\n                  </v-form>\n                }\n                @else if (field.dataType === 'datetime' && field.fieldType === 'single') {\n                  <valtimo-date-time-picker\n                    [enableTime]=\"true\"\n                    [showFieldLabel]=\"false\"\n                    (valueChange)=\"singleValueChange(field.key, $event, field.dataType)\"\n                  ></valtimo-date-time-picker>\n\n                } @else if (field.dataType === 'datetime' && field.fieldType === 'range') {\n                  <v-form\n                    className=\"multiple-search-fields\"\n                    (valueChange)=\"multipleValueChange(field.key, $event, field.dataType)\"\n                  >\n                    <valtimo-date-time-picker\n                      name=\"start\"\n                      [enableTime]=\"true\"\n                      [showFieldLabel]=\"false\"\n                    ></valtimo-date-time-picker>\n\n                    <div class=\"to-text\">\n                      <v-paragraph>{{ 'searchFields.to' | translate }}</v-paragraph>\n                    </div>\n\n                    <valtimo-date-time-picker\n                      name=\"end\"\n                      [enableTime]=\"true\"\n                      [showFieldLabel]=\"false\"\n                    ></valtimo-date-time-picker>\n                  </v-form>\n                }\n              </div>\n            }\n          </div>\n\n          <button\n            cdsButton=\"primary\"\n            class=\"query-group__search-button\"\n            [disabled]=\"searchDisabled(param.searchFields)\"\n            (click)=\"searchGroup(param.key, param.searchFields)\"\n          >\n            {{ 'searchFields.searchButtonText' | translate }}\n            <svg cdsIcon=\"search\" size=\"16\"></svg>\n          </button>\n        </cds-tab>\n      }\n    </cds-tabs>\n  }\n}\n", styles: [":host{display:flex;flex-direction:column;gap:24px}.query-group__row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.query-group__field{display:flex;flex-direction:column;flex:1 1 200px;max-width:320px}.query-group__field input{width:100%}.query-group__field--time,.query-group__field--date,.query-group__field--datetime{flex:0 0 auto;max-width:none}.query-group__label{font-size:14px;font-weight:600;color:var(--cds-text-primary)}.query-group__search-button{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;height:40px;max-height:40px;min-height:40px;padding:8px 16px;min-width:120px;white-space:nowrap;overflow:hidden;margin-left:auto}:host ::ng-deep .cds--tab-content{display:flex;flex-direction:column;gap:16px;outline:none!important;background:var(--cds-layer-01)}v-input{width:100%}::ng-deep .multiple-search-fields{display:flex!important;flex-direction:row!important;align-items:center}.to-text{margin-inline-start:8px;margin-inline-end:8px}.iko-datetime{display:flex;gap:8px;align-items:flex-end}::ng-deep .iko-search-tabs .cds--tab-content{margin-top:24px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: InputModule$1 }, { kind: "component", type: i2$2.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder", "dataTestId", "trim", "presetsTitle", "presetOptions"], outputs: ["valueChange"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: InputModule }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i6.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i2$2.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: TabsModule }, { kind: "component", type: i6.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i6.Tab, selector: "cds-tab, ibm-tab", inputs: ["heading", "title", "context", "active", "disabled", "tabIndex", "id", "cacheActive", "tabContent", "templateContext"], outputs: ["selected"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i6.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i2$2.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "dataTestId"], outputs: ["selectedChange"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "ngmodule", type: ParagraphModule }, { kind: "component", type: i2$2.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "ngmodule", type: TimePickerModule }, { kind: "component", type: i6.TimePicker, selector: "cds-timepicker, ibm-timepicker", inputs: ["invalid", "invalidText", "label", "hideLabel", "placeholder", "pattern", "id", "disabled", "value", "maxLength", "skeleton", "theme", "size"], outputs: ["valueChange"] }, { kind: "component", type: DateTimePickerComponent, selector: "valtimo-date-time-picker", inputs: ["fullWidth", "margin", "name", "title", "placeholder", "titleTranslationKey", "disabled", "tooltip", "required", "smallLabel", "enableTime", "carbonTheme", "dateFormat", "showFieldLabel", "datePlaceholder", "timePlaceholder", "labelText", "defaultDate", "defaultDateIsToday", "clear$"], outputs: ["valueChange"] }, { kind: "ngmodule", type: InputLabelModule }, { kind: "component", type: i2$2.InputLabelComponent, selector: "v-input-label", inputs: ["name", "tooltip", "tooltipTranslationKey", "largeMargin", "small", "noMargin", "title", "titleTranslationKey", "required", "disabled", "carbonTheme"] }, { kind: "ngmodule", type: FormModule }, { kind: "component", type: i2$2.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: IkoSearchComponent, isStandalone: true, selector: "valtimo-iko-search", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n@if (ikoSearchActions$ | async; as ikoSearchActions) {\n  @if (ikoSearchActions.length === 0) {\n    <valtimo-no-results [title]=\"'iko.searchFieldsNoResults' | translate\"></valtimo-no-results>\n\n  } @else {\n    <h4>{{ 'iko.searchVia' | translate }}</h4>\n\n    <cds-tabs class=\"iko-search-tabs\" type=\"line\">\n      @for (param of ikoSearchActions; track param.key ?? param.fields?.[0]?.key) {\n        <cds-tab\n          (keyup.enter)=\"!searchDisabled(param.searchFields) && searchGroup(param.key, param.searchFields)\"\n          class=\"query-group\"\n          [heading]=\"param.title\"\n          [cdsLayer]=\"1\"\n        >\n          <div class=\"query-group__row\">\n            @for (field of param.searchFields; track field.key) {\n              <div\n                class=\"query-group__field\"\n                [ngClass]=\"{\n                  'query-group__field--time': field.dataType === 'time',\n                  'query-group__field--date': field.dataType === 'date',\n                  'query-group__field--datetime': field.dataType === 'datetime',\n                }\"\n              >\n                <v-input-label *ngIf=\"field.title\" [title]=\"field.title\"></v-input-label>\n\n                @if (field.dataType === 'text' && field.fieldType === 'single') {\n                  <v-input\n                    [dataTestId]=\"'iko-search-field-' + field.key\"\n                    [name]=\"field.key\"\n                    [placeholder]=\"'searchFields.textPlaceholder' | translate\"\n                    [defaultValue]=\"formValues[field.key]\"\n                    (valueChange)=\"singleValueChange(field.key, $event, field.dataType)\"\n                  ></v-input>\n\n                } @else if (field.dataType === 'text' && field.fieldType === 'range') {\n                  <v-form\n                    className=\"multiple-search-fields\"\n                    (valueChange)=\"multipleValueChange(field.key, $event, field.dataType)\"\n                  >\n                    <v-input\n                      name=\"start\"\n                      [placeholder]=\"'searchFields.textPlaceholder' | translate\"\n                    ></v-input>\n\n                    <div class=\"to-text\">\n                      <v-paragraph>{{ 'searchFields.to' | translate }}</v-paragraph>\n                    </div>\n\n                    <v-input\n                      name=\"end\"\n                      [placeholder]=\"'searchFields.textPlaceholder' | translate\"\n                    ></v-input>\n                  </v-form>\n                }\n                @else if (field.dataType === 'text' && (field.fieldType === 'single-select-dropdown' || field.fieldType === 'single_select_dropdown')) {\n                  <v-select\n                    *ngIf=\"dropdownSelectItemsMap[field.key]\"\n                    [items]=\"dropdownSelectItemsMap[field.key]\"\n                    [margin]=\"false\"\n                    [required]=\"field.required\"\n                    [name]=\"field.key\"\n                    [clearSelectionSubject$]=\"clear$\"\n                    (selectedChange)=\"singleValueChange(field.key, $event, field.dataType)\"\n                    [appendInline]=\"false\"\n                  ></v-select>\n                }\n                @else if (field.dataType === 'text' && (field.fieldType === 'multi-select-dropdown' || field.fieldType === 'multi_select_dropdown')) {\n                  <v-select\n                    *ngIf=\"dropdownSelectItemsMap[field.key]\"\n                    [items]=\"dropdownSelectItemsMap[field.key]\"\n                    [margin]=\"false\"\n                    [multiple]=\"true\"\n                    [required]=\"field.required\"\n                    [name]=\"field.key\"\n                    [clearSelectionSubject$]=\"clear$\"\n                    (selectedChange)=\"multipleValueChange(field.key, $event, field.dataType)\"\n                    [appendInline]=\"false\"\n                  ></v-select>\n                }\n                @else if (field.dataType === 'number' && field.fieldType === 'single') {\n                  <v-input\n                    type=\"number\"\n                    [hideNumberSpinBox]=\"true\"\n                    [placeholder]=\"'searchFields.numberPlaceholder' | translate\"\n                    (valueChange)=\"singleValueChange(field.key, $event, field.dataType)\"\n                  ></v-input>\n\n                } @else if (field.dataType === 'number' && field.fieldType === 'range') {\n                  <v-form\n                    className=\"multiple-search-fields\"\n                    (valueChange)=\"multipleValueChange(field.key, $event, field.dataType)\"\n                  >\n                    <v-input\n                      type=\"number\"\n                      name=\"start\"\n                      [placeholder]=\"'searchFields.numberPlaceholder' | translate\"\n                    ></v-input>\n\n                    <div class=\"to-text\">\n                      <v-paragraph>{{ 'searchFields.to' | translate }}</v-paragraph>\n                    </div>\n\n                    <v-input\n                      type=\"number\"\n                      name=\"end\"\n                      [placeholder]=\"'searchFields.numberPlaceholder' | translate\"\n                    ></v-input>\n                  </v-form>\n                }\n                @else if (field.dataType === 'boolean' && field.fieldType === 'single') {\n                  <v-select\n                    *ngIf=\"booleanItems$ | async as booleanItems\"\n                    [items]=\"booleanItems\"\n                    (selectedChange)=\"singleValueChange(field.key, $event, field.dataType)\"\n                  ></v-select>\n                }\n\n                @else if (field.dataType === 'time' && field.fieldType === 'single') {\n                  <cds-timepicker\n                    [placeholder]=\"'searchFields.timePlaceholder' | translate\"\n                    [ngModel]=\"formValues[field.key]\"\n                    (ngModelChange)=\"singleValueChange(field.key, $event, field.dataType)\"\n                  ></cds-timepicker>\n\n                } @else if (field.dataType === 'time' && field.fieldType === 'range') {\n                  <v-form\n                    className=\"multiple-search-fields\"\n                    (valueChange)=\"multipleValueChange(field.key, $event, field.dataType)\"\n                  >\n                    <cds-timepicker [(ngModel)]=\"formValues[field.key + '_start']\"></cds-timepicker>\n\n                    <div class=\"to-text\">\n                      <v-paragraph>{{ 'searchFields.to' | translate }}</v-paragraph>\n                    </div>\n\n                    <cds-timepicker [(ngModel)]=\"formValues[field.key + '_end']\"></cds-timepicker>\n                  </v-form>\n                }\n                @else if (field.dataType === 'date' && field.fieldType === 'single') {\n                  <valtimo-date-time-picker\n                    [defaultDate]=\"formValues[field.key] ?? ''\"\n                    [enableTime]=\"false\"\n                    [showFieldLabel]=\"false\"\n                    (valueChange)=\"singleValueChange(field.key, $event, field.dataType)\"\n                  ></valtimo-date-time-picker>\n\n                } @else if (field.dataType === 'date' && field.fieldType === 'range') {\n                  <v-form\n                    className=\"multiple-search-fields\"\n                    (valueChange)=\"multipleValueChange(field.key, $event, field.dataType)\"\n                  >\n                    <valtimo-date-time-picker\n                      name=\"start\"\n                      [enableTime]=\"false\"\n                      [showFieldLabel]=\"false\"\n                    ></valtimo-date-time-picker>\n\n                    <div class=\"to-text\">\n                      <v-paragraph>{{ 'searchFields.to' | translate }}</v-paragraph>\n                    </div>\n\n                    <valtimo-date-time-picker\n                      name=\"end\"\n                      [enableTime]=\"false\"\n                      [showFieldLabel]=\"false\"\n                    ></valtimo-date-time-picker>\n                  </v-form>\n                }\n                @else if (field.dataType === 'datetime' && field.fieldType === 'single') {\n                  <valtimo-date-time-picker\n                    [enableTime]=\"true\"\n                    [showFieldLabel]=\"false\"\n                    (valueChange)=\"singleValueChange(field.key, $event, field.dataType)\"\n                  ></valtimo-date-time-picker>\n\n                } @else if (field.dataType === 'datetime' && field.fieldType === 'range') {\n                  <v-form\n                    className=\"multiple-search-fields\"\n                    (valueChange)=\"multipleValueChange(field.key, $event, field.dataType)\"\n                  >\n                    <valtimo-date-time-picker\n                      name=\"start\"\n                      [enableTime]=\"true\"\n                      [showFieldLabel]=\"false\"\n                    ></valtimo-date-time-picker>\n\n                    <div class=\"to-text\">\n                      <v-paragraph>{{ 'searchFields.to' | translate }}</v-paragraph>\n                    </div>\n\n                    <valtimo-date-time-picker\n                      name=\"end\"\n                      [enableTime]=\"true\"\n                      [showFieldLabel]=\"false\"\n                    ></valtimo-date-time-picker>\n                  </v-form>\n                }\n              </div>\n            }\n          </div>\n\n          <button\n            cdsButton=\"primary\"\n            class=\"query-group__search-button\"\n            [disabled]=\"searchDisabled(param.searchFields)\"\n            (click)=\"searchGroup(param.key, param.searchFields)\"\n          >\n            {{ 'searchFields.searchButtonText' | translate }}\n            <svg cdsIcon=\"search\" size=\"16\"></svg>\n          </button>\n        </cds-tab>\n      }\n    </cds-tabs>\n  }\n}\n", styles: [":host{display:flex;flex-direction:column;gap:24px}.query-group__row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.query-group__field{display:flex;flex-direction:column;flex:1 1 200px;max-width:320px}.query-group__field input{width:100%}.query-group__field--time,.query-group__field--date,.query-group__field--datetime{flex:0 0 auto;max-width:none}.query-group__label{font-size:14px;font-weight:600;color:var(--cds-text-primary)}.query-group__search-button{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;height:40px;max-height:40px;min-height:40px;padding:8px 16px;min-width:120px;white-space:nowrap;overflow:hidden;margin-left:auto}:host ::ng-deep .cds--tab-content{display:flex;flex-direction:column;gap:16px;outline:none!important;background:var(--cds-layer-01)}v-input{width:100%}::ng-deep .multiple-search-fields{display:flex!important;flex-direction:row!important;align-items:center}.to-text{margin-inline-start:8px;margin-inline-end:8px}.iko-datetime{display:flex;gap:8px;align-items:flex-end}::ng-deep .iko-search-tabs .cds--tab-content{margin-top:24px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: InputModule$1 }, { kind: "component", type: i2$2.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder", "dataTestId", "trim", "presetsTitle", "presetOptions"], outputs: ["valueChange"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: InputModule }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i6.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i2$2.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: TabsModule }, { kind: "component", type: i6.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i6.Tab, selector: "cds-tab, ibm-tab", inputs: ["heading", "title", "context", "active", "disabled", "tabIndex", "id", "cacheActive", "tabContent", "templateContext"], outputs: ["selected"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i6.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "ngmodule", type: ParagraphModule }, { kind: "component", type: i2$2.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "ngmodule", type: TimePickerModule }, { kind: "component", type: i6.TimePicker, selector: "cds-timepicker, ibm-timepicker", inputs: ["invalid", "invalidText", "label", "hideLabel", "placeholder", "pattern", "id", "disabled", "value", "maxLength", "skeleton", "theme", "size"], outputs: ["valueChange"] }, { kind: "component", type: DateTimePickerComponent, selector: "valtimo-date-time-picker", inputs: ["fullWidth", "margin", "name", "title", "placeholder", "titleTranslationKey", "disabled", "tooltip", "required", "smallLabel", "enableTime", "carbonTheme", "dateFormat", "showFieldLabel", "datePlaceholder", "timePlaceholder", "labelText", "defaultDate", "defaultDateIsToday", "clear$"], outputs: ["valueChange"] }, { kind: "ngmodule", type: InputLabelModule }, { kind: "component", type: i2$2.InputLabelComponent, selector: "v-input-label", inputs: ["name", "tooltip", "tooltipTranslationKey", "largeMargin", "small", "noMargin", "title", "titleTranslationKey", "required", "disabled", "carbonTheme"] }, { kind: "ngmodule", type: FormModule }, { kind: "component", type: i2$2.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i2$2.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "warn", "warnText", "dataTestId"], outputs: ["selectedChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoSearchComponent, decorators: [{
             type: Component,
@@ -4446,7 +4498,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
                         TabsModule,
                         LayerModule,
                         AsyncPipe,
-                        SelectModule,
                         DatePickerModule,
                         NgIf,
                         NgClass,
@@ -4456,7 +4507,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
                         InputLabelModule,
                         InputModule$1,
                         FormModule,
-                    ], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n@if (ikoSearchActions$ | async; as ikoSearchActions) {\n  @if (ikoSearchActions.length === 0) {\n    <valtimo-no-results [title]=\"'iko.searchFieldsNoResults' | translate\"></valtimo-no-results>\n\n  } @else {\n    <h4>{{ 'iko.searchVia' | translate }}</h4>\n\n    <cds-tabs class=\"iko-search-tabs\" type=\"line\">\n      @for (param of ikoSearchActions; track param.key ?? param.fields?.[0]?.key) {\n        <cds-tab\n          (keyup.enter)=\"!searchDisabled(param.searchFields) && searchGroup(param.key, param.searchFields)\"\n          class=\"query-group\"\n          [heading]=\"param.title\"\n          [cdsLayer]=\"1\"\n        >\n          <div class=\"query-group__row\">\n            @for (field of param.searchFields; track field.key) {\n              <div\n                class=\"query-group__field\"\n                [ngClass]=\"{\n                  'query-group__field--time': field.dataType === 'time',\n                  'query-group__field--date': field.dataType === 'date',\n                  'query-group__field--datetime': field.dataType === 'datetime',\n                }\"\n              >\n                <v-input-label *ngIf=\"field.title\" [title]=\"field.title\"></v-input-label>\n\n                @if (field.dataType === 'text' && field.fieldType === 'single') {\n                  <v-input\n                    [dataTestId]=\"'iko-search-field-' + field.key\"\n                    [name]=\"field.key\"\n                    [placeholder]=\"'searchFields.textPlaceholder' | translate\"\n                    [defaultValue]=\"formValues[field.key]\"\n                    (valueChange)=\"singleValueChange(field.key, $event, field.dataType)\"\n                  ></v-input>\n\n                } @else if (field.dataType === 'text' && field.fieldType === 'range') {\n                  <v-form\n                    className=\"multiple-search-fields\"\n                    (valueChange)=\"multipleValueChange(field.key, $event, field.dataType)\"\n                  >\n                    <v-input\n                      name=\"start\"\n                      [placeholder]=\"'searchFields.textPlaceholder' | translate\"\n                    ></v-input>\n\n                    <div class=\"to-text\">\n                      <v-paragraph>{{ 'searchFields.to' | translate }}</v-paragraph>\n                    </div>\n\n                    <v-input\n                      name=\"end\"\n                      [placeholder]=\"'searchFields.textPlaceholder' | translate\"\n                    ></v-input>\n                  </v-form>\n                }\n                @else if (field.dataType === 'number' && field.fieldType === 'single') {\n                  <v-input\n                    type=\"number\"\n                    [hideNumberSpinBox]=\"true\"\n                    [placeholder]=\"'searchFields.numberPlaceholder' | translate\"\n                    (valueChange)=\"singleValueChange(field.key, $event, field.dataType)\"\n                  ></v-input>\n\n                } @else if (field.dataType === 'number' && field.fieldType === 'range') {\n                  <v-form\n                    className=\"multiple-search-fields\"\n                    (valueChange)=\"multipleValueChange(field.key, $event, field.dataType)\"\n                  >\n                    <v-input\n                      type=\"number\"\n                      name=\"start\"\n                      [placeholder]=\"'searchFields.numberPlaceholder' | translate\"\n                    ></v-input>\n\n                    <div class=\"to-text\">\n                      <v-paragraph>{{ 'searchFields.to' | translate }}</v-paragraph>\n                    </div>\n\n                    <v-input\n                      type=\"number\"\n                      name=\"end\"\n                      [placeholder]=\"'searchFields.numberPlaceholder' | translate\"\n                    ></v-input>\n                  </v-form>\n                }\n                @else if (field.dataType === 'boolean' && field.fieldType === 'single') {\n                  <v-select\n                    *ngIf=\"booleanItems$ | async as booleanItems\"\n                    [items]=\"booleanItems\"\n                    (selectedChange)=\"singleValueChange(field.key, $event, field.dataType)\"\n                  ></v-select>\n                }\n\n                @else if (field.dataType === 'time' && field.fieldType === 'single') {\n                  <cds-timepicker\n                    [placeholder]=\"'searchFields.timePlaceholder' | translate\"\n                    [ngModel]=\"formValues[field.key]\"\n                    (ngModelChange)=\"singleValueChange(field.key, $event, field.dataType)\"\n                  ></cds-timepicker>\n\n                } @else if (field.dataType === 'time' && field.fieldType === 'range') {\n                  <v-form\n                    className=\"multiple-search-fields\"\n                    (valueChange)=\"multipleValueChange(field.key, $event, field.dataType)\"\n                  >\n                    <cds-timepicker [(ngModel)]=\"formValues[field.key + '_start']\"></cds-timepicker>\n\n                    <div class=\"to-text\">\n                      <v-paragraph>{{ 'searchFields.to' | translate }}</v-paragraph>\n                    </div>\n\n                    <cds-timepicker [(ngModel)]=\"formValues[field.key + '_end']\"></cds-timepicker>\n                  </v-form>\n                }\n                @else if (field.dataType === 'date' && field.fieldType === 'single') {\n                  <valtimo-date-time-picker\n                    [defaultDate]=\"formValues[field.key] ?? ''\"\n                    [enableTime]=\"false\"\n                    [showFieldLabel]=\"false\"\n                    (valueChange)=\"singleValueChange(field.key, $event, field.dataType)\"\n                  ></valtimo-date-time-picker>\n\n                } @else if (field.dataType === 'date' && field.fieldType === 'range') {\n                  <v-form\n                    className=\"multiple-search-fields\"\n                    (valueChange)=\"multipleValueChange(field.key, $event, field.dataType)\"\n                  >\n                    <valtimo-date-time-picker\n                      name=\"start\"\n                      [enableTime]=\"false\"\n                      [showFieldLabel]=\"false\"\n                    ></valtimo-date-time-picker>\n\n                    <div class=\"to-text\">\n                      <v-paragraph>{{ 'searchFields.to' | translate }}</v-paragraph>\n                    </div>\n\n                    <valtimo-date-time-picker\n                      name=\"end\"\n                      [enableTime]=\"false\"\n                      [showFieldLabel]=\"false\"\n                    ></valtimo-date-time-picker>\n                  </v-form>\n                }\n                @else if (field.dataType === 'datetime' && field.fieldType === 'single') {\n                  <valtimo-date-time-picker\n                    [enableTime]=\"true\"\n                    [showFieldLabel]=\"false\"\n                    (valueChange)=\"singleValueChange(field.key, $event, field.dataType)\"\n                  ></valtimo-date-time-picker>\n\n                } @else if (field.dataType === 'datetime' && field.fieldType === 'range') {\n                  <v-form\n                    className=\"multiple-search-fields\"\n                    (valueChange)=\"multipleValueChange(field.key, $event, field.dataType)\"\n                  >\n                    <valtimo-date-time-picker\n                      name=\"start\"\n                      [enableTime]=\"true\"\n                      [showFieldLabel]=\"false\"\n                    ></valtimo-date-time-picker>\n\n                    <div class=\"to-text\">\n                      <v-paragraph>{{ 'searchFields.to' | translate }}</v-paragraph>\n                    </div>\n\n                    <valtimo-date-time-picker\n                      name=\"end\"\n                      [enableTime]=\"true\"\n                      [showFieldLabel]=\"false\"\n                    ></valtimo-date-time-picker>\n                  </v-form>\n                }\n              </div>\n            }\n          </div>\n\n          <button\n            cdsButton=\"primary\"\n            class=\"query-group__search-button\"\n            [disabled]=\"searchDisabled(param.searchFields)\"\n            (click)=\"searchGroup(param.key, param.searchFields)\"\n          >\n            {{ 'searchFields.searchButtonText' | translate }}\n            <svg cdsIcon=\"search\" size=\"16\"></svg>\n          </button>\n        </cds-tab>\n      }\n    </cds-tabs>\n  }\n}\n", styles: [":host{display:flex;flex-direction:column;gap:24px}.query-group__row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.query-group__field{display:flex;flex-direction:column;flex:1 1 200px;max-width:320px}.query-group__field input{width:100%}.query-group__field--time,.query-group__field--date,.query-group__field--datetime{flex:0 0 auto;max-width:none}.query-group__label{font-size:14px;font-weight:600;color:var(--cds-text-primary)}.query-group__search-button{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;height:40px;max-height:40px;min-height:40px;padding:8px 16px;min-width:120px;white-space:nowrap;overflow:hidden;margin-left:auto}:host ::ng-deep .cds--tab-content{display:flex;flex-direction:column;gap:16px;outline:none!important;background:var(--cds-layer-01)}v-input{width:100%}::ng-deep .multiple-search-fields{display:flex!important;flex-direction:row!important;align-items:center}.to-text{margin-inline-start:8px;margin-inline-end:8px}.iko-datetime{display:flex;gap:8px;align-items:flex-end}::ng-deep .iko-search-tabs .cds--tab-content{margin-top:24px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+                        SelectModule,
+                    ], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n@if (ikoSearchActions$ | async; as ikoSearchActions) {\n  @if (ikoSearchActions.length === 0) {\n    <valtimo-no-results [title]=\"'iko.searchFieldsNoResults' | translate\"></valtimo-no-results>\n\n  } @else {\n    <h4>{{ 'iko.searchVia' | translate }}</h4>\n\n    <cds-tabs class=\"iko-search-tabs\" type=\"line\">\n      @for (param of ikoSearchActions; track param.key ?? param.fields?.[0]?.key) {\n        <cds-tab\n          (keyup.enter)=\"!searchDisabled(param.searchFields) && searchGroup(param.key, param.searchFields)\"\n          class=\"query-group\"\n          [heading]=\"param.title\"\n          [cdsLayer]=\"1\"\n        >\n          <div class=\"query-group__row\">\n            @for (field of param.searchFields; track field.key) {\n              <div\n                class=\"query-group__field\"\n                [ngClass]=\"{\n                  'query-group__field--time': field.dataType === 'time',\n                  'query-group__field--date': field.dataType === 'date',\n                  'query-group__field--datetime': field.dataType === 'datetime',\n                }\"\n              >\n                <v-input-label *ngIf=\"field.title\" [title]=\"field.title\"></v-input-label>\n\n                @if (field.dataType === 'text' && field.fieldType === 'single') {\n                  <v-input\n                    [dataTestId]=\"'iko-search-field-' + field.key\"\n                    [name]=\"field.key\"\n                    [placeholder]=\"'searchFields.textPlaceholder' | translate\"\n                    [defaultValue]=\"formValues[field.key]\"\n                    (valueChange)=\"singleValueChange(field.key, $event, field.dataType)\"\n                  ></v-input>\n\n                } @else if (field.dataType === 'text' && field.fieldType === 'range') {\n                  <v-form\n                    className=\"multiple-search-fields\"\n                    (valueChange)=\"multipleValueChange(field.key, $event, field.dataType)\"\n                  >\n                    <v-input\n                      name=\"start\"\n                      [placeholder]=\"'searchFields.textPlaceholder' | translate\"\n                    ></v-input>\n\n                    <div class=\"to-text\">\n                      <v-paragraph>{{ 'searchFields.to' | translate }}</v-paragraph>\n                    </div>\n\n                    <v-input\n                      name=\"end\"\n                      [placeholder]=\"'searchFields.textPlaceholder' | translate\"\n                    ></v-input>\n                  </v-form>\n                }\n                @else if (field.dataType === 'text' && (field.fieldType === 'single-select-dropdown' || field.fieldType === 'single_select_dropdown')) {\n                  <v-select\n                    *ngIf=\"dropdownSelectItemsMap[field.key]\"\n                    [items]=\"dropdownSelectItemsMap[field.key]\"\n                    [margin]=\"false\"\n                    [required]=\"field.required\"\n                    [name]=\"field.key\"\n                    [clearSelectionSubject$]=\"clear$\"\n                    (selectedChange)=\"singleValueChange(field.key, $event, field.dataType)\"\n                    [appendInline]=\"false\"\n                  ></v-select>\n                }\n                @else if (field.dataType === 'text' && (field.fieldType === 'multi-select-dropdown' || field.fieldType === 'multi_select_dropdown')) {\n                  <v-select\n                    *ngIf=\"dropdownSelectItemsMap[field.key]\"\n                    [items]=\"dropdownSelectItemsMap[field.key]\"\n                    [margin]=\"false\"\n                    [multiple]=\"true\"\n                    [required]=\"field.required\"\n                    [name]=\"field.key\"\n                    [clearSelectionSubject$]=\"clear$\"\n                    (selectedChange)=\"multipleValueChange(field.key, $event, field.dataType)\"\n                    [appendInline]=\"false\"\n                  ></v-select>\n                }\n                @else if (field.dataType === 'number' && field.fieldType === 'single') {\n                  <v-input\n                    type=\"number\"\n                    [hideNumberSpinBox]=\"true\"\n                    [placeholder]=\"'searchFields.numberPlaceholder' | translate\"\n                    (valueChange)=\"singleValueChange(field.key, $event, field.dataType)\"\n                  ></v-input>\n\n                } @else if (field.dataType === 'number' && field.fieldType === 'range') {\n                  <v-form\n                    className=\"multiple-search-fields\"\n                    (valueChange)=\"multipleValueChange(field.key, $event, field.dataType)\"\n                  >\n                    <v-input\n                      type=\"number\"\n                      name=\"start\"\n                      [placeholder]=\"'searchFields.numberPlaceholder' | translate\"\n                    ></v-input>\n\n                    <div class=\"to-text\">\n                      <v-paragraph>{{ 'searchFields.to' | translate }}</v-paragraph>\n                    </div>\n\n                    <v-input\n                      type=\"number\"\n                      name=\"end\"\n                      [placeholder]=\"'searchFields.numberPlaceholder' | translate\"\n                    ></v-input>\n                  </v-form>\n                }\n                @else if (field.dataType === 'boolean' && field.fieldType === 'single') {\n                  <v-select\n                    *ngIf=\"booleanItems$ | async as booleanItems\"\n                    [items]=\"booleanItems\"\n                    (selectedChange)=\"singleValueChange(field.key, $event, field.dataType)\"\n                  ></v-select>\n                }\n\n                @else if (field.dataType === 'time' && field.fieldType === 'single') {\n                  <cds-timepicker\n                    [placeholder]=\"'searchFields.timePlaceholder' | translate\"\n                    [ngModel]=\"formValues[field.key]\"\n                    (ngModelChange)=\"singleValueChange(field.key, $event, field.dataType)\"\n                  ></cds-timepicker>\n\n                } @else if (field.dataType === 'time' && field.fieldType === 'range') {\n                  <v-form\n                    className=\"multiple-search-fields\"\n                    (valueChange)=\"multipleValueChange(field.key, $event, field.dataType)\"\n                  >\n                    <cds-timepicker [(ngModel)]=\"formValues[field.key + '_start']\"></cds-timepicker>\n\n                    <div class=\"to-text\">\n                      <v-paragraph>{{ 'searchFields.to' | translate }}</v-paragraph>\n                    </div>\n\n                    <cds-timepicker [(ngModel)]=\"formValues[field.key + '_end']\"></cds-timepicker>\n                  </v-form>\n                }\n                @else if (field.dataType === 'date' && field.fieldType === 'single') {\n                  <valtimo-date-time-picker\n                    [defaultDate]=\"formValues[field.key] ?? ''\"\n                    [enableTime]=\"false\"\n                    [showFieldLabel]=\"false\"\n                    (valueChange)=\"singleValueChange(field.key, $event, field.dataType)\"\n                  ></valtimo-date-time-picker>\n\n                } @else if (field.dataType === 'date' && field.fieldType === 'range') {\n                  <v-form\n                    className=\"multiple-search-fields\"\n                    (valueChange)=\"multipleValueChange(field.key, $event, field.dataType)\"\n                  >\n                    <valtimo-date-time-picker\n                      name=\"start\"\n                      [enableTime]=\"false\"\n                      [showFieldLabel]=\"false\"\n                    ></valtimo-date-time-picker>\n\n                    <div class=\"to-text\">\n                      <v-paragraph>{{ 'searchFields.to' | translate }}</v-paragraph>\n                    </div>\n\n                    <valtimo-date-time-picker\n                      name=\"end\"\n                      [enableTime]=\"false\"\n                      [showFieldLabel]=\"false\"\n                    ></valtimo-date-time-picker>\n                  </v-form>\n                }\n                @else if (field.dataType === 'datetime' && field.fieldType === 'single') {\n                  <valtimo-date-time-picker\n                    [enableTime]=\"true\"\n                    [showFieldLabel]=\"false\"\n                    (valueChange)=\"singleValueChange(field.key, $event, field.dataType)\"\n                  ></valtimo-date-time-picker>\n\n                } @else if (field.dataType === 'datetime' && field.fieldType === 'range') {\n                  <v-form\n                    className=\"multiple-search-fields\"\n                    (valueChange)=\"multipleValueChange(field.key, $event, field.dataType)\"\n                  >\n                    <valtimo-date-time-picker\n                      name=\"start\"\n                      [enableTime]=\"true\"\n                      [showFieldLabel]=\"false\"\n                    ></valtimo-date-time-picker>\n\n                    <div class=\"to-text\">\n                      <v-paragraph>{{ 'searchFields.to' | translate }}</v-paragraph>\n                    </div>\n\n                    <valtimo-date-time-picker\n                      name=\"end\"\n                      [enableTime]=\"true\"\n                      [showFieldLabel]=\"false\"\n                    ></valtimo-date-time-picker>\n                  </v-form>\n                }\n              </div>\n            }\n          </div>\n\n          <button\n            cdsButton=\"primary\"\n            class=\"query-group__search-button\"\n            [disabled]=\"searchDisabled(param.searchFields)\"\n            (click)=\"searchGroup(param.key, param.searchFields)\"\n          >\n            {{ 'searchFields.searchButtonText' | translate }}\n            <svg cdsIcon=\"search\" size=\"16\"></svg>\n          </button>\n        </cds-tab>\n      }\n    </cds-tabs>\n  }\n}\n", styles: [":host{display:flex;flex-direction:column;gap:24px}.query-group__row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.query-group__field{display:flex;flex-direction:column;flex:1 1 200px;max-width:320px}.query-group__field input{width:100%}.query-group__field--time,.query-group__field--date,.query-group__field--datetime{flex:0 0 auto;max-width:none}.query-group__label{font-size:14px;font-weight:600;color:var(--cds-text-primary)}.query-group__search-button{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;height:40px;max-height:40px;min-height:40px;padding:8px 16px;min-width:120px;white-space:nowrap;overflow:hidden;margin-left:auto}:host ::ng-deep .cds--tab-content{display:flex;flex-direction:column;gap:16px;outline:none!important;background:var(--cds-layer-01)}v-input{width:100%}::ng-deep .multiple-search-fields{display:flex!important;flex-direction:row!important;align-items:center}.to-text{margin-inline-start:8px;margin-inline-end:8px}.iko-datetime{display:flex;gap:8px;align-items:flex-end}::ng-deep .iko-search-tabs .cds--tab-content{margin-top:24px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
         }], ctorParameters: () => [{ type: i1$2.ActivatedRoute }, { type: i1$2.Router }, { type: i2$2.PageTitleService }, { type: i6.IconService }, { type: IkoApiService }, { type: i5.TranslateService }] });
 
 /*