@valtimo/iko 13.4.1 → 13.5.0-release-0.0.0.3

package/fesm2022/valtimo-iko.mjs

@@ -1,20 +1,20 @@
 import * as i0 from '@angular/core';
 import { Injectable, Input, ViewEncapsulation, ChangeDetectionStrategy, Component, ViewChild, ViewContainerRef, signal, computed, effect, EventEmitter, Output, Inject, NgModule } from '@angular/core';
 import * as i4 from '@angular/common';
-import { CommonModule } from '@angular/common';
+import { CommonModule, DOCUMENT, AsyncPipe, NgIf, NgClass } from '@angular/common';
 import * as i2 from '@valtimo/shared';
-import { BaseApiService, getDisplayTypeParametersView, ROLE_ADMIN, IKO_TOKEN } from '@valtimo/shared';
-import * as i3$1 from '@angular/router';
+import { BaseApiService, InterceptorSkipHeader, getDisplayTypeParametersView, validateBsn, ROLE_ADMIN, IKO_TOKEN } from '@valtimo/shared';
+import * as i1$2 from '@angular/router';
 import { RouterModule } from '@angular/router';
 import { AuthGuardService } from '@valtimo/security';
-import * as i1$2 from '@valtimo/components';
-import { CarbonListModule, FormIoModule, RenderInPageHeaderDirective, SelectModule, CARBON_CONSTANTS, ValtimoCdsModalDirective, ConfirmationModalModule, ViewType, ValuePathSelectorPrefix, InputLabelModule, runAfterCarbonModalClosed, CarbonMultiInputModule, AutoKeyInputComponent } from '@valtimo/components';
+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, DropdownModule, ToggleModule, TooltipModule, NumberModule } 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 * as i2$1 from '@valtimo/layout';
-import { WidgetCollectionComponent, WidgetCustomComponent, WidgetFieldComponent, WidgetFormioComponent, WidgetInteractiveTableComponent, WidgetTableComponent, WidgetType, WidgetContainerComponent, WIDGET_MANAGEMENT_SERVICE, WidgetManagementComponent } from '@valtimo/layout';
-import * as i3$2 from '@ngx-translate/core';
+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';
 import { TranslateModule, TranslatePipe } from '@ngx-translate/core';
 import * as i1 from '@angular/common/http';
 import { HttpParams } from '@angular/common/http';
@@ -25,7 +25,7 @@ import * as i3 from '@valtimo/case';
 import { CaseListActionsComponent, CaseListService } from '@valtimo/case';
 import * as i1$3 from '@angular/forms';
 import { Validators, ReactiveFormsModule, FormsModule } from '@angular/forms';
-import { TrashCan16, InformationFilled16, Search16 } from '@carbon/icons';
+import { Information16, TrashCan16, InformationFilled16, Upload16, Search16 } from '@carbon/icons';
 import { toObservable } from '@angular/core/rxjs-interop';
 
 /*
@@ -57,7 +57,7 @@ class IkoApiService extends BaseApiService {
         this.globalNotificationService = globalNotificationService;
         this._cachedMenuItems$ = new BehaviorSubject([]);
     }
-    getIkoDataAggregates(key, title, page = 0, size = 10000, sort = 'title,asc') {
+    getIkoViews(key, title, page = 0, size = 10000, sort = 'title,asc') {
         const params = new URLSearchParams();
         if (key)
             params.append('key', key);
@@ -66,22 +66,26 @@ class IkoApiService extends BaseApiService {
         params.append('page', page.toString());
         params.append('size', size.toString());
         params.append('sort', sort);
-        return this.httpClient.get(this.getApiUrl(`/v1/iko-data-aggregate?${params.toString()}`));
+        return this.httpClient.get(this.getApiUrl(`/v1/iko-view?${params.toString()}`));
     }
-    getIkoDetailTabs(ikoDataAggregateKey) {
-        return this.httpClient.get(this.getApiUrl(`/v1/iko-data-aggregate/${ikoDataAggregateKey}/tab`));
+    getIkoDetailTabs(ikoViewKey) {
+        return this.httpClient.get(this.getApiUrl(`/v1/iko-view/${ikoViewKey}/tab`));
     }
-    getIkoDataRequests(ikoDataAggregateKey) {
-        return this.httpClient.get(this.getApiUrl(`/v1/iko-data-aggregate/${ikoDataAggregateKey}/data-request`));
+    getIkoSearchActions(ikoViewKey) {
+        return this.httpClient.get(this.getApiUrl(`/v1/iko-view/${ikoViewKey}/search-action`));
     }
-    getIkoWidget(ikoDataAggregateKey, tabKey) {
-        return this.httpClient.get(this.getApiUrl(`/v1/iko-data-aggregate/${ikoDataAggregateKey}/tab/${tabKey}/widget`));
+    getIkoWidget(ikoViewKey, tabKey) {
+        return this.httpClient.get(this.getApiUrl(`/v1/iko-view/${ikoViewKey}/tab/${tabKey}/widget`));
     }
-    getIkoWidgetData(ikoDataAggregateKey, tabKey, widgetId, id) {
-        return this.httpClient.get(this.getApiUrl(`/v1/iko-data-aggregate/${ikoDataAggregateKey}/tab/${tabKey}/widget/${widgetId}/data?id=${id}`));
+    getIkoWidgetData(ikoViewKey, tabKey, widgetId, id) {
+        return this.httpClient.get(this.getApiUrl(`/v1/iko-view/${ikoViewKey}/tab/${tabKey}/widget/${widgetId}/data?id=${id}`));
     }
-    searchIkoDataRequest(ikoKey, paramKey, filters) {
-        return this.httpClient.post(this.getApiUrl(`/v1/iko-data-aggregate/${ikoKey}/data-request/${paramKey}/search`), filters);
+    searchIkoSearchAction(ikoKey, paramKey, filters) {
+        return this.httpClient.post(this.getApiUrl(`/v1/iko-view/${ikoKey}/search-action/${paramKey}/search`), filters);
+    }
+    getDropdownData(provider, ikoViewKey, ikoSearchActionKey, searchFieldKey) {
+        const dropdownListKey = encodeURI(ikoViewKey + '_' + ikoSearchActionKey + '_' + searchFieldKey);
+        return this.httpClient.get(this.getApiUrl(`/v1/data/dropdown-list?provider=${provider}&key=${dropdownListKey}`));
     }
     handleAction(action, resolved = null) {
         if (!action)
@@ -126,12 +130,12 @@ class IkoApiService extends BaseApiService {
         });
     }
     resolveProperty(property, resolved) {
-        return property ? (resolved ? resolved[property] : property) : null;
+        return property ? (resolved ? String(resolved[property]) : property) : null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoApiService, deps: [{ token: i1.HttpClient }, { token: i2.ConfigService }, { token: i2.GlobalNotificationService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoApiService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoApiService, deps: [{ token: i1.HttpClient }, { token: i2.ConfigService }, { token: i2.GlobalNotificationService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoApiService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoApiService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoApiService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -160,8 +164,8 @@ class IkoTabService {
     get activeTabKey$() {
         return this.activeTab$.pipe(map(tab => tab.key));
     }
-    get dataAggregateKey$() {
-        return this._dataAggregateKey$.pipe(filter(key => !!key));
+    get ikoViewKey$() {
+        return this._ikoViewKey$.pipe(filter(key => !!key));
     }
     get entryId$() {
         return this._entryId$.pipe(filter(key => !!key));
@@ -169,25 +173,25 @@ class IkoTabService {
     constructor(logger) {
         this.logger = logger;
         this._activeTab$ = new BehaviorSubject(null);
-        this._dataAggregateKey$ = new BehaviorSubject(null);
+        this._ikoViewKey$ = new BehaviorSubject(null);
         this._entryId$ = new BehaviorSubject(null);
     }
     setActiveTab(tab) {
         this._activeTab$.next(tab);
         this.logger.debug(`Active IKO tab set to ${JSON.stringify(tab)}`);
     }
-    setDataAggregateKey(key) {
-        this._dataAggregateKey$.next(key);
-        this.logger.debug(`Active IKO data aggregate key set to ${key}`);
+    setIkoViewKey(key) {
+        this._ikoViewKey$.next(key);
+        this.logger.debug(`Active IKO view key set to ${key}`);
     }
     setEntryId(id) {
         this._entryId$.next(id);
         this.logger.debug(`Active IKO entry id set to ${id}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoTabService, deps: [{ token: i1$1.NGXLogger }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoTabService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoTabService, deps: [{ token: i1$1.NGXLogger }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoTabService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoTabService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoTabService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i1$1.NGXLogger }] });
@@ -213,36 +217,48 @@ class IkoManagementApiService extends BaseApiService {
         this.httpClient = httpClient;
         this.configService = configService;
     }
-    getIkoDataAggregates(key, title, page = 0, size = 100, sort = 'title,asc') {
+    getIkoViews(key, title, page = 0, size = 100, sort = 'title,asc') {
         let params = new HttpParams().set('page', page).set('size', size).set('sort', sort);
         if (key)
             params = params.set('key', key);
         if (title)
             params = params.set('title', title);
-        return this.httpClient.get(this.getApiUrl('/v1/iko-data-aggregate'), { params });
+        return this.httpClient.get(this.getApiUrl('/v1/iko-view'), {
+            params,
+        });
     }
-    getIkoDataAggregate(key) {
-        return this.httpClient.get(this.getApiUrl(`/v1/iko-data-aggregate/${key}`));
+    getIkoView(key) {
+        return this.httpClient.get(this.getApiUrl(`/v1/iko-view/${key}`));
     }
-    createIkoDataAggregate(key, body) {
-        return this.httpClient.post(this.getApiUrl(`management/v1/iko-data-aggregate/${key}`), body);
+    createIkoView(key, body) {
+        return this.httpClient.post(this.getApiUrl(`management/v1/iko-view/${key}`), body);
     }
-    updateIkoDataAggregate(key, body) {
-        return this.httpClient.put(this.getApiUrl(`management/v1/iko-data-aggregate/${key}`), body);
+    updateIkoView(key, body) {
+        return this.httpClient.put(this.getApiUrl(`management/v1/iko-view/${key}`), body);
     }
-    deleteIkoDataAggregate(key) {
-        return this.httpClient.delete(this.getApiUrl(`management/v1/iko-data-aggregate/${key}`));
+    deleteIkoView(key) {
+        return this.httpClient.delete(this.getApiUrl(`management/v1/iko-view/${key}`));
+    }
+    exportIKOConfiguration(key) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/iko-view/${key}/export`), {
+            observe: 'response',
+            responseType: 'blob',
+            headers: InterceptorSkipHeader,
+        });
+    }
+    importConfigurationZip(file) {
+        return this.httpClient.post(this.getApiUrl(`management/v1/iko-view/import`), file);
     }
     getIkoRepositoryPropertyFields(type) {
         return this.httpClient.get(this.getApiUrl(`management/v1/iko-property-fields/${type}/repository-config`));
     }
-    getIkoDataAggregatePropertyFields(type) {
-        return this.httpClient.get(this.getApiUrl(`management/v1/iko-property-fields/${type}/data-aggregate`));
+    getIkoViewPropertyFields(type) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/iko-property-fields/${type}/view`));
     }
-    getIkoDataAggregateType(key) {
+    getIkoViewType(key) {
         return this.httpClient.get(this.getApiUrl(`/management/v1/iko/${key}`));
     }
-    getManagementIkoDataAggregates(key, title, ikoRepositoryConfigKey, page = 0, size = 100, sort = 'title,asc') {
+    getManagementIkoViews(key, title, ikoRepositoryConfigKey, page = 0, size = 100, sort = 'title,asc') {
         let params = new HttpParams().set('page', page).set('size', size).set('sort', sort);
         if (key)
             params = params.set('key', key);
@@ -250,28 +266,30 @@ class IkoManagementApiService extends BaseApiService {
             params = params.set('title', title);
         if (ikoRepositoryConfigKey)
             params = params.set('ikoRepositoryConfigKey', ikoRepositoryConfigKey);
-        return this.httpClient.get(this.getApiUrl(`management/v1/iko-data-aggregate`), { params });
+        return this.httpClient.get(this.getApiUrl(`management/v1/iko-view`), {
+            params,
+        });
     }
-    getManagementIkoDataRequests(aggregateKey) {
-        return this.httpClient.get(this.getApiUrl(`management/v1/iko-data-aggregate/${aggregateKey}/data-request`));
+    getManagementIkoSearchActions(aggregateKey) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/iko-view/${aggregateKey}/search-action`));
     }
-    getIkoDataRequest(aggregateKey, key) {
-        return this.httpClient.get(this.getApiUrl(`management/v1/iko-data-aggregate/${aggregateKey}/data-request/${key}`));
+    getIkoSearchAction(aggregateKey, key) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/iko-view/${aggregateKey}/search-action/${key}`));
     }
-    createIkoDataRequest(aggregateKey, key, body) {
-        return this.httpClient.post(this.getApiUrl(`management/v1/iko-data-aggregate/${aggregateKey}/data-request/${key}`), body);
+    createIkoSearchAction(aggregateKey, key, body) {
+        return this.httpClient.post(this.getApiUrl(`management/v1/iko-view/${aggregateKey}/search-action/${key}`), body);
     }
-    updateIkoDataRequests(aggregateKey, body) {
-        return this.httpClient.put(this.getApiUrl(`management/v1/iko-data-aggregate/${aggregateKey}/data-request`), body);
+    updateIkoSearchActions(aggregateKey, body) {
+        return this.httpClient.put(this.getApiUrl(`management/v1/iko-view/${aggregateKey}/search-action`), body);
     }
-    updateIkoDataRequest(aggregateKey, actionKey, body) {
-        return this.httpClient.put(this.getApiUrl(`management/v1/iko-data-aggregate/${aggregateKey}/data-request/${actionKey}`), body);
+    updateIkoSearchAction(aggregateKey, actionKey, body) {
+        return this.httpClient.put(this.getApiUrl(`management/v1/iko-view/${aggregateKey}/search-action/${actionKey}`), body);
     }
-    deleteIkoDataRequest(aggregateKey, key) {
-        return this.httpClient.delete(this.getApiUrl(`management/v1/iko-data-aggregate/${aggregateKey}/data-request/${key}`));
+    deleteIkoSearchAction(aggregateKey, key) {
+        return this.httpClient.delete(this.getApiUrl(`management/v1/iko-view/${aggregateKey}/search-action/${key}`));
     }
-    getIkoDataRequestPropertyFields(type) {
-        return this.httpClient.get(this.getApiUrl(`management/v1/iko-property-fields/${type}/data-request`));
+    getIkoSearchActionPropertyFields(type) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/iko-property-fields/${type}/search-action`));
     }
     getIkoRepositoryConfigs() {
         return this.httpClient.get(this.getApiUrl(`/management/v1/iko`));
@@ -295,66 +313,78 @@ class IkoManagementApiService extends BaseApiService {
         return this.httpClient.get(this.getApiUrl(`/management/v1/iko-types`));
     }
     getIkoTabs(aggregateKey) {
-        return this.httpClient.get(this.getApiUrl(`/v1/iko-data-aggregate/${aggregateKey}/tab`));
+        return this.httpClient.get(this.getApiUrl(`/v1/iko-view/${aggregateKey}/tab`));
     }
     getIkoTab(aggregateKey, tabKey) {
-        return this.httpClient.get(this.getApiUrl(`/management/v1/iko-data-aggregate/${aggregateKey}/tab/${tabKey}`));
+        return this.httpClient.get(this.getApiUrl(`/management/v1/iko-view/${aggregateKey}/tab/${tabKey}`));
     }
     createIkoTab(aggregateKey, tabKey, body) {
-        return this.httpClient.post(this.getApiUrl(`/management/v1/iko-data-aggregate/${aggregateKey}/tab/${tabKey}`), body);
+        return this.httpClient.post(this.getApiUrl(`/management/v1/iko-view/${aggregateKey}/tab/${tabKey}`), body);
     }
     updateIkoTabs(aggregateKey, body) {
-        return this.httpClient.put(this.getApiUrl(`/management/v1/iko-data-aggregate/${aggregateKey}/tab`), body);
+        return this.httpClient.put(this.getApiUrl(`/management/v1/iko-view/${aggregateKey}/tab`), body);
     }
     updateIkoTab(aggregateKey, tabKey, body) {
-        return this.httpClient.put(this.getApiUrl(`/management/v1/iko-data-aggregate/${aggregateKey}/tab/${tabKey}`), body);
+        return this.httpClient.put(this.getApiUrl(`/management/v1/iko-view/${aggregateKey}/tab/${tabKey}`), body);
     }
     deleteIkoTab(aggregateKey, tabKey) {
-        return this.httpClient.delete(this.getApiUrl(`/management/v1/iko-data-aggregate/${aggregateKey}/tab/${tabKey}`));
+        return this.httpClient.delete(this.getApiUrl(`/management/v1/iko-view/${aggregateKey}/tab/${tabKey}`));
     }
     getIkoWidget(aggregateKey, tabKey, widgetKey) {
-        return this.httpClient.get(this.getApiUrl(`/v1/iko-data-aggregate/${aggregateKey}/tab/${tabKey}/widget/${widgetKey}`));
+        return this.httpClient.get(this.getApiUrl(`/v1/iko-view/${aggregateKey}/tab/${tabKey}/widget/${widgetKey}`));
     }
     getIkoSearchFields(aggregateKey, requestKey) {
-        return this.httpClient.get(this.getApiUrl(`management/v1/iko-data-aggregate/${aggregateKey}/data-request/${requestKey}/search-field`));
+        return this.httpClient.get(this.getApiUrl(`management/v1/iko-view/${aggregateKey}/search-action/${requestKey}/search-field`));
     }
     getIkoSearchField(aggregateKey, requestKey, key) {
-        return this.httpClient.get(this.getApiUrl(`/v1/iko-data-aggregate/${aggregateKey}/data-request/${requestKey}/search-field/${key}`));
+        return this.httpClient.get(this.getApiUrl(`/v1/iko-view/${aggregateKey}/search-action/${requestKey}/search-field/${key}`));
     }
     createIkoSearchField(aggregateKey, requestKey, key, body) {
-        return this.httpClient.post(this.getApiUrl(`management/v1/iko-data-aggregate/${aggregateKey}/data-request/${requestKey}/search-field/${key}`), body);
+        return this.httpClient.post(this.getApiUrl(`management/v1/iko-view/${aggregateKey}/search-action/${requestKey}/search-field/${key}`), body);
     }
     updateIkoSearchFields(aggregateKey, requestKey, body) {
-        return this.httpClient.put(this.getApiUrl(`management/v1/iko-data-aggregate/${aggregateKey}/data-request/${requestKey}/search-field`), body);
+        return this.httpClient.put(this.getApiUrl(`management/v1/iko-view/${aggregateKey}/search-action/${requestKey}/search-field`), body);
     }
     updateIkoSearchField(aggregateKey, requestKey, fieldKey, body) {
-        return this.httpClient.put(this.getApiUrl(`management/v1/iko-data-aggregate/${aggregateKey}/data-request/${requestKey}/search-field/${fieldKey}`), body);
+        return this.httpClient.put(this.getApiUrl(`management/v1/iko-view/${aggregateKey}/search-action/${requestKey}/search-field/${fieldKey}`), body);
     }
     deleteIkoSearchField(aggregateKey, requestKey, key) {
-        return this.httpClient.delete(this.getApiUrl(`management/v1/iko-data-aggregate/${aggregateKey}/data-request/${requestKey}/search-field/${key}`));
+        return this.httpClient.delete(this.getApiUrl(`management/v1/iko-view/${aggregateKey}/search-action/${requestKey}/search-field/${key}`));
     }
     getIkoListColumns(aggregateKey) {
-        return this.httpClient.get(this.getApiUrl(`/management/v1/iko-data-aggregate/${aggregateKey}/column`));
+        return this.httpClient.get(this.getApiUrl(`/management/v1/iko-view/${aggregateKey}/column`));
     }
     getIkoListColumn(aggregateKey, columnKey) {
-        return this.httpClient.get(this.getApiUrl(`/management/v1/iko-data-aggregate/${aggregateKey}/column/${columnKey}`));
+        return this.httpClient.get(this.getApiUrl(`/management/v1/iko-view/${aggregateKey}/column/${columnKey}`));
     }
     createIkoListColumn(aggregateKey, columnKey, body) {
-        return this.httpClient.post(this.getApiUrl(`/management/v1/iko-data-aggregate/${aggregateKey}/column/${columnKey}`), body);
+        return this.httpClient.post(this.getApiUrl(`/management/v1/iko-view/${aggregateKey}/column/${columnKey}`), body);
     }
     updateListColumn(aggregateKey, columnKey, body) {
-        return this.httpClient.put(this.getApiUrl(`/management/v1/iko-data-aggregate/${aggregateKey}/column/${columnKey}`), body);
+        return this.httpClient.put(this.getApiUrl(`/management/v1/iko-view/${aggregateKey}/column/${columnKey}`), body);
     }
     updateIkoListColumnOrder(aggregateKey, body) {
-        return this.httpClient.put(this.getApiUrl(`/management/v1/iko-data-aggregate/${aggregateKey}/column`), body);
+        return this.httpClient.put(this.getApiUrl(`/management/v1/iko-view/${aggregateKey}/column`), body);
     }
     deleteIkoListColumn(aggregateKey, columnKey) {
-        return this.httpClient.delete(this.getApiUrl(`/management/v1/iko-data-aggregate/${aggregateKey}/column/${columnKey}`));
+        return this.httpClient.delete(this.getApiUrl(`/management/v1/iko-view/${aggregateKey}/column/${columnKey}`));
+    }
+    getDropdownData(provider, ikoViewKey, ikoSearchActionKey, searchFieldKey) {
+        const dropdownListKey = encodeURI(ikoViewKey + '_' + ikoSearchActionKey + '_' + searchFieldKey);
+        return this.httpClient.get(this.getApiUrl(`/v1/data/dropdown-list?provider=${provider}&key=${dropdownListKey}`));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementApiService, deps: [{ token: i1.HttpClient }, { token: i2.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementApiService, providedIn: 'root' }); }
+    postDropdownData(provider, ikoViewKey, ikoSearchActionKey, searchFieldKey, dropdownData) {
+        const dropdownListKey = encodeURI(ikoViewKey + '_' + ikoSearchActionKey + '_' + searchFieldKey);
+        return this.httpClient.post(this.getApiUrl(`v1/data/dropdown-list?provider=${provider}&key=${dropdownListKey}`), dropdownData);
+    }
+    deleteDropdownData(provider, ikoViewKey, ikoSearchActionKey, searchFieldKey) {
+        const dropdownListKey = encodeURI(ikoViewKey + '_' + ikoSearchActionKey + '_' + searchFieldKey);
+        return this.httpClient.delete(this.getApiUrl(`v1/data/dropdown-list?provider=${provider}&key=${dropdownListKey}`));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoManagementApiService, deps: [{ token: i1.HttpClient }, { token: i2.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoManagementApiService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementApiService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoManagementApiService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -379,50 +409,54 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
 class IkoMenuService {
     constructor(ikoApiService) {
         this.ikoApiService = ikoApiService;
+        this._IKO_MENU_ITEM_TITLE_TRANSLATION_KEY = 'iko.pageTitle';
         this.appendIkoMenuItems = (menuItems) => {
-            const ikoExists = menuItems.some(item => item.title === 'IKO');
+            const ikoExists = menuItems.some(item => item.title === this._IKO_MENU_ITEM_TITLE_TRANSLATION_KEY);
             if (ikoExists)
                 return of(menuItems);
-            return this.ikoApiService.getIkoDataAggregates().pipe(map(ikoItems => {
+            return this.ikoApiService.getIkoViews().pipe(map(ikoItems => {
                 this.ikoApiService.setCachedMenuItems(ikoItems.content);
-                const ikoSubMenu = ikoItems.content.map((item, index) => ({
-                    link: ['/iko', item.key],
-                    title: item.title,
-                    sequence: index,
-                    show: true,
-                }));
-                const ikoMenu = {
-                    title: 'IKO',
-                    iconClass: 'icon mdi mdi-account',
-                    show: true,
-                    sequence: this.getIkoSequenceAfterCases(menuItems),
-                    children: ikoSubMenu,
-                };
-                const adminMenuItem = menuItems.find(item => item.title.toUpperCase().includes('ADMIN'));
-                if (adminMenuItem) {
+                let updatedMenuItems = [...menuItems];
+                if (ikoItems.content?.length) {
+                    const ikoSubMenu = ikoItems.content.map((item, index) => ({
+                        link: ['/iko', item.key],
+                        title: item.title,
+                        sequence: index,
+                        show: true,
+                    }));
+                    const ikoMenu = {
+                        title: this._IKO_MENU_ITEM_TITLE_TRANSLATION_KEY,
+                        iconClass: 'icon mdi mdi-account',
+                        show: true,
+                        sequence: this.getIkoSequenceAfterCases(menuItems),
+                        children: ikoSubMenu,
+                    };
+                    updatedMenuItems = [...menuItems, ikoMenu].sort((a, b) => a.sequence - b.sequence);
+                }
+                const adminMenuItem = updatedMenuItems.find(item => item.title.toUpperCase().includes('ADMIN') && !item.title.toUpperCase().includes('IKO'));
+                if (adminMenuItem && !adminMenuItem.children.some(item => item.title === 'IKO')) {
                     adminMenuItem.children = [
                         ...adminMenuItem.children,
                         {
-                            title: ikoMenu.title,
+                            title: 'IKO',
                             show: true,
-                            sequence: adminMenuItem.children[adminMenuItem.children.length - 1].sequence + 1,
+                            sequence: this.getIkoSequenceAfterCases(adminMenuItem.children ?? []),
                             link: ['/iko-management'],
                         },
-                    ];
+                    ].sort((a, b) => a.sequence - b.sequence);
                 }
-                return [...menuItems, ikoMenu].sort((a, b) => a.sequence - b.sequence);
+                return updatedMenuItems;
             }));
         };
     }
     getIkoSequenceAfterCases(menuItems) {
         const casesItem = menuItems.find(item => item.title === 'Cases' || item.title === 'Dossiers');
-        const casesSequence = Number(casesItem?.sequence ?? 0);
-        return casesSequence + 0.5;
+        return Number(casesItem?.sequence ?? 0) + 0.5;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoMenuService, deps: [{ token: IkoApiService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoMenuService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoMenuService, deps: [{ token: IkoApiService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoMenuService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoMenuService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoMenuService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: IkoApiService }] });
@@ -439,31 +473,30 @@ class IkoWidgetManagementApiService extends BaseApiService {
         this.httpClient = httpClient;
         this.configService = configService;
         this._params$ = new BehaviorSubject(null);
-        this.valueResolverApi$ = new BehaviorSubject('');
     }
     initParams(serviceParams) {
         if (!isEqual(serviceParams, this._params))
             this._params$.next(serviceParams);
     }
     getWidgetConfiguration() {
-        return this.params$.pipe(filter((params) => !!params), switchMap((params) => this.httpClient.get(this.getApiUrl(`/v1/iko-data-aggregate/${params?.aggregateKey}/tab/${params?.widgetTabKey}/widget`))));
+        return this.params$.pipe(filter((params) => !!params), switchMap((params) => this.httpClient.get(this.getApiUrl(`management/v1/iko-view/${params?.aggregateKey}/tab/${params?.widgetTabKey}/widget`))));
     }
     updateWidgetConfiguration(widgets) {
-        return this.params$.pipe(filter((params) => !!params), switchMap((params) => this.httpClient.put(this.getApiUrl(`management/v1/iko-data-aggregate/${params?.aggregateKey}/tab/${params?.widgetTabKey}/widget`), widgets)));
+        return this.params$.pipe(filter((params) => !!params), switchMap((params) => this.httpClient.put(this.getApiUrl(`management/v1/iko-view/${params?.aggregateKey}/tab/${params?.widgetTabKey}/widget`), widgets)));
     }
     deleteWidget(widget) {
-        return this.params$.pipe(filter((params) => !!params), switchMap((params) => this.httpClient.delete(this.getApiUrl(`management/v1/iko-data-aggregate/${params?.aggregateKey}/tab/${params?.widgetTabKey}/widget/${widget.key}`))));
+        return this.params$.pipe(filter((params) => !!params), switchMap((params) => this.httpClient.delete(this.getApiUrl(`management/v1/iko-view/${params?.aggregateKey}/tab/${params?.widgetTabKey}/widget/${widget.key}`))));
     }
     updateWidget(widget) {
-        return this.params$.pipe(filter((params) => !!params), switchMap((params) => this.httpClient.put(this.getApiUrl(`management/v1/iko-data-aggregate/${params?.aggregateKey}/tab/${params?.widgetTabKey}/widget/${widget.key}`), widget)));
+        return this.params$.pipe(filter((params) => !!params), switchMap((params) => this.httpClient.put(this.getApiUrl(`management/v1/iko-view/${params?.aggregateKey}/tab/${params?.widgetTabKey}/widget/${widget.key}`), widget)));
     }
     createWidget(widget) {
-        return this.params$.pipe(filter((params) => !!params), switchMap((params) => this.httpClient.post(this.getApiUrl(`management/v1/iko-data-aggregate/${params?.aggregateKey}/tab/${params?.widgetTabKey}/widget/${widget.key}`), widget)));
+        return this.params$.pipe(filter((params) => !!params), switchMap((params) => this.httpClient.post(this.getApiUrl(`management/v1/iko-view/${params?.aggregateKey}/tab/${params?.widgetTabKey}/widget/${widget.key}`), widget)));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoWidgetManagementApiService, deps: [{ token: i1.HttpClient }, { token: i2.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoWidgetManagementApiService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoWidgetManagementApiService, deps: [{ token: i1.HttpClient }, { token: i2.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoWidgetManagementApiService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoWidgetManagementApiService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoWidgetManagementApiService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2.ConfigService }] });
 
@@ -518,18 +551,15 @@ class IkoWidgetCollectionComponent {
             this._widgetParams$,
         ]).pipe(switchMap(([widgetConfiguration, widgetParams]) => !widgetParams || !widgetConfiguration
             ? of(null)
-            : this.ikoApiService.getIkoWidgetData(widgetParams.dataAggregateKey, widgetParams.tabKey, widgetConfiguration.key, widgetParams.entryId)), tap(() => this.widgetLayoutService.setWidgetDataLoaded(this.widgetUuid)));
+            : this.ikoApiService.getIkoWidgetData(widgetParams.ikoViewKey, widgetParams.tabKey, widgetConfiguration.key, widgetParams.entryId)), tap(() => this.widgetLayoutService.setWidgetDataLoaded(this.widgetUuid)));
     }
     onPaginationEvent(event) {
         this._queryParams$.next(`page=${event.currentPage - 1}&size=${event.pageLength}`);
     }
-    onWidgetActionClick(action) {
-        this.ikoApiService.handleAction(action);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoWidgetCollectionComponent, deps: [{ token: IkoApiService }, { token: i2$1.WidgetLayoutService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", 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  @if (obs.widgetConfiguration?.actions?.length >= 1) {\n    <button cdsButton=\"ghost\" (click)=\"onWidgetActionClick(obs.widgetConfiguration?.actions[0])\">\n      {{ obs.widgetConfiguration?.actions[0].name }}\n    </button>\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: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: WidgetCollectionComponent, selector: "valtimo-widget-collection", inputs: ["widgetConfiguration", "widgetData"], outputs: ["paginationEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoWidgetCollectionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoWidgetCollectionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'valtimo-iko-widget-collection', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [
                         CommonModule,
@@ -540,7 +570,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         TranslateModule,
                         ButtonModule,
                         WidgetCollectionComponent,
-                    ], 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  @if (obs.widgetConfiguration?.actions?.length >= 1) {\n    <button cdsButton=\"ghost\" (click)=\"onWidgetActionClick(obs.widgetConfiguration?.actions[0])\">\n      {{ obs.widgetConfiguration?.actions[0].name }}\n    </button>\n  }\n</valtimo-widget-collection>\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<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" }]
         }], ctorParameters: () => [{ type: IkoApiService }, { type: i2$1.WidgetLayoutService }], propDecorators: { widgetConfiguration: [{
                 type: Input
             }], widgetParams: [{
@@ -581,24 +611,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * limitations under the License.
  */
 class IkoWidgetCustomComponent {
-    constructor() {
-        this._widgetConfigSubject$ = new BehaviorSubject(null);
-    }
     set widgetConfiguration(value) {
         if (!value)
             return;
         this._widgetConfigSubject$.next(value);
     }
+    set widgetParams(value) {
+        this._widgetParams$.next(value);
+    }
     get widgetConfig$() {
         return this._widgetConfigSubject$.pipe(filter(config => config !== null));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoWidgetCustomComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: IkoWidgetCustomComponent, isStandalone: true, selector: "valtimo-iko-widget-custom", inputs: { widgetConfiguration: "widgetConfiguration", 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-custom\n  *ngIf=\"widgetConfig$ | async as widgetConfig\"\n  [widgetConfiguration]=\"widgetConfig\"\n  [widgetUuid]=\"widgetUuid\"\n>\n</valtimo-widget-custom>\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: TranslateModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: WidgetCustomComponent, selector: "valtimo-widget-custom", inputs: ["widgetConfiguration", "widgetUuid"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    constructor(ikoApiService, widgetLayoutService) {
+        this.ikoApiService = ikoApiService;
+        this.widgetLayoutService = widgetLayoutService;
+        this._widgetParams$ = new BehaviorSubject(null);
+        this._widgetConfigSubject$ = new BehaviorSubject(null);
+        this.widgetData$ = combineLatest([
+            this._widgetConfigSubject$,
+            this._widgetParams$,
+        ]).pipe(switchMap(([widgetConfiguration, widgetParams]) => !widgetParams || !widgetConfiguration
+            ? of(null)
+            : this.ikoApiService.getIkoWidgetData(widgetParams.ikoViewKey, widgetParams.tabKey, widgetConfiguration.key, widgetParams.entryId)), tap(() => this.widgetLayoutService.setWidgetDataLoaded(this.widgetUuid)));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoWidgetCustomComponent, 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: IkoWidgetCustomComponent, isStandalone: true, selector: "valtimo-iko-widget-custom", 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-custom\n  *ngIf=\"{\n    widgetConfiguration: widgetConfig$ | async,\n    widgetData: widgetData$ | async,\n  } as obs\"\n  [widgetConfiguration]=\"obs.widgetConfiguration\"\n  [widgetData]=\"obs.widgetData\"\n  [widgetUuid]=\"widgetUuid\"\n>\n</valtimo-widget-custom>\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: TranslateModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: WidgetCustomComponent, selector: "valtimo-widget-custom", inputs: ["widgetConfiguration", "widgetData", "widgetUuid"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoWidgetCustomComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoWidgetCustomComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'valtimo-iko-widget-custom', standalone: true, imports: [CommonModule, CarbonListModule, TranslateModule, ButtonModule, WidgetCustomComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-widget-custom\n  *ngIf=\"widgetConfig$ | async as widgetConfig\"\n  [widgetConfiguration]=\"widgetConfig\"\n  [widgetUuid]=\"widgetUuid\"\n>\n</valtimo-widget-custom>\n" }]
-        }], propDecorators: { widgetConfiguration: [{
+            args: [{ selector: 'valtimo-iko-widget-custom', standalone: true, imports: [CommonModule, CarbonListModule, TranslateModule, ButtonModule, WidgetCustomComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-widget-custom\n  *ngIf=\"{\n    widgetConfiguration: widgetConfig$ | async,\n    widgetData: widgetData$ | async,\n  } as obs\"\n  [widgetConfiguration]=\"obs.widgetConfiguration\"\n  [widgetData]=\"obs.widgetData\"\n  [widgetUuid]=\"widgetUuid\"\n>\n</valtimo-widget-custom>\n" }]
+        }], ctorParameters: () => [{ type: IkoApiService }, { type: i2$1.WidgetLayoutService }], propDecorators: { widgetConfiguration: [{
+                type: Input
+            }], widgetParams: [{
                 type: Input
             }], widgetUuid: [{
                 type: Input
@@ -654,15 +698,12 @@ class IkoWidgetFieldComponent {
             this._widgetParams$,
         ]).pipe(switchMap(([widgetConfiguration, widgetParams]) => !widgetParams || !widgetConfiguration
             ? of(null)
-            : this.ikoApiService.getIkoWidgetData(widgetParams.dataAggregateKey, widgetParams.tabKey, widgetConfiguration.key, widgetParams.entryId)), tap(() => this.widgetLayoutService.setWidgetDataLoaded(this.widgetUuid)));
-    }
-    onWidgetActionClick(action) {
-        this.ikoApiService.handleAction(action);
+            : this.ikoApiService.getIkoWidgetData(widgetParams.ikoViewKey, widgetParams.tabKey, widgetConfiguration.key, widgetParams.entryId)), tap(() => this.widgetLayoutService.setWidgetDataLoaded(this.widgetUuid)));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoWidgetFieldComponent, deps: [{ token: IkoApiService }, { token: i2$1.WidgetLayoutService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: IkoWidgetFieldComponent, isStandalone: true, selector: "valtimo-iko-widget-field", 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-field\n  [widgetConfiguration]=\"widgetConfiguration$ | async\"\n  [widgetData]=\"widgetData$ | async\"\n>\n</valtimo-widget-field>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: InputModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: CarbonListModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: WidgetFieldComponent, selector: "valtimo-widget-field", inputs: ["widgetConfiguration", "widgetData", "compact"], outputs: ["noVisibleFieldsEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoWidgetFieldComponent, 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: IkoWidgetFieldComponent, isStandalone: true, selector: "valtimo-iko-widget-field", 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-field\n  [widgetConfiguration]=\"widgetConfiguration$ | async\"\n  [widgetData]=\"widgetData$ | async\"\n>\n</valtimo-widget-field>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: InputModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: CarbonListModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: WidgetFieldComponent, selector: "valtimo-widget-field", inputs: ["widgetConfiguration", "widgetData"], outputs: ["noVisibleFieldsEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoWidgetFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoWidgetFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'valtimo-iko-widget-field', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         CommonModule,
@@ -718,20 +759,33 @@ class IkoWidgetFormioComponent {
             return;
         this._widgetConfigurationSubject$.next(value);
     }
+    set widgetParams(value) {
+        this._widgetParams$.next(value);
+    }
     get widgetConfiguration$() {
         return this._widgetConfigurationSubject$.pipe(filter(config => !!config));
     }
-    constructor(layoutService) {
-        this.layoutService = layoutService;
+    constructor(ikoApiService, widgetLayoutService) {
+        this.ikoApiService = ikoApiService;
+        this.widgetLayoutService = widgetLayoutService;
+        this._widgetParams$ = new BehaviorSubject(null);
         this._widgetConfigurationSubject$ = new BehaviorSubject(null);
+        this.widgetData$ = combineLatest([
+            this.widgetConfiguration$,
+            this._widgetParams$,
+        ]).pipe(switchMap(([widgetConfiguration, widgetParams]) => !widgetParams || !widgetConfiguration
+            ? of(null)
+            : this.ikoApiService.getIkoWidgetData(widgetParams.ikoViewKey, widgetParams.tabKey, widgetConfiguration.key, widgetParams.entryId)), tap(() => this.widgetLayoutService.setWidgetDataLoaded(this.widgetUuid)));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoWidgetFormioComponent, deps: [{ token: i2$1.WidgetLayoutService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: IkoWidgetFormioComponent, isStandalone: true, selector: "valtimo-iko-widget-formio", inputs: { widgetConfiguration: "widgetConfiguration", 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-formio\n  [widgetConfiguration]=\"widgetConfiguration$ | async\"\n  [widgetUuid]=\"widgetUuid\"\n>\n</valtimo-widget-formio>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: FormIoModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: WidgetFormioComponent, selector: "valtimo-widget-formio", inputs: ["documentId", "widgetConfiguration", "widgetUuid", "refreshForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoWidgetFormioComponent, 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: IkoWidgetFormioComponent, isStandalone: true, selector: "valtimo-iko-widget-formio", 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-formio\n  *ngIf=\"{\n    widgetConfiguration: widgetConfiguration$ | async,\n    widgetData: widgetData$ | async,\n  } as obs\"\n  [widgetConfiguration]=\"obs.widgetConfiguration\"\n  [widgetData]=\"obs.widgetData\"\n  [widgetUuid]=\"widgetUuid\"\n>\n</valtimo-widget-formio>\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: "ngmodule", type: FormIoModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: WidgetFormioComponent, selector: "valtimo-widget-formio", inputs: ["documentId", "widgetConfiguration", "widgetData", "widgetUuid", "refreshForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoWidgetFormioComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoWidgetFormioComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'valtimo-iko-widget-formio', standalone: true, imports: [CommonModule, TranslateModule, FormIoModule, ButtonModule, WidgetFormioComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-widget-formio\n  [widgetConfiguration]=\"widgetConfiguration$ | async\"\n  [widgetUuid]=\"widgetUuid\"\n>\n</valtimo-widget-formio>\n" }]
-        }], ctorParameters: () => [{ type: i2$1.WidgetLayoutService }], propDecorators: { widgetConfiguration: [{
+            args: [{ selector: 'valtimo-iko-widget-formio', standalone: true, imports: [CommonModule, TranslateModule, FormIoModule, ButtonModule, WidgetFormioComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-widget-formio\n  *ngIf=\"{\n    widgetConfiguration: widgetConfiguration$ | async,\n    widgetData: widgetData$ | async,\n  } as obs\"\n  [widgetConfiguration]=\"obs.widgetConfiguration\"\n  [widgetData]=\"obs.widgetData\"\n  [widgetUuid]=\"widgetUuid\"\n>\n</valtimo-widget-formio>\n" }]
+        }], ctorParameters: () => [{ type: IkoApiService }, { type: i2$1.WidgetLayoutService }], propDecorators: { widgetConfiguration: [{
+                type: Input
+            }], widgetParams: [{
                 type: Input
             }], widgetUuid: [{
                 type: Input
@@ -792,7 +846,7 @@ class IkoWidgetInteractiveTableComponent {
             this.listService.forceRefresh$,
         ]).pipe(switchMap(([widgetConfiguration, widgetParams]) => !widgetParams || !widgetConfiguration
             ? of(null)
-            : this.ikoApiService.getIkoWidgetData(widgetParams.dataAggregateKey, widgetParams.tabKey, widgetConfiguration.key, widgetParams.entryId)), tap(() => this.widgetLayoutService.setWidgetDataLoaded(this.widgetUuid)));
+            : this.ikoApiService.getIkoWidgetData(widgetParams.ikoViewKey, widgetParams.tabKey, widgetConfiguration.key, widgetParams.entryId)), tap(() => this.widgetLayoutService.setWidgetDataLoaded(this.widgetUuid)));
     }
     onPaginationEvent(event) {
         this._queryParams$.next(`page=${event.currentPage - 1}&size=${event.pageLength}`);
@@ -800,17 +854,17 @@ class IkoWidgetInteractiveTableComponent {
     onRowClickEvent(event, widgetConfiguration) {
         this.ikoApiService.handleAction(widgetConfiguration.properties.rowClickAction, event.resolved);
     }
-    onActionEvent(action) {
-        this.ikoApiService.handleAction(action);
+    onActionEvent(action, resolvedData) {
+        this.ikoApiService.handleAction(action, resolvedData);
     }
     onCaseStartEvent(caseDefintion) {
         this.listService.setCaseDefinitionKey(caseDefintion.caseDefinitionKey);
         this.listActionsComponent.startCase();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", 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.15", 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=\"widgetConfiguration$ | async as widgetConfiguration\"\n  [widgetData]=\"widgetData$ | async\"\n  [widgetConfiguration]=\"widgetConfiguration\"\n  (actionEvent)=\"onActionEvent($event)\"\n  (paginationEvent)=\"onPaginationEvent($event)\"\n  (rowClickEvent)=\"onRowClickEvent($event, 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.ɵ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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoWidgetInteractiveTableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoWidgetInteractiveTableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'valtimo-iko-widget-interactive-table', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [
                         CommonModule,
@@ -822,7 +876,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         WidgetInteractiveTableComponent,
                         CaseListActionsComponent,
                         ModalModule,
-                    ], 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=\"widgetConfiguration$ | async as widgetConfiguration\"\n  [widgetData]=\"widgetData$ | async\"\n  [widgetConfiguration]=\"widgetConfiguration\"\n  (actionEvent)=\"onActionEvent($event)\"\n  (paginationEvent)=\"onPaginationEvent($event)\"\n  (rowClickEvent)=\"onRowClickEvent($event, widgetConfiguration)\"\n  (caseStartEvent)=\"onCaseStartEvent($event)\"\n>\n</valtimo-widget-interactive-table>\n\n<valtimo-case-list-actions [navigateAfterSubmit]=\"false\"></valtimo-case-list-actions>\n" }]
+                        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" }]
         }], ctorParameters: () => [{ type: IkoApiService }, { type: i2$1.WidgetLayoutService }, { type: i3.CaseListService }], propDecorators: { listActionsComponent: [{
                 type: ViewChild,
                 args: [CaseListActionsComponent]
@@ -888,7 +943,7 @@ class IkoWidgetTableComponent {
             this._widgetParams$,
         ]).pipe(switchMap(([widgetConfiguration, widgetParams]) => !widgetParams || !widgetConfiguration
             ? of(null)
-            : this.ikoApiService.getIkoWidgetData(widgetParams.dataAggregateKey, widgetParams.tabKey, widgetConfiguration.key, widgetParams.entryId)), tap(() => this.widgetLayoutService.setWidgetDataLoaded(this.widgetUuid)));
+            : this.ikoApiService.getIkoWidgetData(widgetParams.ikoViewKey, widgetParams.tabKey, widgetConfiguration.key, widgetParams.entryId)), tap(() => this.widgetLayoutService.setWidgetDataLoaded(this.widgetUuid)));
     }
     onPaginationEvent(event) {
         this._queryParams$.next(`page=${event.currentPage - 1}&size=${event.pageLength}`);
@@ -896,13 +951,10 @@ class IkoWidgetTableComponent {
     getPageSizeParam(widgetConfiguration) {
         return `size=${widgetConfiguration.properties.defaultPageSize}`;
     }
-    onWidgetActionClick(action) {
-        this.ikoApiService.handleAction(action);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoWidgetTableComponent, deps: [{ token: IkoApiService }, { token: i2$1.WidgetLayoutService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", 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  @if (widgetConfiguration?.actions?.length >= 1) {\n    <button cdsButton=\"ghost\" (click)=\"onWidgetActionClick(widgetConfiguration?.actions[0])\">\n      {{ widgetConfiguration?.actions[0].name }}\n    </button>\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: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: WidgetTableComponent, selector: "valtimo-widget-table", inputs: ["widgetConfiguration", "widgetData"], outputs: ["paginationEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoWidgetTableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoWidgetTableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'valtimo-iko-widget-table', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [
                         CommonModule,
@@ -912,7 +964,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         TranslateModule,
                         ButtonModule,
                         WidgetTableComponent,
-                    ], 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  @if (widgetConfiguration?.actions?.length >= 1) {\n    <button cdsButton=\"ghost\" (click)=\"onWidgetActionClick(widgetConfiguration?.actions[0])\">\n      {{ widgetConfiguration?.actions[0].name }}\n    </button>\n  }\n</valtimo-widget-table>\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<valtimo-widget-table\n  [widgetData]=\"widgetData$ | async\"\n  [widgetConfiguration]=\"widgetConfiguration\"\n  (paginationEvent)=\"onPaginationEvent($event)\"\n>\n</valtimo-widget-table>\n" }]
         }], ctorParameters: () => [{ type: IkoApiService }, { type: i2$1.WidgetLayoutService }], propDecorators: { widgetConfiguration: [{
                 type: Input,
                 args: [{ required: true }]
@@ -938,6 +990,79 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * limitations under the License.
  */
 
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class IkoWidgetMapComponent {
+    set widgetConfiguration(value) {
+        if (!value)
+            return;
+        this.widgetConfiguration$.next(value);
+    }
+    set widgetParams(value) {
+        this._widgetParams$.next(value);
+    }
+    constructor(ikoApiService, widgetLayoutService) {
+        this.ikoApiService = ikoApiService;
+        this.widgetLayoutService = widgetLayoutService;
+        this._widgetParams$ = new BehaviorSubject(null);
+        this.widgetConfiguration$ = new BehaviorSubject(null);
+        this.widgetData$ = combineLatest([
+            this.widgetConfiguration$,
+            this._widgetParams$,
+        ]).pipe(switchMap(([widgetConfiguration, widgetParams]) => !widgetParams || !widgetConfiguration
+            ? of(null)
+            : this.ikoApiService.getIkoWidgetData(widgetParams.ikoViewKey, widgetParams.tabKey, widgetConfiguration.key, widgetParams.entryId)), tap(() => this.widgetLayoutService.setWidgetDataLoaded(this.widgetUuid)));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoWidgetMapComponent, 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: IkoWidgetMapComponent, isStandalone: true, selector: "valtimo-iko-widget-map", 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-map\n  [widgetConfiguration]=\"widgetConfiguration$ | async\"\n  [widgetData]=\"widgetData$ | async\"\n>\n</valtimo-widget-map>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: InputModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: CarbonListModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: WidgetMapComponent, selector: "valtimo-widget-map", inputs: ["widgetConfiguration", "widgetData"], outputs: ["noVisibleMapEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoWidgetMapComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-iko-widget-map', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        CommonModule,
+                        InputModule,
+                        TranslateModule,
+                        CarbonListModule,
+                        ButtonModule,
+                        WidgetMapComponent,
+                    ], 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-map\n  [widgetConfiguration]=\"widgetConfiguration$ | async\"\n  [widgetData]=\"widgetData$ | async\"\n>\n</valtimo-widget-map>\n" }]
+        }], ctorParameters: () => [{ type: IkoApiService }, { type: i2$1.WidgetLayoutService }], propDecorators: { widgetConfiguration: [{
+                type: Input
+            }], widgetParams: [{
+                type: Input
+            }], widgetUuid: [{
+                type: Input
+            }] } });
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
  *
@@ -964,17 +1089,17 @@ class IkoWidgetComponent {
         this.ikoTabService = ikoTabService;
         this.ikoApiService = ikoApiService;
         this.logger = logger;
-        this.dataAggregateKey$ = this.ikoTabService.dataAggregateKey$;
+        this.ikoViewKey$ = this.ikoTabService.ikoViewKey$;
         this.entryId$ = this.ikoTabService.entryId$;
         this._key$ = new BehaviorSubject('');
         this.loading$ = new BehaviorSubject(true);
-        this.widgets$ = combineLatest([this.dataAggregateKey$, this.key$]).pipe(switchMap(([dataAggregateKey, key]) => this.ikoApiService.getIkoWidget(dataAggregateKey, key)));
+        this.widgets$ = combineLatest([this.ikoViewKey$, this.key$]).pipe(switchMap(([ikoViewKey, key]) => this.ikoApiService.getIkoWidget(ikoViewKey, key)));
         this.widgetParams$ = combineLatest([
-            this.dataAggregateKey$,
+            this.ikoViewKey$,
             this.key$,
             this.entryId$,
-        ]).pipe(map$1(([dataAggregateKey, tabKey, entryId]) => ({
-            dataAggregateKey,
+        ]).pipe(map$1(([ikoViewKey, tabKey, entryId]) => ({
+            ikoViewKey,
             entryId,
             tabKey,
         })), tap(widgets => {
@@ -988,14 +1113,15 @@ class IkoWidgetComponent {
             [WidgetType.TABLE]: IkoWidgetTableComponent,
             [WidgetType.INTERACTIVE_TABLE]: IkoWidgetInteractiveTableComponent,
             [WidgetType.COLLECTION]: IkoWidgetCollectionComponent,
+            [WidgetType.MAP]: IkoWidgetMapComponent,
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoWidgetComponent, deps: [{ token: IkoTabService }, { token: IkoApiService }, { token: i1$1.NGXLogger }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: IkoWidgetComponent, isStandalone: true, selector: "ng-component", inputs: { key: "key" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n<valtimo-widget-container\n  [widgets]=\"widgets$ | async\"\n  [widgetComponentMap]=\"widgetComponentMap\"\n  [widgetParams]=\"widgetParams$ | async\"\n>\n</valtimo-widget-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "component", type: WidgetContainerComponent, selector: "valtimo-widget-container", inputs: ["widgets", "widgetComponentMap", "widgetParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoWidgetComponent, deps: [{ token: IkoTabService }, { token: IkoApiService }, { token: i1$1.NGXLogger }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: IkoWidgetComponent, isStandalone: true, selector: "ng-component", inputs: { key: "key" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n<valtimo-widget-container\n  fitPage\n  [spaceAdjustment]=\"-32\"\n  [disableOverflow]=\"true\"\n  class=\"iko-widget-container\"\n  [widgets]=\"widgets$ | async\"\n  [widgetComponentMap]=\"widgetComponentMap\"\n  [widgetParams]=\"widgetParams$ | async\"\n>\n</valtimo-widget-container>\n", styles: [":host ::ng-deep .widgets-container{overflow:hidden}.iko-widget-container{display:flex;flex-direction:column;overflow:auto}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "component", type: WidgetContainerComponent, selector: "valtimo-widget-container", inputs: ["widgets", "widgetComponentMap", "widgetParams"] }, { kind: "directive", type: FitPageDirective, selector: "[fitPage]", inputs: ["spaceAdjustment", "disabled", "disableOverflow"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoWidgetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoWidgetComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, WidgetContainerComponent], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n<valtimo-widget-container\n  [widgets]=\"widgets$ | async\"\n  [widgetComponentMap]=\"widgetComponentMap\"\n  [widgetParams]=\"widgetParams$ | async\"\n>\n</valtimo-widget-container>\n" }]
+            args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, WidgetContainerComponent, FitPageDirective], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n<valtimo-widget-container\n  fitPage\n  [spaceAdjustment]=\"-32\"\n  [disableOverflow]=\"true\"\n  class=\"iko-widget-container\"\n  [widgets]=\"widgets$ | async\"\n  [widgetComponentMap]=\"widgetComponentMap\"\n  [widgetParams]=\"widgetParams$ | async\"\n>\n</valtimo-widget-container>\n", styles: [":host ::ng-deep .widgets-container{overflow:hidden}.iko-widget-container{display:flex;flex-direction:column;overflow:auto}\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: IkoTabService }, { type: IkoApiService }, { type: i1$1.NGXLogger }], propDecorators: { key: [{
                 type: Input
             }] } });
@@ -1064,7 +1190,7 @@ class IkoDetailsComponent {
                 href: `/iko/${params.key}/${params.searchKey}`,
                 routeExtras: { queryParams },
             });
-            this.ikoTabService.setDataAggregateKey(params.key);
+            this.ikoTabService.setIkoViewKey(params.key);
             this.ikoTabService.setEntryId(params.id);
         }), switchMap(([params]) => this.ikoApiService.getIkoDetailTabs(params.key)), tap((tabs) => this.ikoTabService.setActiveTab(tabs[0])));
     }
@@ -1079,13 +1205,13 @@ class IkoDetailsComponent {
         const componentRef = this._container.createComponent(TabComponentTypes[tab.type]);
         componentRef.instance.key = tab.key;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoDetailsComponent, deps: [{ token: i1$2.BreadcrumbService }, { token: IkoApiService }, { token: IkoTabService }, { token: i1$2.PageTitleService }, { token: i3$1.ActivatedRoute }, { token: i3$2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: IkoDetailsComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "_container", first: true, predicate: ["content"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{tabs: tabs$ | async, activeTabKey: activeTabKey$ | async} as obs\"\n  renderInPageHeader\n>\n  <ng-template>\n    <cds-tabs class=\"valtimo-iko-details\">\n      @for (tab of obs.tabs; track tab.key) {\n        <cds-tab\n          [active]=\"obs.activeTabKey === tab.key\"\n          [heading]=\"tab.title\"\n          (selected)=\"onTabSelected(tab)\"\n        >\n        </cds-tab>\n      }\n    </cds-tabs>\n  </ng-template>\n</ng-container>\n\n<ng-container #content></ng-container>\n", styles: ["::ng-deep .page-actions{margin-left:unset!important}.valtimo-iko-details ::ng-deep .cds--tab-content{display:none}\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: 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: "directive", type: RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoDetailsComponent, deps: [{ token: i2$2.BreadcrumbService }, { token: IkoApiService }, { token: IkoTabService }, { token: i2$2.PageTitleService }, { token: i1$2.ActivatedRoute }, { token: i5.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: IkoDetailsComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "_container", first: true, predicate: ["content"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{tabs: tabs$ | async, activeTabKey: activeTabKey$ | async} as obs\"\n  renderInPageHeader\n>\n  <ng-template>\n    <cds-tabs class=\"valtimo-iko-details\">\n      @for (tab of obs.tabs; track tab.key) {\n        <cds-tab\n          [active]=\"obs.activeTabKey === tab.key\"\n          [heading]=\"tab.title\"\n          (selected)=\"onTabSelected(tab)\"\n        >\n        </cds-tab>\n      }\n    </cds-tabs>\n  </ng-template>\n</ng-container>\n\n<ng-container #content></ng-container>\n", styles: ["::ng-deep .page-actions{margin-left:unset!important}.valtimo-iko-details ::ng-deep .cds--tab-content{display:none}\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: 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: "directive", type: RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoDetailsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoDetailsComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, TabsModule, RenderInPageHeaderDirective, ...[IkoTabComponents]], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{tabs: tabs$ | async, activeTabKey: activeTabKey$ | async} as obs\"\n  renderInPageHeader\n>\n  <ng-template>\n    <cds-tabs class=\"valtimo-iko-details\">\n      @for (tab of obs.tabs; track tab.key) {\n        <cds-tab\n          [active]=\"obs.activeTabKey === tab.key\"\n          [heading]=\"tab.title\"\n          (selected)=\"onTabSelected(tab)\"\n        >\n        </cds-tab>\n      }\n    </cds-tabs>\n  </ng-template>\n</ng-container>\n\n<ng-container #content></ng-container>\n", styles: ["::ng-deep .page-actions{margin-left:unset!important}.valtimo-iko-details ::ng-deep .cds--tab-content{display:none}\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.BreadcrumbService }, { type: IkoApiService }, { type: IkoTabService }, { type: i1$2.PageTitleService }, { type: i3$1.ActivatedRoute }, { type: i3$2.TranslateService }], propDecorators: { _container: [{
+        }], ctorParameters: () => [{ type: i2$2.BreadcrumbService }, { type: IkoApiService }, { type: IkoTabService }, { type: i2$2.PageTitleService }, { type: i1$2.ActivatedRoute }, { type: i5.TranslateService }], propDecorators: { _container: [{
                 type: ViewChild,
                 args: ['content', { read: ViewContainerRef, static: true }]
             }] } });
@@ -1123,7 +1249,7 @@ class IkoListComponent {
                 content: currentMenuItem?.title ?? '',
                 href: `/iko/${params.key}`,
             });
-            return this.ikoApiService.searchIkoDataRequest(params.key, params.searchKey, {
+            return this.ikoApiService.searchIkoSearchAction(params.key, params.searchKey, {
                 filters: queryParams,
             });
         }), map$1(res => ({
@@ -1154,13 +1280,13 @@ class IkoListComponent {
             queryParamsHandling: 'preserve',
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoListComponent, deps: [{ token: i1$2.BreadcrumbService }, { token: IkoApiService }, { token: i3$1.ActivatedRoute }, { token: i3$1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: IkoListComponent, isStandalone: true, selector: "valtimo-iko-list", 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-carbon-list\n  *ngIf=\"{\n    listConfig: listConfig$ | async,\n    loading: loading$ | async,\n  } as obs\"\n  [fields]=\"obs.listConfig?.fields\"\n  [items]=\"obs.listConfig?.items\"\n  [loading]=\"obs.loading\"\n  [hideToolbar]=\"true\"\n  (rowClicked)=\"onRowClicked($event)\"\n></valtimo-carbon-list>\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: "component", type: i1$2.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoListComponent, deps: [{ token: i2$2.BreadcrumbService }, { token: IkoApiService }, { token: i1$2.ActivatedRoute }, { token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: IkoListComponent, isStandalone: true, selector: "valtimo-iko-list", 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-carbon-list\n  *ngIf=\"{\n    listConfig: listConfig$ | async,\n    loading: loading$ | async,\n  } as obs\"\n  [fields]=\"obs.listConfig?.fields\"\n  [items]=\"obs.listConfig?.items\"\n  [loading]=\"obs.loading\"\n  [hideToolbar]=\"true\"\n  (rowClicked)=\"onRowClicked($event)\"\n>\n  <valtimo-no-results\n    title=\"{{ 'ikoManagement.search.noResultsTitle' | translate }}\"\n    illustration=\"valtimo-layout/img/emptystate-no-result.svg\"\n    description=\"{{ 'ikoManagement.search.noResultsDescription' | translate }}\"\n  ></valtimo-no-results>\n</valtimo-carbon-list>\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: "component", type: i2$2.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i2$2.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'valtimo-iko-list', standalone: true, imports: [CommonModule, CarbonListModule], 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-carbon-list\n  *ngIf=\"{\n    listConfig: listConfig$ | async,\n    loading: loading$ | async,\n  } as obs\"\n  [fields]=\"obs.listConfig?.fields\"\n  [items]=\"obs.listConfig?.items\"\n  [loading]=\"obs.loading\"\n  [hideToolbar]=\"true\"\n  (rowClicked)=\"onRowClicked($event)\"\n></valtimo-carbon-list>\n" }]
-        }], ctorParameters: () => [{ type: i1$2.BreadcrumbService }, { type: IkoApiService }, { type: i3$1.ActivatedRoute }, { type: i3$1.Router }] });
+            args: [{ selector: 'valtimo-iko-list', standalone: true, imports: [CommonModule, CarbonListModule, TranslatePipe], 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-carbon-list\n  *ngIf=\"{\n    listConfig: listConfig$ | async,\n    loading: loading$ | async,\n  } as obs\"\n  [fields]=\"obs.listConfig?.fields\"\n  [items]=\"obs.listConfig?.items\"\n  [loading]=\"obs.loading\"\n  [hideToolbar]=\"true\"\n  (rowClicked)=\"onRowClicked($event)\"\n>\n  <valtimo-no-results\n    title=\"{{ 'ikoManagement.search.noResultsTitle' | translate }}\"\n    illustration=\"valtimo-layout/img/emptystate-no-result.svg\"\n    description=\"{{ 'ikoManagement.search.noResultsDescription' | translate }}\"\n  ></valtimo-no-results>\n</valtimo-carbon-list>\n" }]
+        }], ctorParameters: () => [{ type: i2$2.BreadcrumbService }, { type: IkoApiService }, { type: i1$2.ActivatedRoute }, { type: i1$2.Router }] });
 
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
@@ -1187,8 +1313,9 @@ class PropertiesFormComponent {
     set prefillData(value) {
         this.$prefillData.set(value ?? {});
     }
-    constructor(fb) {
+    constructor(fb, iconService) {
         this.fb = fb;
+        this.iconService = iconService;
         this.$fields = signal([]);
         this.$prefillData = signal({});
         this.$selectItems = computed(() => this.$fields()
@@ -1208,6 +1335,7 @@ class PropertiesFormComponent {
             const { prefill, fields } = this.combined();
             this.mapPrefillDataToForm(prefill, fields);
         });
+        this.iconService.registerAll([Information16]);
     }
     getFa(key) {
         return this.propertiesFormGroup.get(key);
@@ -1273,10 +1401,10 @@ class PropertiesFormComponent {
             value: fb.control('', required ? Validators.required : []),
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: PropertiesFormComponent, deps: [{ token: i1$3.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", 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 (propertyField.type === 'text' ||\n      propertyField.type === 'url' ||\n      propertyField.type === 'integer') {\n        <cds-label>\n          {{ propertyField.title }}\n          <input\n            [formControlName]=\"propertyField.key\"\n            cdsText\n            cdsLayer\n            [placeholder]=\"propertyField.title\"\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            [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\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}fieldset{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: i1$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"] }] }); }
+    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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: PropertiesFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PropertiesFormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'valtimo-iko-management-properties', standalone: true, imports: [
                         CommonModule,
@@ -1287,8 +1415,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         IconModule,
                         LayerModule,
                         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<form [formGroup]=\"propertiesFormGroup\">\n  @for (propertyField of $fields(); track propertyField.key) {\n    @switch (true) {\n      @case (propertyField.type === 'text' ||\n      propertyField.type === 'url' ||\n      propertyField.type === 'integer') {\n        <cds-label>\n          {{ propertyField.title }}\n          <input\n            [formControlName]=\"propertyField.key\"\n            cdsText\n            cdsLayer\n            [placeholder]=\"propertyField.title\"\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            [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\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}fieldset{display:flex;gap:16px}::ng-deep label{width:100%}\n"] }]
-        }], ctorParameters: () => [{ type: i1$3.FormBuilder }], propDecorators: { propertiesFormGroup: [{
+                        TooltipModule,
+                    ], 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"] }]
+        }], ctorParameters: () => [{ type: i1$3.FormBuilder }, { type: i6.IconService }], propDecorators: { propertiesFormGroup: [{
                 type: Input,
                 args: [{ required: true }]
             }], fields: [{
@@ -1308,10 +1437,16 @@ class IkoManagementRepositoryModalComponent {
     }
     set prefillData(value) {
         this.$prefillData.set(value);
-        if (!value)
-            return;
         this.formGroup.patchValue(value);
-        this.formGroup.get('key')?.disable();
+    }
+    set modalMode(value) {
+        this._modalMode = value;
+    }
+    get modalMode() {
+        return this._modalMode;
+    }
+    get title() {
+        return this.formGroup.get('title');
     }
     constructor(fb, ikoManagementApiService, configService) {
         this.fb = fb;
@@ -1323,6 +1458,9 @@ class IkoManagementRepositoryModalComponent {
         this.enableIkoType = false;
         this.disabled$ = new BehaviorSubject(true);
         this._ikoRepositoryTypes$ = this.ikoManagementApiService.getIkoRepositoryTypes();
+        this.usedKeys$ = this.ikoManagementApiService
+            .getIkoRepositoryConfigs()
+            .pipe(map$1(response => response.content.map(c => c.key)));
         this.ikoRepositoryTypeSelectItems$ = this._ikoRepositoryTypes$.pipe(map$1(types => Object.keys(types).map(typeKey => ({ id: typeKey, text: types[typeKey] }))), tap(() => {
             this.disabled$.next(false);
         }));
@@ -1359,19 +1497,13 @@ class IkoManagementRepositoryModalComponent {
     }
     resetForm() {
         setTimeout(() => {
-            this.formGroup.reset({
-                title: '',
-                key: '',
-                type: 'iko',
-                properties: {},
-            });
-            this.formGroup.get('key')?.enable();
+            this.formGroup.reset();
         }, CARBON_CONSTANTS.modalAnimationMs);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", 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.15", type: IkoManagementRepositoryModalComponent, isStandalone: true, selector: "valtimo-iko-management-repository-modal", inputs: { open: "open", prefillData: "prefillData" }, outputs: { modalClose: "modalClose" }, ngImport: i0, template: "<cds-modal valtimoCdsModal [open]=\"open$ | async\" size=\"sm\" showFooter=\"true\" (close)=\"onCancel()\">\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCancel()\">\n    <h3 cdsModalHeaderHeading>Add view</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    <cds-label [invalid]=\"getControlInvalid('key')\">\n      {{ 'ikoManagement.keyTitle' | translate }}\n\n      <input\n        [invalid]=\"getControlInvalid('key')\"\n        formControlName=\"key\"\n        cdsText\n        placeholder=\"{{ 'ikoManagement.keyPlaceholder' | translate }}\"\n      />\n    </cds-label>\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\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: i3$2.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: i1$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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementRepositoryModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoManagementRepositoryModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'valtimo-iko-management-repository-modal', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         CommonModule,
@@ -1385,11 +1517,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         PropertiesFormComponent,
                         SelectModule,
                         LayerModule,
-                    ], template: "<cds-modal valtimoCdsModal [open]=\"open$ | async\" size=\"sm\" showFooter=\"true\" (close)=\"onCancel()\">\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCancel()\">\n    <h3 cdsModalHeaderHeading>Add view</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    <cds-label [invalid]=\"getControlInvalid('key')\">\n      {{ 'ikoManagement.keyTitle' | translate }}\n\n      <input\n        [invalid]=\"getControlInvalid('key')\"\n        formControlName=\"key\"\n        cdsText\n        placeholder=\"{{ 'ikoManagement.keyPlaceholder' | translate }}\"\n      />\n    </cds-label>\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\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"] }]
+                        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"] }]
         }], ctorParameters: () => [{ type: i1$3.FormBuilder }, { type: IkoManagementApiService }, { type: i2.ConfigService }], propDecorators: { open: [{
                 type: Input
             }], prefillData: [{
                 type: Input
+            }], modalMode: [{
+                type: Input
             }], modalClose: [{
                 type: Output
             }] } });
@@ -1417,6 +1552,7 @@ class IkoManagementApiComponent {
         this.$modalOpen = signal(false);
         this.$prefillData = signal(null);
         this.$keyToDelete = signal(null);
+        this.$modalMode = signal('add');
         this.showDeleteModal$ = new BehaviorSubject(false);
         this.disabled$ = new BehaviorSubject(true);
         this.loading$ = new BehaviorSubject(true);
@@ -1454,17 +1590,17 @@ class IkoManagementApiComponent {
         this.router.navigate(['iko-management', event.key]);
     }
     openModal() {
+        this.$modalMode.set('add');
         this.$modalOpen.set(true);
     }
     closeModal(item) {
         this.$modalOpen.set(false);
         this.disable();
-        const prefillData = this.$prefillData();
         this.$prefillData.set(null);
         if (!item)
             return;
         let saveObservable;
-        if (prefillData !== null) {
+        if (this.$modalMode() === 'edit') {
             saveObservable = this.ikoManagementApiService.updateIkoRepositoryConfig(item.key, item);
         }
         else {
@@ -1479,6 +1615,7 @@ class IkoManagementApiComponent {
         });
     }
     onEditClick(item) {
+        this.$modalMode.set('edit');
         this.$prefillData.set(item);
         this.$modalOpen.set(true);
     }
@@ -1501,10 +1638,10 @@ class IkoManagementApiComponent {
         this.loading$.next(true);
         this._reload$.next(null);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementApiComponent, deps: [{ token: IkoManagementApiService }, { token: i1$2.PageTitleService }, { token: i3$1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: IkoManagementApiComponent, isStandalone: true, selector: "valtimo-iko-management-api", 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-carbon-list\n  [actionItems]=\"ACTION_ITEMS\"\n  [fields]=\"FIELDS\"\n  [items]=\"apiConfigs$ | async\"\n  [loading]=\"loading$ | async\"\n  (rowClicked)=\"onRowClicked($event)\"\n>\n  <ng-container carbonToolbarContent [ngTemplateOutlet]=\"addViewButton\"></ng-container>\n\n  <valtimo-no-results\n    [action]=\"addViewButton\"\n    [description]=\"'ikoManagement.views.noResultsDescription' | translate\"\n    [title]=\"'ikoManagement.views.noResultsTitle' | translate\"\n  ></valtimo-no-results>\n</valtimo-carbon-list>\n\n<ng-template #addViewButton>\n  <button cdsButton=\"primary\" (click)=\"openModal()\">\n    {{ 'ikoManagement.addApiConfig' | translate }}\n\n    <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n  </button>\n</ng-template>\n\n<valtimo-iko-management-repository-modal\n  [open]=\"$modalOpen()\"\n  [prefillData]=\"$prefillData()\"\n  (modalClose)=\"closeModal($event)\"\n></valtimo-iko-management-repository-modal>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"ikoManagement.views.deleteContent\"\n  [outputOnConfirm]=\"$keyToDelete()\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"interface.delete\"\n  (confirmEvent)=\"onDeleteConfirm($event)\"\n></valtimo-confirmation-modal>\n", styles: [".iko-api-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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i1$2.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i1$2.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: TabsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ModalModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { 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: "ngmodule", type: InputModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: LayerModule }, { kind: "ngmodule", type: SelectModule }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i1$2.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }, { kind: "component", type: IkoManagementRepositoryModalComponent, selector: "valtimo-iko-management-repository-modal", inputs: ["open", "prefillData"], outputs: ["modalClose"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoManagementApiComponent, deps: [{ token: IkoManagementApiService }, { token: i2$2.PageTitleService }, { token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: IkoManagementApiComponent, isStandalone: true, selector: "valtimo-iko-management-api", 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-carbon-list\n  [actionItems]=\"ACTION_ITEMS\"\n  [fields]=\"FIELDS\"\n  [items]=\"apiConfigs$ | async\"\n  [loading]=\"loading$ | async\"\n  (rowClicked)=\"onRowClicked($event)\"\n>\n  <ng-container carbonToolbarContent [ngTemplateOutlet]=\"addViewButton\"></ng-container>\n\n  <valtimo-no-results\n    [action]=\"addViewButton\"\n    [description]=\"'ikoManagement.views.noResultsDescription' | translate\"\n    [title]=\"'ikoManagement.views.noResultsTitle' | translate\"\n  ></valtimo-no-results>\n</valtimo-carbon-list>\n\n<ng-template #addViewButton>\n  <button cdsButton=\"primary\" (click)=\"openModal()\">\n    {{ 'ikoManagement.addApiConfig' | translate }}\n\n    <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n  </button>\n</ng-template>\n\n<valtimo-iko-management-repository-modal\n  [open]=\"$modalOpen()\"\n  [prefillData]=\"$prefillData()\"\n  [modalMode]=\"$modalMode()\"\n  (modalClose)=\"closeModal($event)\"\n></valtimo-iko-management-repository-modal>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"ikoManagement.views.deleteContent\"\n  [outputOnConfirm]=\"$keyToDelete()\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"interface.delete\"\n  (confirmEvent)=\"onDeleteConfirm($event)\"\n></valtimo-confirmation-modal>\n", styles: [".iko-api-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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i2$2.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i2$2.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: TabsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ModalModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { 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: "ngmodule", type: InputModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: LayerModule }, { kind: "ngmodule", type: SelectModule }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i2$2.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }, { kind: "component", type: IkoManagementRepositoryModalComponent, selector: "valtimo-iko-management-repository-modal", inputs: ["open", "prefillData", "modalMode"], outputs: ["modalClose"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementApiComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoManagementApiComponent, decorators: [{
             type: Component,
             args: [{ selector: 'valtimo-iko-management-api', standalone: true, imports: [
                         CommonModule,
@@ -1522,8 +1659,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         SelectModule,
                         ConfirmationModalModule,
                         IkoManagementRepositoryModalComponent,
-                    ], 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-carbon-list\n  [actionItems]=\"ACTION_ITEMS\"\n  [fields]=\"FIELDS\"\n  [items]=\"apiConfigs$ | async\"\n  [loading]=\"loading$ | async\"\n  (rowClicked)=\"onRowClicked($event)\"\n>\n  <ng-container carbonToolbarContent [ngTemplateOutlet]=\"addViewButton\"></ng-container>\n\n  <valtimo-no-results\n    [action]=\"addViewButton\"\n    [description]=\"'ikoManagement.views.noResultsDescription' | translate\"\n    [title]=\"'ikoManagement.views.noResultsTitle' | translate\"\n  ></valtimo-no-results>\n</valtimo-carbon-list>\n\n<ng-template #addViewButton>\n  <button cdsButton=\"primary\" (click)=\"openModal()\">\n    {{ 'ikoManagement.addApiConfig' | translate }}\n\n    <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n  </button>\n</ng-template>\n\n<valtimo-iko-management-repository-modal\n  [open]=\"$modalOpen()\"\n  [prefillData]=\"$prefillData()\"\n  (modalClose)=\"closeModal($event)\"\n></valtimo-iko-management-repository-modal>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"ikoManagement.views.deleteContent\"\n  [outputOnConfirm]=\"$keyToDelete()\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"interface.delete\"\n  (confirmEvent)=\"onDeleteConfirm($event)\"\n></valtimo-confirmation-modal>\n", styles: [".iko-api-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$2.PageTitleService }, { type: i3$1.Router }] });
+                    ], 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-carbon-list\n  [actionItems]=\"ACTION_ITEMS\"\n  [fields]=\"FIELDS\"\n  [items]=\"apiConfigs$ | async\"\n  [loading]=\"loading$ | async\"\n  (rowClicked)=\"onRowClicked($event)\"\n>\n  <ng-container carbonToolbarContent [ngTemplateOutlet]=\"addViewButton\"></ng-container>\n\n  <valtimo-no-results\n    [action]=\"addViewButton\"\n    [description]=\"'ikoManagement.views.noResultsDescription' | translate\"\n    [title]=\"'ikoManagement.views.noResultsTitle' | translate\"\n  ></valtimo-no-results>\n</valtimo-carbon-list>\n\n<ng-template #addViewButton>\n  <button cdsButton=\"primary\" (click)=\"openModal()\">\n    {{ 'ikoManagement.addApiConfig' | translate }}\n\n    <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n  </button>\n</ng-template>\n\n<valtimo-iko-management-repository-modal\n  [open]=\"$modalOpen()\"\n  [prefillData]=\"$prefillData()\"\n  [modalMode]=\"$modalMode()\"\n  (modalClose)=\"closeModal($event)\"\n></valtimo-iko-management-repository-modal>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"ikoManagement.views.deleteContent\"\n  [outputOnConfirm]=\"$keyToDelete()\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"interface.delete\"\n  (confirmEvent)=\"onDeleteConfirm($event)\"\n></valtimo-confirmation-modal>\n", styles: [".iko-api-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: i2$2.PageTitleService }, { type: i1$2.Router }] });
 
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
@@ -1639,13 +1776,14 @@ var SearchFieldDataType;
     SearchFieldDataType["DATETIME"] = "datetime";
     SearchFieldDataType["TIME"] = "time";
     SearchFieldDataType["BOOLEAN"] = "boolean";
+    SearchFieldDataType["BSN"] = "bsn";
 })(SearchFieldDataType || (SearchFieldDataType = {}));
 var SearchFieldFieldType;
 (function (SearchFieldFieldType) {
     SearchFieldFieldType["SINGLE"] = "single";
     SearchFieldFieldType["RANGE"] = "range";
-    SearchFieldFieldType["SINGLE_SELECT_DROPDOWN"] = "single_select_dropdown";
-    SearchFieldFieldType["MULTI_SELECT_DROPDOWN"] = "multi_select_dropdown";
+    SearchFieldFieldType["SINGLE_SELECT_DROPDOWN"] = "single-select-dropdown";
+    SearchFieldFieldType["MULTI_SELECT_DROPDOWN"] = "multi-select-dropdown";
 })(SearchFieldFieldType || (SearchFieldFieldType = {}));
 var SearchFieldMatchType;
 (function (SearchFieldMatchType) {
@@ -1690,13 +1828,23 @@ var SearchDropdownDataProvider;
  * limitations under the License.
  */
 class IkoManagementSearchFieldModalComponent {
+    set modalMode(value) {
+        this._modalMode = value;
+    }
+    get modalMode() {
+        return this._modalMode;
+    }
     set prefillData(value) {
         this._prefillData = value;
+        this.$selectedKey.set(value?.key);
         this.setPrefilledForm(value);
     }
     get prefillData() {
         return this._prefillData;
     }
+    get title() {
+        return this.formGroup.get('title');
+    }
     get dataType() {
         return this.formGroup.get('dataType');
     }
@@ -1748,6 +1896,9 @@ class IkoManagementSearchFieldModalComponent {
         this.iconService = iconService;
         this.fb = fb;
         this.translateService = translateService;
+        this.usedKeys = [];
+        this._modalMode = 'add';
+        this.$selectedKey = signal('');
         this.closeEvent = new EventEmitter();
         this.formGroup = this.fb.group({
             key: this.fb.control('', Validators.required),
@@ -1804,6 +1955,10 @@ class IkoManagementSearchFieldModalComponent {
                 content: this.translateService.instant('searchFields.time'),
                 id: SearchFieldDataType.TIME,
             },
+            {
+                content: this.translateService.instant('searchFields.bsn'),
+                id: SearchFieldDataType.BSN,
+            },
         ].map(item => ({ ...item, selected: item.id === dataTypeValue?.id }))));
         this.fieldTypeItems$ = combineLatest([
             this._dataTypeValue$.pipe(distinctUntilChanged()),
@@ -1838,10 +1993,6 @@ class IkoManagementSearchFieldModalComponent {
                 content: this.translateService.instant('searchFieldsOverview.dropdownDatabaseDataProvider'),
                 id: SearchDropdownDataProvider.DATABASE,
             },
-            {
-                content: this.translateService.instant('searchFieldsOverview.dropdownJsonFileDataProvider'),
-                id: SearchDropdownDataProvider.JSON,
-            },
         ].map(item => ({ ...item, selected: item.id === dataProviderValue?.id }))));
         this.matchTypeItems$ = this.translateService
             .stream('key')
@@ -1986,10 +2137,10 @@ class IkoManagementSearchFieldModalComponent {
             this.formGroup.enable();
         }, CARBON_CONSTANTS.modalAnimationMs);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementSearchFieldModalComponent, deps: [{ token: i6.IconService }, { token: i1$3.FormBuilder }, { token: i3$2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: IkoManagementSearchFieldModalComponent, isStandalone: true, selector: "valtimo-iko-management-search-field-modal", inputs: { open: "open", 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      <v-input-label\n        [title]=\"'searchFieldsOverview.key' | translate\"\n        [tooltip]=\"'searchFieldsOverviewTooltips.key' | translate\"\n      >\n      </v-input-label>\n\n      <input cdsLayer data-testid=\"iko-search-key\" cdsText type=\"text\" formControlName=\"key\" />\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: i1$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: i3$2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementSearchFieldModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoManagementSearchFieldModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'valtimo-iko-management-search-field-modal', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         ButtonModule,
@@ -2002,10 +2153,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         ReactiveFormsModule,
                         TranslateModule,
                         ValtimoCdsModalDirective,
-                    ], 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      <v-input-label\n        [title]=\"'searchFieldsOverview.key' | translate\"\n        [tooltip]=\"'searchFieldsOverviewTooltips.key' | translate\"\n      >\n      </v-input-label>\n\n      <input cdsLayer data-testid=\"iko-search-key\" cdsText type=\"text\" formControlName=\"key\" />\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"] }]
-        }], ctorParameters: () => [{ type: i6.IconService }, { type: i1$3.FormBuilder }, { type: i3$2.TranslateService }], propDecorators: { open: [{
+                        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"] }]
+        }], ctorParameters: () => [{ type: i6.IconService }, { type: i1$3.FormBuilder }, { type: i5.TranslateService }], propDecorators: { open: [{
                 type: Input,
                 args: [{ required: true }]
+            }], usedKeys: [{
+                type: Input
+            }], modalMode: [{
+                type: Input
             }], prefillData: [{
                 type: Input
             }], closeEvent: [{
@@ -2034,6 +2190,7 @@ class IkoManagementSearchFieldsComponent {
         this.pageTitleService = pageTitleService;
         this.route = route;
         this.translateService = translateService;
+        this.$modalMode = signal('add');
         this._refresh$ = new BehaviorSubject(null);
         this.params$ = this.route.params.pipe(map$1((params) => ({
             apiKey: params.apiKey,
@@ -2042,6 +2199,7 @@ class IkoManagementSearchFieldsComponent {
             tabKey: params.tabKey,
         })));
         this.loading$ = new BehaviorSubject(true);
+        this.usedKeys$ = new BehaviorSubject([]);
         this.searchFields$ = combineLatest([
             this.params$,
             this.translateService.stream('key'),
@@ -2050,12 +2208,16 @@ class IkoManagementSearchFieldsComponent {
             ...field,
             dataTypeText: this.translateService.instant(`searchFields.${field.dataType}`),
             fieldTypeText: this.translateService.instant(`searchFieldsOverview.${field.fieldType}`),
-        }))), tap(() => this.loading$.next(false)));
+        }))), tap(content => {
+            const keys = content?.map(item => item.key) ?? [];
+            this.usedKeys$.next(keys);
+            this.loading$.next(false);
+        }));
         this.deleteModalOpen$ = new BehaviorSubject(false);
-        this.deleteFieldKey$ = new BehaviorSubject(null);
+        this.deleteField$ = new BehaviorSubject(null);
         this.fieldModalOpen$ = new BehaviorSubject(false);
         this.prefillData$ = new BehaviorSubject(null);
-        this._searchAction$ = this.params$.pipe(switchMap((params) => this.ikoManagementApiService.getIkoDataRequest(params.aggregateKey, params.actionKey)));
+        this._searchAction$ = this.params$.pipe(switchMap((params) => this.ikoManagementApiService.getIkoSearchAction(params.aggregateKey, params.actionKey)));
         this._ikoRepositoryConfig$ = this.params$.pipe(switchMap((params) => this.ikoManagementApiService.getIkoRepositoryConfig(params.apiKey)));
         this.FIELDS = [
             {
@@ -2118,29 +2280,59 @@ class IkoManagementSearchFieldsComponent {
             .subscribe();
     }
     openAddModal() {
+        this.$modalMode.set('add');
         this.fieldModalOpen$.next(true);
     }
     deleteSearchField(field) {
-        this.deleteFieldKey$.next(field.key);
+        this.deleteField$.next(field);
         this.deleteModalOpen$.next(true);
     }
     editSearchField(field) {
+        if (!!field.dropdownDataProvider) {
+            this.params$
+                .pipe(switchMap((params) => this.ikoManagementApiService.getDropdownData(field.dropdownDataProvider, params.aggregateKey, params.actionKey, field.key)), take(1))
+                .subscribe(dropdownValues => {
+                field.dropdownValues = dropdownValues;
+                this.prefillData$.next(field);
+                this.fieldModalOpen$.next(true);
+            });
+            return;
+        }
+        this.$modalMode.set('edit');
         this.prefillData$.next(field);
         this.fieldModalOpen$.next(true);
     }
-    onDeleteSearchField(key) {
+    onDeleteSearchField(field) {
         this.params$
-            .pipe(switchMap((params) => this.ikoManagementApiService.deleteIkoSearchField(params.aggregateKey, params.actionKey, key)))
+            .pipe(switchMap((params) => {
+            const dropdown$ = field.dropdownDataProvider
+                ? this.ikoManagementApiService
+                    .deleteDropdownData(field.dropdownDataProvider, params.aggregateKey, params.actionKey, field.key)
+                    .pipe(map$1(result => ({ params, dropdownResult: result })))
+                : of({ params, dropdownResult: null });
+            return dropdown$.pipe(switchMap(({ params }) => this.ikoManagementApiService.deleteIkoSearchField(params.aggregateKey, params.actionKey, field.key)));
+        }))
             .subscribe(() => this._refresh$.next(null));
+        this.prefillData$.next(null);
     }
     onModalClose(field) {
         this.fieldModalOpen$.next(false);
+        this.prefillData$.next(null);
         if (!field)
             return;
+        const hasDropdownValues = field.fieldType === SearchFieldFieldType.SINGLE_SELECT_DROPDOWN ||
+            field.fieldType === SearchFieldFieldType.MULTI_SELECT_DROPDOWN;
         this.params$
-            .pipe(switchMap((params) => this.prefillData$.getValue() === null
-            ? this.ikoManagementApiService.createIkoSearchField(params.aggregateKey, params.actionKey, field.key, field)
-            : this.ikoManagementApiService.updateIkoSearchField(params.aggregateKey, params.actionKey, field.key, field)))
+            .pipe(switchMap((params) => {
+            const save$ = this.$modalMode() === 'add'
+                ? this.ikoManagementApiService.createIkoSearchField(params.aggregateKey, params.actionKey, field.key, field)
+                : this.ikoManagementApiService.updateIkoSearchField(params.aggregateKey, params.actionKey, field.key, field);
+            return save$.pipe(map$1(result => ({ result, params })));
+        }), switchMap(({ result, params }) => {
+            if (!hasDropdownValues)
+                return of(result);
+            return this.ikoManagementApiService.postDropdownData(field.dropdownDataProvider ?? '', params.aggregateKey, params.actionKey, field.key, field.dropdownValues ?? {});
+        }))
             .subscribe(() => this._refresh$.next(null));
     }
     setBreadcrumbs() {
@@ -2161,10 +2353,10 @@ class IkoManagementSearchFieldsComponent {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementSearchFieldsComponent, deps: [{ token: i1$2.BreadcrumbService }, { token: IkoManagementApiService }, { token: i1$2.PageTitleService }, { token: i3$1.ActivatedRoute }, { token: i3$2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: IkoManagementSearchFieldsComponent, isStandalone: true, selector: "valtimo-iko-management-search-fields", 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 (params$ | async; as params) {\n  <valtimo-carbon-list\n    [actionItems]=\"ACTION_ITEMS\"\n    [dragAndDrop]=\"true\"\n    [fields]=\"FIELDS\"\n    [items]=\"searchFields$ | async\"\n    [loading]=\"loading$ | async\"\n    (itemsReordered)=\"onItemsReordered($event, params)\"\n    (rowClicked)=\"editSearchField($event)\"\n  >\n    <div carbonToolbarContent>\n      <ng-container [ngTemplateOutlet]=\"addFieldButton\"></ng-container>\n    </div>\n\n    <valtimo-no-results\n      [action]=\"addFieldButton\"\n      [description]=\"'ikoManagement.searchFields.noResultsDescription' | translate\"\n      [title]=\"'ikoManagement.searchFields.noResultsTitle' | translate\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n}\n\n<valtimo-iko-management-search-field-modal\n  [open]=\"fieldModalOpen$ | async\"\n  [prefillData]=\"prefillData$ | async\"\n  (closeEvent)=\"onModalClose($event)\"\n></valtimo-iko-management-search-field-modal>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"ikoManagement.searchFields.deleteModalText\"\n  [outputOnConfirm]=\"deleteFieldKey$ | async\"\n  [showModalSubject$]=\"deleteModalOpen$\"\n  titleTranslationKey=\"interface.delete\"\n  (confirmEvent)=\"onDeleteSearchField($event)\"\n></valtimo-confirmation-modal>\n\n<ng-template #addFieldButton>\n  <button cdsButton=\"primary\" (click)=\"openAddModal()\">\n    {{ 'searchFieldsOverview.add' | translate }}\n\n    <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n  </button>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i1$2.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i1$2.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i1$2.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i6.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$2.TranslatePipe, name: "translate" }, { kind: "component", type: IkoManagementSearchFieldModalComponent, selector: "valtimo-iko-management-search-field-modal", inputs: ["open", "prefillData"], outputs: ["closeEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoManagementSearchFieldsComponent, deps: [{ token: i2$2.BreadcrumbService }, { token: IkoManagementApiService }, { token: i2$2.PageTitleService }, { token: i1$2.ActivatedRoute }, { token: i5.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: IkoManagementSearchFieldsComponent, isStandalone: true, selector: "valtimo-iko-management-search-fields", 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 (params$ | async; as params) {\n  <valtimo-carbon-list\n    [actionItems]=\"ACTION_ITEMS\"\n    [dragAndDrop]=\"true\"\n    [fields]=\"FIELDS\"\n    [items]=\"searchFields$ | async\"\n    [loading]=\"loading$ | async\"\n    (itemsReordered)=\"onItemsReordered($event, params)\"\n    (rowClicked)=\"editSearchField($event)\"\n  >\n    <div carbonToolbarContent>\n      <ng-container [ngTemplateOutlet]=\"addFieldButton\"></ng-container>\n    </div>\n\n    <valtimo-no-results\n      [action]=\"addFieldButton\"\n      [description]=\"'ikoManagement.searchFields.noResultsDescription' | translate\"\n      [title]=\"'ikoManagement.searchFields.noResultsTitle' | translate\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n}\n\n<valtimo-iko-management-search-field-modal\n  [open]=\"fieldModalOpen$ | async\"\n  [usedKeys]=\"usedKeys$ | async\"\n  [modalMode]=\"$modalMode()\"\n  [prefillData]=\"prefillData$ | async\"\n  (closeEvent)=\"onModalClose($event)\"\n></valtimo-iko-management-search-field-modal>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"ikoManagement.searchFields.deleteModalText\"\n  [outputOnConfirm]=\"deleteField$ | async\"\n  [showModalSubject$]=\"deleteModalOpen$\"\n  titleTranslationKey=\"interface.delete\"\n  (confirmEvent)=\"onDeleteSearchField($event)\"\n></valtimo-confirmation-modal>\n\n<ng-template #addFieldButton>\n  <button cdsButton=\"primary\" (click)=\"openAddModal()\">\n    {{ 'searchFieldsOverview.add' | translate }}\n\n    <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n  </button>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i2$2.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i2$2.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i2$2.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i6.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "component", type: IkoManagementSearchFieldModalComponent, selector: "valtimo-iko-management-search-field-modal", inputs: ["open", "usedKeys", "modalMode", "prefillData"], outputs: ["closeEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementSearchFieldsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoManagementSearchFieldsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'valtimo-iko-management-search-fields', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         ButtonModule,
@@ -2174,8 +2366,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         IconModule,
                         TranslateModule,
                         IkoManagementSearchFieldModalComponent,
-                    ], 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 (params$ | async; as params) {\n  <valtimo-carbon-list\n    [actionItems]=\"ACTION_ITEMS\"\n    [dragAndDrop]=\"true\"\n    [fields]=\"FIELDS\"\n    [items]=\"searchFields$ | async\"\n    [loading]=\"loading$ | async\"\n    (itemsReordered)=\"onItemsReordered($event, params)\"\n    (rowClicked)=\"editSearchField($event)\"\n  >\n    <div carbonToolbarContent>\n      <ng-container [ngTemplateOutlet]=\"addFieldButton\"></ng-container>\n    </div>\n\n    <valtimo-no-results\n      [action]=\"addFieldButton\"\n      [description]=\"'ikoManagement.searchFields.noResultsDescription' | translate\"\n      [title]=\"'ikoManagement.searchFields.noResultsTitle' | translate\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n}\n\n<valtimo-iko-management-search-field-modal\n  [open]=\"fieldModalOpen$ | async\"\n  [prefillData]=\"prefillData$ | async\"\n  (closeEvent)=\"onModalClose($event)\"\n></valtimo-iko-management-search-field-modal>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"ikoManagement.searchFields.deleteModalText\"\n  [outputOnConfirm]=\"deleteFieldKey$ | async\"\n  [showModalSubject$]=\"deleteModalOpen$\"\n  titleTranslationKey=\"interface.delete\"\n  (confirmEvent)=\"onDeleteSearchField($event)\"\n></valtimo-confirmation-modal>\n\n<ng-template #addFieldButton>\n  <button cdsButton=\"primary\" (click)=\"openAddModal()\">\n    {{ 'searchFieldsOverview.add' | translate }}\n\n    <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n  </button>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: i1$2.BreadcrumbService }, { type: IkoManagementApiService }, { type: i1$2.PageTitleService }, { type: i3$1.ActivatedRoute }, { type: i3$2.TranslateService }] });
+                    ], 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 (params$ | async; as params) {\n  <valtimo-carbon-list\n    [actionItems]=\"ACTION_ITEMS\"\n    [dragAndDrop]=\"true\"\n    [fields]=\"FIELDS\"\n    [items]=\"searchFields$ | async\"\n    [loading]=\"loading$ | async\"\n    (itemsReordered)=\"onItemsReordered($event, params)\"\n    (rowClicked)=\"editSearchField($event)\"\n  >\n    <div carbonToolbarContent>\n      <ng-container [ngTemplateOutlet]=\"addFieldButton\"></ng-container>\n    </div>\n\n    <valtimo-no-results\n      [action]=\"addFieldButton\"\n      [description]=\"'ikoManagement.searchFields.noResultsDescription' | translate\"\n      [title]=\"'ikoManagement.searchFields.noResultsTitle' | translate\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n}\n\n<valtimo-iko-management-search-field-modal\n  [open]=\"fieldModalOpen$ | async\"\n  [usedKeys]=\"usedKeys$ | async\"\n  [modalMode]=\"$modalMode()\"\n  [prefillData]=\"prefillData$ | async\"\n  (closeEvent)=\"onModalClose($event)\"\n></valtimo-iko-management-search-field-modal>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"ikoManagement.searchFields.deleteModalText\"\n  [outputOnConfirm]=\"deleteField$ | async\"\n  [showModalSubject$]=\"deleteModalOpen$\"\n  titleTranslationKey=\"interface.delete\"\n  (confirmEvent)=\"onDeleteSearchField($event)\"\n></valtimo-confirmation-modal>\n\n<ng-template #addFieldButton>\n  <button cdsButton=\"primary\" (click)=\"openAddModal()\">\n    {{ 'searchFieldsOverview.add' | translate }}\n\n    <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n  </button>\n</ng-template>\n" }]
+        }], ctorParameters: () => [{ type: i2$2.BreadcrumbService }, { type: IkoManagementApiService }, { type: i2$2.PageTitleService }, { type: i1$2.ActivatedRoute }, { type: i5.TranslateService }] });
 
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
@@ -2192,8 +2384,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-class IkoManagementWidgetsComponent {
-    constructor(breadcrumbService, ikoManagementApiService, route, translateService, ikoWidgetManagementApiService) {
+class IkoManagementWidgetsComponent extends ManagementWidgetDetailsComponent {
+    constructor(widgetWizardService, breadcrumbService, ikoManagementApiService, route, translateService, ikoWidgetManagementApiService) {
+        super(widgetWizardService);
+        this.widgetWizardService = widgetWizardService;
         this.breadcrumbService = breadcrumbService;
         this.ikoManagementApiService = ikoManagementApiService;
         this.route = route;
@@ -2212,12 +2406,14 @@ class IkoManagementWidgetsComponent {
             WidgetType.COLLECTION,
             WidgetType.TABLE,
             WidgetType.INTERACTIVE_TABLE,
+            WidgetType.MAP,
         ];
         this._ikoRepositoryConfig$ = this.params$.pipe(switchMap((params) => this.ikoManagementApiService.getIkoRepositoryConfig(params.apiKey)));
         this._ikoTabConfig$ = this.params$.pipe(switchMap((params) => this.ikoManagementApiService.getIkoTab(params.aggregateKey, params.widgetTabKey)));
         this._subscriptions = new Subscription();
     }
     ngOnInit() {
+        this.setContext('iko');
         this.setBreadcrumbs();
     }
     ngOnDestroy() {
@@ -2250,15 +2446,15 @@ class IkoManagementWidgetsComponent {
         }))
             .subscribe());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementWidgetsComponent, deps: [{ token: i1$2.BreadcrumbService }, { token: IkoManagementApiService }, { token: i3$1.ActivatedRoute }, { token: i3$2.TranslateService }, { token: WIDGET_MANAGEMENT_SERVICE }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: IkoManagementWidgetsComponent, isStandalone: true, selector: "ng-component", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoManagementWidgetsComponent, deps: [{ token: i2$1.WidgetWizardService }, { token: i2$2.BreadcrumbService }, { token: IkoManagementApiService }, { token: i1$2.ActivatedRoute }, { token: i5.TranslateService }, { token: WIDGET_MANAGEMENT_SERVICE }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: IkoManagementWidgetsComponent, isStandalone: true, selector: "ng-component", providers: [
             {
                 provide: WIDGET_MANAGEMENT_SERVICE,
                 useClass: IkoWidgetManagementApiService,
             },
-        ], 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-management\n  [params]=\"params$ | async\"\n  [availableWidgetTypes]=\"AVAILABLE_WIDGET_TYPES\"\n></valtimo-widget-management>\n", styles: ["/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "component", type: WidgetManagementComponent, selector: "valtimo-widget-management", inputs: ["params", "availableWidgetTypes", "disableWidthStep", "disableDuplicate", "singleWidget", "disableJsonEditor", "defaultWidth", "disableTitleInput"] }, { kind: "ngmodule", type: TranslateModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesInheritance: true, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-widget-management\n  [params]=\"params$ | async\"\n  [availableWidgetTypes]=\"AVAILABLE_WIDGET_TYPES\"\n></valtimo-widget-management>\n", styles: ["/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "component", type: WidgetManagementComponent, selector: "valtimo-widget-management", inputs: ["params", "availableWidgetTypes", "disableDuplicate", "enableWidgetDivider", "singleWidget", "disableJsonEditor", "defaultWidth", "widgetWizardSteps"] }, { kind: "ngmodule", type: TranslateModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementWidgetsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoManagementWidgetsComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, WidgetManagementComponent, TranslateModule], providers: [
                         {
@@ -2266,7 +2462,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                             useClass: IkoWidgetManagementApiService,
                         },
                     ], 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-management\n  [params]=\"params$ | async\"\n  [availableWidgetTypes]=\"AVAILABLE_WIDGET_TYPES\"\n></valtimo-widget-management>\n", styles: ["/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
-        }], ctorParameters: () => [{ type: i1$2.BreadcrumbService }, { type: IkoManagementApiService }, { type: i3$1.ActivatedRoute }, { type: i3$2.TranslateService }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i2$1.WidgetWizardService }, { type: i2$2.BreadcrumbService }, { type: IkoManagementApiService }, { type: i1$2.ActivatedRoute }, { type: i5.TranslateService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [WIDGET_MANAGEMENT_SERVICE]
                 }] }] });
@@ -2287,36 +2483,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * limitations under the License.
  */
 class IkoManagementSearchActionModalComponent {
+    set modalMode(value) {
+        this._modalMode = value;
+    }
+    get modalMode() {
+        return this._modalMode;
+    }
     set open(value) {
         this.$isOpen.set(value);
         if (value)
             return;
         setTimeout(() => {
-            this.$modalType.set('add');
             this.formGroup.reset();
             this.formGroup.get('key')?.enable();
         }, CARBON_CONSTANTS.modalAnimationMs);
     }
     set prefillData(value) {
-        this.$prefillData.set(value);
-        if (!value)
+        if (!value) {
+            this.$prefillData.set(null);
             return;
-        this.$modalType.set('edit');
+        }
+        this.$prefillData.set(value);
         this.formGroup.patchValue(value);
         this.formGroup.get('key')?.disable();
     }
+    get title() {
+        return this.formGroup.get('title');
+    }
     constructor(fb, ikoManagementApiService) {
         this.fb = fb;
         this.ikoManagementApiService = ikoManagementApiService;
-        this.$modalType = signal('add');
         this.$isOpen = signal(false);
         this.$prefillData = signal(null);
+        this.usedKeys = [];
         this.modalClose = new EventEmitter();
-        this.propertyFields$ = toObservable(this.$isOpen).pipe(filter((open) => !!open), map$1(() => this.repositoryKey), switchMap((repositoryKey) => this.ikoManagementApiService.getIkoRepositoryConfig(repositoryKey ?? '')), switchMap((repository) => this.ikoManagementApiService.getIkoDataRequestPropertyFields(repository.type)));
+        this.propertyFields$ = toObservable(this.$isOpen).pipe(filter((open) => !!open), map$1(() => this.repositoryKey), switchMap((repositoryKey) => this.ikoManagementApiService.getIkoRepositoryConfig(repositoryKey ?? '')), switchMap((repository) => this.ikoManagementApiService.getIkoSearchActionPropertyFields(repository.type)));
         this.formGroup = this.fb.group({
             key: this.fb.control('', Validators.required),
             title: this.fb.control('', Validators.required),
-            ikoDataAggregateKey: this.fb.control(''),
+            ikoViewKey: this.fb.control(''),
             properties: this.fb.group({}),
         });
     }
@@ -2345,10 +2550,10 @@ class IkoManagementSearchActionModalComponent {
             this.modalClose.emit(formData);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementSearchActionModalComponent, deps: [{ token: i1$3.FormBuilder }, { token: IkoManagementApiService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: IkoManagementSearchActionModalComponent, isStandalone: true, selector: "valtimo-iko-management-search-action-modal", inputs: { open: "open", prefillData: "prefillData", repositoryKey: "repositoryKey", aggregateKey: "aggregateKey" }, 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\n  valtimoCdsModal\n  [open]=\"$isOpen()\"\n  size=\"sm\"\n  showFooter=\"true\"\n  [title]=\"'ikoManagement.searchActions.' + $modalType() + 'ActionTitle' | translate\"\n  (close)=\"onCancel()\"\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCancel()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'ikoManagement.searchActions.' + $modalType() + 'ActionTitle' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form cdsModalContent [formGroup]=\"formGroup\">\n    <cds-label>\n      {{ 'interface.title' | translate }}\n\n      <input\n        formControlName=\"title\"\n        cdsText\n        cdsLayer\n        placeholder=\"{{ 'interface.title' | translate }}\"\n        [attr.modal-primary-focus]=\"true\"\n      />\n    </cds-label>\n\n    <cds-label>\n      {{ 'interface.key' | translate }}\n\n      <input\n        formControlName=\"key\"\n        cdsText\n        cdsLayer\n        placeholder=\"{{ 'interface.key' | translate }}\"\n        [attr.modal-primary-focus]=\"true\"\n      />\n    </cds-label>\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 cdsButton=\"primary\" [disabled]=\"formGroup.invalid\" (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}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { 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: 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: TranslateModule }, { kind: "pipe", type: i3$2.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: LayerModule }, { kind: "directive", type: i6.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "component", type: PropertiesFormComponent, selector: "valtimo-iko-management-properties", inputs: ["propertiesFormGroup", "fields", "prefillData"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoManagementSearchActionModalComponent, deps: [{ token: i1$3.FormBuilder }, { token: IkoManagementApiService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: IkoManagementSearchActionModalComponent, isStandalone: true, selector: "valtimo-iko-management-search-action-modal", inputs: { modalMode: "modalMode", open: "open", prefillData: "prefillData", usedKeys: "usedKeys", repositoryKey: "repositoryKey", aggregateKey: "aggregateKey" }, 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\n  valtimoCdsModal\n  [open]=\"$isOpen()\"\n  size=\"sm\"\n  showFooter=\"true\"\n  [title]=\"'ikoManagement.searchActions.' + modalMode + 'ActionTitle' | translate\"\n  (close)=\"onCancel()\"\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCancel()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'ikoManagement.searchActions.' + modalMode + 'ActionTitle' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form cdsModalContent [formGroup]=\"formGroup\">\n    <cds-label>\n      {{ 'interface.title' | translate }}\n\n      <input\n        formControlName=\"title\"\n        cdsText\n        cdsLayer\n        placeholder=\"{{ 'interface.title' | translate }}\"\n        [attr.modal-primary-focus]=\"true\"\n      />\n    </cds-label>\n\n    <valtimo-auto-key-input\n      [mode]=\"modalMode\"\n      [usedKeys]=\"usedKeys\"\n      [sourceText]=\"title.value\"\n      formControlName=\"key\"\n      labelTranslationKey=\"ikoManagement.keyTitle\"\n      placeholderTranslationKey=\"interface.key\"\n    >\n    </valtimo-auto-key-input>\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 cdsButton=\"primary\" [disabled]=\"formGroup.invalid\" (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}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { 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: 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: 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: LayerModule }, { kind: "directive", type: i6.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "component", type: PropertiesFormComponent, selector: "valtimo-iko-management-properties", inputs: ["propertiesFormGroup", "fields", "prefillData"] }, { 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.15", ngImport: i0, type: IkoManagementSearchActionModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoManagementSearchActionModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'valtimo-iko-management-search-action-modal', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         CommonModule,
@@ -2360,11 +2565,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         ButtonModule,
                         LayerModule,
                         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  valtimoCdsModal\n  [open]=\"$isOpen()\"\n  size=\"sm\"\n  showFooter=\"true\"\n  [title]=\"'ikoManagement.searchActions.' + $modalType() + 'ActionTitle' | translate\"\n  (close)=\"onCancel()\"\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCancel()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'ikoManagement.searchActions.' + $modalType() + 'ActionTitle' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form cdsModalContent [formGroup]=\"formGroup\">\n    <cds-label>\n      {{ 'interface.title' | translate }}\n\n      <input\n        formControlName=\"title\"\n        cdsText\n        cdsLayer\n        placeholder=\"{{ 'interface.title' | translate }}\"\n        [attr.modal-primary-focus]=\"true\"\n      />\n    </cds-label>\n\n    <cds-label>\n      {{ 'interface.key' | translate }}\n\n      <input\n        formControlName=\"key\"\n        cdsText\n        cdsLayer\n        placeholder=\"{{ 'interface.key' | translate }}\"\n        [attr.modal-primary-focus]=\"true\"\n      />\n    </cds-label>\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 cdsButton=\"primary\" [disabled]=\"formGroup.invalid\" (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}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
-        }], ctorParameters: () => [{ type: i1$3.FormBuilder }, { type: IkoManagementApiService }], propDecorators: { open: [{
+                        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  [open]=\"$isOpen()\"\n  size=\"sm\"\n  showFooter=\"true\"\n  [title]=\"'ikoManagement.searchActions.' + modalMode + 'ActionTitle' | translate\"\n  (close)=\"onCancel()\"\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCancel()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'ikoManagement.searchActions.' + modalMode + 'ActionTitle' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form cdsModalContent [formGroup]=\"formGroup\">\n    <cds-label>\n      {{ 'interface.title' | translate }}\n\n      <input\n        formControlName=\"title\"\n        cdsText\n        cdsLayer\n        placeholder=\"{{ 'interface.title' | translate }}\"\n        [attr.modal-primary-focus]=\"true\"\n      />\n    </cds-label>\n\n    <valtimo-auto-key-input\n      [mode]=\"modalMode\"\n      [usedKeys]=\"usedKeys\"\n      [sourceText]=\"title.value\"\n      formControlName=\"key\"\n      labelTranslationKey=\"ikoManagement.keyTitle\"\n      placeholderTranslationKey=\"interface.key\"\n    >\n    </valtimo-auto-key-input>\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 cdsButton=\"primary\" [disabled]=\"formGroup.invalid\" (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}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+        }], ctorParameters: () => [{ type: i1$3.FormBuilder }, { type: IkoManagementApiService }], propDecorators: { modalMode: [{
+                type: Input
+            }], open: [{
                 type: Input
             }], prefillData: [{
                 type: Input
+            }], usedKeys: [{
+                type: Input
             }], repositoryKey: [{
                 type: Input
             }], aggregateKey: [{
@@ -2389,10 +2599,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * limitations under the License.
  */
 class IkoManagementSearchActionsComponent {
-    constructor(route, router, ikoManagementApiService) {
+    constructor(document, route, router, ikoManagementApiService, notificationService, translateService) {
+        this.document = document;
         this.route = route;
         this.router = router;
         this.ikoManagementApiService = ikoManagementApiService;
+        this.notificationService = notificationService;
+        this.translateService = translateService;
+        this.$modalMode = signal('add');
         this.loading$ = new BehaviorSubject(true);
         this.FIELDS = [
             {
@@ -2421,13 +2635,19 @@ class IkoManagementSearchActionsComponent {
         this.prefillData$ = new BehaviorSubject(null);
         this.actionModalOpen$ = new BehaviorSubject(false);
         this.deleteModalOpen$ = new BehaviorSubject(false);
+        this.exporting$ = new BehaviorSubject(false);
         this.repositoryKey$ = this.route.params.pipe(map((params) => params.apiKey), filter(repositoryKey => !!repositoryKey));
         this.aggregateKey$ = this.route.params.pipe(map((params) => params.key), filter(key => !!key));
+        this.usedKeys$ = new BehaviorSubject([]);
         this._refresh$ = new BehaviorSubject(null);
         this.searchActions$ = combineLatest([
             this.aggregateKey$,
             this._refresh$,
-        ]).pipe(switchMap(([key]) => this.ikoManagementApiService.getManagementIkoDataRequests(key)), tap(() => this.loading$.next(false)));
+        ]).pipe(switchMap(([key]) => this.ikoManagementApiService.getManagementIkoSearchActions(key)), tap(content => {
+            const keys = content?.map(item => item.key) ?? [];
+            this.usedKeys$.next(keys);
+            this.loading$.next(false);
+        }));
     }
     onSearchActionClick(action) {
         this.router.navigate([`search-action/${action.key}`], { relativeTo: this.route });
@@ -2438,40 +2658,99 @@ class IkoManagementSearchActionsComponent {
     }
     onDeleteSearchAction(key) {
         this.aggregateKey$
-            .pipe(switchMap((aggregateKey) => this.ikoManagementApiService.deleteIkoDataRequest(aggregateKey, key)))
+            .pipe(switchMap((aggregateKey) => this.ikoManagementApiService.deleteIkoSearchAction(aggregateKey, key)))
             .subscribe(() => this._refresh$.next(null));
     }
     editSearchAction(action) {
+        this.$modalMode.set('edit');
         this.prefillData$.next(action);
         this.actionModalOpen$.next(true);
     }
     onItemsReordered(searchActions, aggregateKey) {
         this.ikoManagementApiService
-            .updateIkoDataRequests(aggregateKey, searchActions)
+            .updateIkoSearchActions(aggregateKey, searchActions)
             .pipe(take$1(1))
             .subscribe();
     }
     onModalClose(action) {
         this.actionModalOpen$.next(false);
-        const prefillData = this.prefillData$.getValue();
         this.prefillData$.next(null);
         if (!action)
             return;
         this.aggregateKey$
-            .pipe(switchMap((aggregateKey) => prefillData === null
-            ? this.ikoManagementApiService.createIkoDataRequest(aggregateKey, action.key, action)
-            : this.ikoManagementApiService.updateIkoDataRequest(aggregateKey, action.key, action)))
+            .pipe(switchMap((aggregateKey) => this.$modalMode() === 'add'
+            ? this.ikoManagementApiService.createIkoSearchAction(aggregateKey, action.key, action)
+            : this.ikoManagementApiService.updateIkoSearchAction(aggregateKey, action.key, action)))
             .subscribe(() => {
             this._refresh$.next(null);
         });
     }
+    exportConfiguration() {
+        this.closeCurrentNotification();
+        this._currentNotification = this.notificationService.showNotification({
+            type: 'info',
+            title: '',
+            showClose: false,
+            template: this._exportMessageTemplateRef,
+        });
+        this.startExporting();
+        combineLatest([this.aggregateKey$])
+            .pipe(take$1(1), switchMap(([aggregateKey]) => this.ikoManagementApiService.exportIKOConfiguration(aggregateKey)))
+            .subscribe({
+            next: response => {
+                this.closeCurrentNotification();
+                this._currentNotification = this.notificationService.showNotification({
+                    type: 'success',
+                    title: this.translateService.instant('caseManagement.exportSuccessTitle'),
+                    duration: 5000,
+                });
+                this.downloadZip(response);
+                this.stopExporting();
+            },
+            error: () => {
+                this.closeCurrentNotification();
+                this._currentNotification = this.notificationService.showNotification({
+                    type: 'error',
+                    title: this.translateService.instant('caseManagement.exportErrorTitle'),
+                    message: this.translateService.instant('caseManagement.exportErrorMessage'),
+                    duration: 5000,
+                });
+                this.stopExporting();
+            },
+        });
+    }
     openAddModal() {
+        this.$modalMode.set('add');
         this.actionModalOpen$.next(true);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementSearchActionsComponent, deps: [{ token: i3$1.ActivatedRoute }, { token: i3$1.Router }, { token: IkoManagementApiService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: IkoManagementSearchActionsComponent, isStandalone: true, selector: "ng-component", 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 (aggregateKey$ | async; as aggregateKey) {\n  <valtimo-carbon-list\n    [actionItems]=\"ACTION_ITEMS\"\n    [dragAndDrop]=\"true\"\n    [fields]=\"FIELDS\"\n    [items]=\"searchActions$ | async\"\n    [loading]=\"loading$ | async\"\n    (itemsReordered)=\"onItemsReordered($event, aggregateKey)\"\n    (rowClicked)=\"onSearchActionClick($event)\"\n  >\n    <div carbonToolbarContent>\n      <ng-container [ngTemplateOutlet]=\"addActionButton\"></ng-container>\n    </div>\n\n    <valtimo-no-results\n      [action]=\"addActionButton\"\n      [description]=\"'ikoManagement.searchActions.noResultsDescription' | translate\"\n      [title]=\"'ikoManagement.searchActions.noResultsTitle' | translate\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n\n  <valtimo-iko-management-search-action-modal\n    [repositoryKey]=\"repositoryKey$ | async\"\n    [aggregateKey]=\"aggregateKey\"\n    [open]=\"actionModalOpen$ | async\"\n    [prefillData]=\"prefillData$ | async\"\n    (modalClose)=\"onModalClose($event)\"\n  ></valtimo-iko-management-search-action-modal>\n\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    contentTranslationKey=\"ikoManagement.searchActions.deleteModalText\"\n    [outputOnConfirm]=\"deleteSearchActionKey$ | async\"\n    [showModalSubject$]=\"deleteModalOpen$\"\n    titleTranslationKey=\"interface.delete\"\n    (confirmEvent)=\"onDeleteSearchAction($event)\"\n  ></valtimo-confirmation-modal>\n\n  <ng-template #addActionButton>\n    <button cdsButton=\"primary\" (click)=\"openAddModal()\">\n      {{ 'ikoManagement.searchActions.addActionTitle' | translate }}\n\n      <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n    </button>\n  </ng-template>\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: CarbonListModule }, { kind: "component", type: i1$2.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i1$2.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i1$2.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i6.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: IkoManagementSearchActionModalComponent, selector: "valtimo-iko-management-search-action-modal", inputs: ["open", "prefillData", "repositoryKey", "aggregateKey"], outputs: ["modalClose"] }, { kind: "ngmodule", type: TabsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$2.TranslatePipe, name: "translate" }] }); }
+    startExporting() {
+        this.exporting$.next(true);
+    }
+    downloadZip(response) {
+        this.aggregateKey$.pipe(take$1(1)).subscribe(key => {
+            const link = document.createElement('a');
+            const contentDisposition = response.headers.get('content-disposition');
+            const splitContentDisposition = contentDisposition?.split('filename=') ?? [];
+            const fileName = splitContentDisposition.length > 1 && splitContentDisposition[1];
+            link.href = this.document.defaultView?.URL.createObjectURL(response.body) ?? '';
+            link.download = fileName || `${key}.valtimo.zip`;
+            link.target = '_blank';
+            link.click();
+            link.remove();
+        });
+    }
+    closeCurrentNotification() {
+        if (this._currentNotification) {
+            this.notificationService.close(this._currentNotification);
+        }
+    }
+    stopExporting() {
+        this.exporting$.next(false);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoManagementSearchActionsComponent, deps: [{ token: DOCUMENT }, { token: i1$2.ActivatedRoute }, { token: i1$2.Router }, { token: IkoManagementApiService }, { token: i2.GlobalNotificationService }, { token: i5.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: IkoManagementSearchActionsComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "_exportMessageTemplateRef", first: true, predicate: ["exportingMessage"], 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@if (aggregateKey$ | async; as aggregateKey) {\n  <valtimo-carbon-list\n    [actionItems]=\"ACTION_ITEMS\"\n    [dragAndDrop]=\"true\"\n    [fields]=\"FIELDS\"\n    [items]=\"searchActions$ | async\"\n    [loading]=\"loading$ | async\"\n    (itemsReordered)=\"onItemsReordered($event, aggregateKey)\"\n    (rowClicked)=\"onSearchActionClick($event)\"\n  >\n    <div carbonToolbarContent>\n      <ng-container [ngTemplateOutlet]=\"exportButton\"></ng-container>\n      <ng-container [ngTemplateOutlet]=\"addActionButton\"></ng-container>\n    </div>\n\n    <valtimo-no-results\n      [action]=\"addActionButton\"\n      [description]=\"'ikoManagement.searchActions.noResultsDescription' | translate\"\n      [title]=\"'ikoManagement.searchActions.noResultsTitle' | translate\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n\n  <valtimo-iko-management-search-action-modal\n    [usedKeys]=\"usedKeys$ | async\"\n    [modalMode]=\"$modalMode()\"\n    [repositoryKey]=\"repositoryKey$ | async\"\n    [aggregateKey]=\"aggregateKey\"\n    [open]=\"actionModalOpen$ | async\"\n    [prefillData]=\"prefillData$ | async\"\n    (modalClose)=\"onModalClose($event)\"\n  ></valtimo-iko-management-search-action-modal>\n\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    contentTranslationKey=\"ikoManagement.searchActions.deleteModalText\"\n    [outputOnConfirm]=\"deleteSearchActionKey$ | async\"\n    [showModalSubject$]=\"deleteModalOpen$\"\n    titleTranslationKey=\"interface.delete\"\n    (confirmEvent)=\"onDeleteSearchAction($event)\"\n  ></valtimo-confirmation-modal>\n\n  <ng-template #exportButton>\n    <button [iconOnly]=\"true\" cdsButton=\"ghost\" (click)=\"exportConfiguration()\">\n      <svg cdsIcon=\"download\" size=\"16\"></svg>\n    </button>\n  </ng-template>\n\n  <ng-template #addActionButton>\n    <button cdsButton=\"primary\" (click)=\"openAddModal()\">\n      {{ 'ikoManagement.searchActions.addActionTitle' | translate }}\n\n      <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n    </button>\n  </ng-template>\n\n  <ng-template #exportingMessage>\n    <div class=\"exporting-message\">\n      <span class=\"cds--inline-notification__title\">{{\n        'ikoManagement.preparingDownload' | translate\n      }}</span>\n\n      <cds-loading size=\"sm\"></cds-loading>\n    </div>\n  </ng-template>\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: CarbonListModule }, { kind: "component", type: i2$2.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i2$2.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i2$2.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i6.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: IkoManagementSearchActionModalComponent, selector: "valtimo-iko-management-search-action-modal", inputs: ["modalMode", "open", "prefillData", "usedKeys", "repositoryKey", "aggregateKey"], outputs: ["modalClose"] }, { kind: "ngmodule", type: TabsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: i6.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementSearchActionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoManagementSearchActionsComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [
                         ButtonModule,
@@ -2482,8 +2761,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         IkoManagementSearchActionModalComponent,
                         TabsModule,
                         TranslateModule,
-                    ], 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 (aggregateKey$ | async; as aggregateKey) {\n  <valtimo-carbon-list\n    [actionItems]=\"ACTION_ITEMS\"\n    [dragAndDrop]=\"true\"\n    [fields]=\"FIELDS\"\n    [items]=\"searchActions$ | async\"\n    [loading]=\"loading$ | async\"\n    (itemsReordered)=\"onItemsReordered($event, aggregateKey)\"\n    (rowClicked)=\"onSearchActionClick($event)\"\n  >\n    <div carbonToolbarContent>\n      <ng-container [ngTemplateOutlet]=\"addActionButton\"></ng-container>\n    </div>\n\n    <valtimo-no-results\n      [action]=\"addActionButton\"\n      [description]=\"'ikoManagement.searchActions.noResultsDescription' | translate\"\n      [title]=\"'ikoManagement.searchActions.noResultsTitle' | translate\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n\n  <valtimo-iko-management-search-action-modal\n    [repositoryKey]=\"repositoryKey$ | async\"\n    [aggregateKey]=\"aggregateKey\"\n    [open]=\"actionModalOpen$ | async\"\n    [prefillData]=\"prefillData$ | async\"\n    (modalClose)=\"onModalClose($event)\"\n  ></valtimo-iko-management-search-action-modal>\n\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    contentTranslationKey=\"ikoManagement.searchActions.deleteModalText\"\n    [outputOnConfirm]=\"deleteSearchActionKey$ | async\"\n    [showModalSubject$]=\"deleteModalOpen$\"\n    titleTranslationKey=\"interface.delete\"\n    (confirmEvent)=\"onDeleteSearchAction($event)\"\n  ></valtimo-confirmation-modal>\n\n  <ng-template #addActionButton>\n    <button cdsButton=\"primary\" (click)=\"openAddModal()\">\n      {{ 'ikoManagement.searchActions.addActionTitle' | translate }}\n\n      <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n    </button>\n  </ng-template>\n}\n" }]
-        }], ctorParameters: () => [{ type: i3$1.ActivatedRoute }, { type: i3$1.Router }, { type: IkoManagementApiService }] });
+                        LoadingModule,
+                    ], 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 (aggregateKey$ | async; as aggregateKey) {\n  <valtimo-carbon-list\n    [actionItems]=\"ACTION_ITEMS\"\n    [dragAndDrop]=\"true\"\n    [fields]=\"FIELDS\"\n    [items]=\"searchActions$ | async\"\n    [loading]=\"loading$ | async\"\n    (itemsReordered)=\"onItemsReordered($event, aggregateKey)\"\n    (rowClicked)=\"onSearchActionClick($event)\"\n  >\n    <div carbonToolbarContent>\n      <ng-container [ngTemplateOutlet]=\"exportButton\"></ng-container>\n      <ng-container [ngTemplateOutlet]=\"addActionButton\"></ng-container>\n    </div>\n\n    <valtimo-no-results\n      [action]=\"addActionButton\"\n      [description]=\"'ikoManagement.searchActions.noResultsDescription' | translate\"\n      [title]=\"'ikoManagement.searchActions.noResultsTitle' | translate\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n\n  <valtimo-iko-management-search-action-modal\n    [usedKeys]=\"usedKeys$ | async\"\n    [modalMode]=\"$modalMode()\"\n    [repositoryKey]=\"repositoryKey$ | async\"\n    [aggregateKey]=\"aggregateKey\"\n    [open]=\"actionModalOpen$ | async\"\n    [prefillData]=\"prefillData$ | async\"\n    (modalClose)=\"onModalClose($event)\"\n  ></valtimo-iko-management-search-action-modal>\n\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    contentTranslationKey=\"ikoManagement.searchActions.deleteModalText\"\n    [outputOnConfirm]=\"deleteSearchActionKey$ | async\"\n    [showModalSubject$]=\"deleteModalOpen$\"\n    titleTranslationKey=\"interface.delete\"\n    (confirmEvent)=\"onDeleteSearchAction($event)\"\n  ></valtimo-confirmation-modal>\n\n  <ng-template #exportButton>\n    <button [iconOnly]=\"true\" cdsButton=\"ghost\" (click)=\"exportConfiguration()\">\n      <svg cdsIcon=\"download\" size=\"16\"></svg>\n    </button>\n  </ng-template>\n\n  <ng-template #addActionButton>\n    <button cdsButton=\"primary\" (click)=\"openAddModal()\">\n      {{ 'ikoManagement.searchActions.addActionTitle' | translate }}\n\n      <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n    </button>\n  </ng-template>\n\n  <ng-template #exportingMessage>\n    <div class=\"exporting-message\">\n      <span class=\"cds--inline-notification__title\">{{\n        'ikoManagement.preparingDownload' | translate\n      }}</span>\n\n      <cds-loading size=\"sm\"></cds-loading>\n    </div>\n  </ng-template>\n}\n" }]
+        }], ctorParameters: () => [{ type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: i1$2.ActivatedRoute }, { type: i1$2.Router }, { type: IkoManagementApiService }, { type: i2.GlobalNotificationService }, { type: i5.TranslateService }], propDecorators: { _exportMessageTemplateRef: [{
+                type: ViewChild,
+                args: ['exportingMessage']
+            }] } });
 
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
@@ -2585,7 +2871,7 @@ class IkoManagementListModalComponent {
             ViewType.TAGS,
             ViewType.HIDDEN,
         ];
-        this._dataAggregateKey$ = this.route.params.pipe(map(params => params?.key), filter(key => !!key));
+        this._ikoViewKey$ = this.route.params.pipe(map(params => params?.key), filter(key => !!key));
         this.displayTypeSelectItems = this._DISPLAY_TYPES.map(displayType => ({
             id: displayType,
             translationKey: `listColumnDisplayType.${displayType}`,
@@ -2630,10 +2916,10 @@ class IkoManagementListModalComponent {
         const formValue = this.form.getRawValue();
         const requestBody = this.getCreateRequestBodyFromFormValue();
         this.disableForm();
-        this._dataAggregateKey$
-            .pipe(switchMap(dataAggregateKey => this.modalMode === 'add'
-            ? this.ikoManagementApiService.createIkoListColumn(dataAggregateKey, formValue.key, requestBody)
-            : this.ikoManagementApiService.updateListColumn(dataAggregateKey, formValue.key, requestBody)))
+        this._ikoViewKey$
+            .pipe(switchMap(ikoViewKey => this.modalMode === 'add'
+            ? this.ikoManagementApiService.createIkoListColumn(ikoViewKey, formValue.key, requestBody)
+            : this.ikoManagementApiService.updateListColumn(ikoViewKey, formValue.key, requestBody)))
             .subscribe({
             next: () => {
                 this.enableForm();
@@ -2729,10 +3015,10 @@ class IkoManagementListModalComponent {
             return of(exists ? { keyTaken: true } : null).pipe(delay(200));
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementListModalComponent, deps: [{ token: IkoManagementApiService }, { token: i1$3.FormBuilder }, { token: i3$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", 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: i3$2.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: i1$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: i1$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: i1$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.ɵ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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementListModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoManagementListModalComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'valtimo-iko-management-list-modal', imports: [
                         CommonModule,
@@ -2750,7 +3036,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         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"] }]
-        }], ctorParameters: () => [{ type: IkoManagementApiService }, { type: i1$3.FormBuilder }, { type: i3$1.ActivatedRoute }], propDecorators: { openModal: [{
+        }], ctorParameters: () => [{ type: IkoManagementApiService }, { type: i1$3.FormBuilder }, { type: i1$2.ActivatedRoute }], propDecorators: { openModal: [{
                 type: Input
             }], listColumns: [{
                 type: Input
@@ -2787,7 +3073,7 @@ class IkoManagementListComponent {
         this.$loading = signal(true);
         this.$disableInput = signal(true);
         this.$modalMode = signal('add');
-        this._dataAggregateKey$ = this.route.params.pipe(map(params => params?.key), filter(key => !!key));
+        this._ikoViewKey$ = this.route.params.pipe(map(params => params?.key), filter(key => !!key));
         this.$ikoListColumnDtos = signal([]);
         this.$selectedListColumn = signal(null);
         this._reloadColumns$ = new BehaviorSubject(null);
@@ -2866,7 +3152,7 @@ class IkoManagementListComponent {
         this._subscriptions = new Subscription();
     }
     ngOnInit() {
-        this._subscriptions.add(combineLatest([this._dataAggregateKey$, this._reloadColumns$])
+        this._subscriptions.add(combineLatest([this._ikoViewKey$, this._reloadColumns$])
             .pipe(tap(() => this.$disableInput.set(true)), switchMap(([key]) => this.ikoManagementApiService.getIkoListColumns(key)), tap(res => {
             this.$ikoListColumnDtos.set(res);
             this.$loading.set(false);
@@ -2882,7 +3168,7 @@ class IkoManagementListComponent {
             .map(item => listColumns.find(column => column.id === item.id))
             .map((item, index) => ({ ...item, order: index }));
         this.disableInput();
-        this._dataAggregateKey$
+        this._ikoViewKey$
             .pipe(switchMap(key => this.ikoManagementApiService.updateIkoListColumnOrder(key, mappedItems)))
             .subscribe({
             next: () => {
@@ -2911,7 +3197,7 @@ class IkoManagementListComponent {
     }
     onDeleteListColumn(event) {
         this.disableInput();
-        this._dataAggregateKey$
+        this._ikoViewKey$
             .pipe(switchMap(key => this.ikoManagementApiService.deleteIkoListColumn(key, event.key)))
             .subscribe({
             next: () => {
@@ -2947,10 +3233,10 @@ class IkoManagementListComponent {
     reloadColumns() {
         this._reloadColumns$.next(null);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementListComponent, deps: [{ token: i3$1.ActivatedRoute }, { token: IkoManagementApiService }, { token: i3$2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: IkoManagementListComponent, isStandalone: true, selector: "valtimo-iko-management-list-columns", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    columns: (ikoListColumns$ | async) || [],\n    ikoListColumnDtos: $ikoListColumnDtos(),\n    selectedListColumn: $selectedListColumn(),\n    loading: $loading(),\n    openModal: $openModal(),\n    disableInput: $disableInput(),\n    modalMode: $modalMode(),\n  } as state\"\n>\n  <valtimo-carbon-list\n    [items]=\"state.columns\"\n    [loading]=\"state.loading\"\n    [fields]=\"FIELDS\"\n    [header]=\"false\"\n    [dragAndDrop]=\"true\"\n    [dragAndDropDisabled]=\"state.disableInput\"\n    [actionItems]=\"ACTION_ITEMS\"\n    (itemsReordered)=\"onItemsReordered($event)\"\n    (rowClicked)=\"onRowClicked($event)\"\n  >\n    <div carbonToolbarContent>\n      <button cdsButton=\"primary\" (click)=\"onCreateButtonClicked()\">\n        {{ 'ikoManagement.addColumn' | translate }}\n\n        <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n      </button>\n    </div>\n\n    <valtimo-no-results\n      [title]=\"'listColumn.noConfigWarningTitle' | translate\"\n      [description]=\"'listColumn.noConfigWarning' | translate\"\n      illustration=\"valtimo-layout/img/emptystate-empty.svg\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n\n  <valtimo-iko-management-list-modal\n    [openModal]=\"state.openModal\"\n    [listColumns]=\"state.ikoListColumnDtos\"\n    [selectedListColumn]=\"state.selectedListColumn\"\n    [modalMode]=\"state.modalMode\"\n    (closeModalEvent)=\"onCloseModalEvent($event)\"\n  ></valtimo-iko-management-list-modal>\n\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    contentTranslationKey=\"ikoManagement.searchActions.deleteModalText\"\n    [showModalSubject$]=\"openConfirmationModal$\"\n    [outputOnConfirm]=\"state.selectedListColumn\"\n    titleTranslationKey=\"interface.delete\"\n    (confirmEvent)=\"onDeleteListColumn($event)\"\n  ></valtimo-confirmation-modal>\n</ng-container>\n", styles: ["::ng-deep .tab-container{min-height:unset!important}::ng-deep .cds--inline-notification{max-width:100%}::ng-deep .cds--label{width:100%}.center-link{display:flex;align-items:center}.iko-list-columns__actions{display:flex;gap:8px}.list-columns__buttons{display:flex;gap:16px;flex-direction:row;justify-content:flex-end}\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: CarbonListModule }, { kind: "component", type: i1$2.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i1$2.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: TabsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$2.TranslatePipe, name: "translate" }, { kind: "component", type: IkoManagementListModalComponent, selector: "valtimo-iko-management-list-modal", inputs: ["openModal", "listColumns", "selectedListColumn", "modalMode"], outputs: ["closeModalEvent"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i6.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i1$2.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoManagementListComponent, deps: [{ token: i1$2.ActivatedRoute }, { token: IkoManagementApiService }, { token: i5.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: IkoManagementListComponent, isStandalone: true, selector: "valtimo-iko-management-list-columns", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    columns: (ikoListColumns$ | async) || [],\n    ikoListColumnDtos: $ikoListColumnDtos(),\n    selectedListColumn: $selectedListColumn(),\n    loading: $loading(),\n    openModal: $openModal(),\n    disableInput: $disableInput(),\n    modalMode: $modalMode(),\n  } as state\"\n>\n  <valtimo-carbon-list\n    [items]=\"state.columns\"\n    [loading]=\"state.loading\"\n    [fields]=\"FIELDS\"\n    [header]=\"false\"\n    [dragAndDrop]=\"true\"\n    [dragAndDropDisabled]=\"state.disableInput\"\n    [actionItems]=\"ACTION_ITEMS\"\n    (itemsReordered)=\"onItemsReordered($event)\"\n    (rowClicked)=\"onRowClicked($event)\"\n  >\n    <div carbonToolbarContent>\n      <button cdsButton=\"primary\" (click)=\"onCreateButtonClicked()\">\n        {{ 'ikoManagement.addColumn' | translate }}\n\n        <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n      </button>\n    </div>\n\n    <valtimo-no-results\n      [title]=\"'listColumn.noConfigWarningTitle' | translate\"\n      [description]=\"'listColumn.noConfigWarning' | translate\"\n      illustration=\"valtimo-layout/img/emptystate-empty.svg\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n\n  <valtimo-iko-management-list-modal\n    [openModal]=\"state.openModal\"\n    [listColumns]=\"state.ikoListColumnDtos\"\n    [selectedListColumn]=\"state.selectedListColumn\"\n    [modalMode]=\"state.modalMode\"\n    (closeModalEvent)=\"onCloseModalEvent($event)\"\n  ></valtimo-iko-management-list-modal>\n\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    contentTranslationKey=\"ikoManagement.searchActions.deleteModalText\"\n    [showModalSubject$]=\"openConfirmationModal$\"\n    [outputOnConfirm]=\"state.selectedListColumn\"\n    titleTranslationKey=\"interface.delete\"\n    (confirmEvent)=\"onDeleteListColumn($event)\"\n  ></valtimo-confirmation-modal>\n</ng-container>\n", styles: ["::ng-deep .tab-container{min-height:unset!important}::ng-deep .cds--inline-notification{max-width:100%}::ng-deep .cds--label{width:100%}.center-link{display:flex;align-items:center}.iko-list-columns__actions{display:flex;gap:8px}.list-columns__buttons{display:flex;gap:16px;flex-direction:row;justify-content:flex-end}\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: CarbonListModule }, { kind: "component", type: i2$2.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i2$2.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: TabsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "component", type: IkoManagementListModalComponent, selector: "valtimo-iko-management-list-modal", inputs: ["openModal", "listColumns", "selectedListColumn", "modalMode"], outputs: ["closeModalEvent"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i6.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i2$2.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoManagementListComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'valtimo-iko-management-list-columns', imports: [
                         CommonModule,
@@ -2962,7 +3248,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         IconModule,
                         ConfirmationModalModule,
                     ], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    columns: (ikoListColumns$ | async) || [],\n    ikoListColumnDtos: $ikoListColumnDtos(),\n    selectedListColumn: $selectedListColumn(),\n    loading: $loading(),\n    openModal: $openModal(),\n    disableInput: $disableInput(),\n    modalMode: $modalMode(),\n  } as state\"\n>\n  <valtimo-carbon-list\n    [items]=\"state.columns\"\n    [loading]=\"state.loading\"\n    [fields]=\"FIELDS\"\n    [header]=\"false\"\n    [dragAndDrop]=\"true\"\n    [dragAndDropDisabled]=\"state.disableInput\"\n    [actionItems]=\"ACTION_ITEMS\"\n    (itemsReordered)=\"onItemsReordered($event)\"\n    (rowClicked)=\"onRowClicked($event)\"\n  >\n    <div carbonToolbarContent>\n      <button cdsButton=\"primary\" (click)=\"onCreateButtonClicked()\">\n        {{ 'ikoManagement.addColumn' | translate }}\n\n        <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n      </button>\n    </div>\n\n    <valtimo-no-results\n      [title]=\"'listColumn.noConfigWarningTitle' | translate\"\n      [description]=\"'listColumn.noConfigWarning' | translate\"\n      illustration=\"valtimo-layout/img/emptystate-empty.svg\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n\n  <valtimo-iko-management-list-modal\n    [openModal]=\"state.openModal\"\n    [listColumns]=\"state.ikoListColumnDtos\"\n    [selectedListColumn]=\"state.selectedListColumn\"\n    [modalMode]=\"state.modalMode\"\n    (closeModalEvent)=\"onCloseModalEvent($event)\"\n  ></valtimo-iko-management-list-modal>\n\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    contentTranslationKey=\"ikoManagement.searchActions.deleteModalText\"\n    [showModalSubject$]=\"openConfirmationModal$\"\n    [outputOnConfirm]=\"state.selectedListColumn\"\n    titleTranslationKey=\"interface.delete\"\n    (confirmEvent)=\"onDeleteListColumn($event)\"\n  ></valtimo-confirmation-modal>\n</ng-container>\n", styles: ["::ng-deep .tab-container{min-height:unset!important}::ng-deep .cds--inline-notification{max-width:100%}::ng-deep .cds--label{width:100%}.center-link{display:flex;align-items:center}.iko-list-columns__actions{display:flex;gap:8px}.list-columns__buttons{display:flex;gap:16px;flex-direction:row;justify-content:flex-end}\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: i3$1.ActivatedRoute }, { type: IkoManagementApiService }, { type: i3$2.TranslateService }] });
+        }], ctorParameters: () => [{ type: i1$2.ActivatedRoute }, { type: IkoManagementApiService }, { type: i5.TranslateService }] });
 
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
@@ -3019,7 +3305,7 @@ class IkoManagementTabDetailsModalComponent {
             key: this.formBuilder.control('', [Validators.required]),
             type: this.formBuilder.control('', [Validators.required]),
         });
-        this._dataAggregateKey$ = this.route.params.pipe(map$1(params => params?.key), filter(key => !!key));
+        this._ikoViewKey$ = this.route.params.pipe(map$1(params => params?.key), filter(key => !!key));
         this._TAB_TYPES = [IkoTabType.WIDGETS];
         this.tabTypeSelectItems = this._TAB_TYPES.map(tabType => ({
             id: tabType,
@@ -3039,10 +3325,10 @@ class IkoManagementTabDetailsModalComponent {
     addTab() {
         const formValue = this.form.getRawValue();
         this.disableForm();
-        this._dataAggregateKey$
-            .pipe(switchMap(dataAggregateKey => this.modalMode === 'add'
-            ? this.ikoManagementApiService.createIkoTab(dataAggregateKey, formValue.key, formValue)
-            : this.ikoManagementApiService.updateIkoTab(dataAggregateKey, formValue.key, formValue)))
+        this._ikoViewKey$
+            .pipe(switchMap(ikoViewKey => this.modalMode === 'add'
+            ? this.ikoManagementApiService.createIkoTab(ikoViewKey, formValue.key, formValue)
+            : this.ikoManagementApiService.updateIkoTab(ikoViewKey, formValue.key, formValue)))
             .subscribe({
             next: () => {
                 this.enableForm();
@@ -3060,10 +3346,10 @@ class IkoManagementTabDetailsModalComponent {
     enableForm() {
         this.form.enable();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementTabDetailsModalComponent, deps: [{ token: IkoManagementApiService }, { token: i1$3.FormBuilder }, { token: i3$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", 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  valtimoCdsModal\n  *ngIf=\"{\n    title: (modalMode === 'add' ? 'ikoManagement.addTab' : 'ikoManagement.editTab') | 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-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: i3$2.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: i1$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"], outputs: ["submitDisabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementTabDetailsModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoManagementTabDetailsModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'valtimo-iko-management-tab-details-modal', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         CommonModule,
@@ -3081,8 +3367,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", 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  valtimoCdsModal\n  *ngIf=\"{\n    title: (modalMode === 'add' ? 'ikoManagement.addTab' : 'ikoManagement.editTab') | 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-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"] }]
-        }], ctorParameters: () => [{ type: IkoManagementApiService }, { type: i1$3.FormBuilder }, { type: i3$1.ActivatedRoute }], propDecorators: { openModal: [{
+                    ], 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"] }]
+        }], ctorParameters: () => [{ type: IkoManagementApiService }, { type: i1$3.FormBuilder }, { type: i1$2.ActivatedRoute }], propDecorators: { openModal: [{
                 type: Input
             }], usedKeys: [{
                 type: Input
@@ -3123,7 +3409,7 @@ class IkoManagementTabsComponent {
         this.$openModal = signal(false);
         this.$modalMode = signal('add');
         this.openConfirmationModal$ = new BehaviorSubject(false);
-        this._dataAggregateKey$ = this.route.params.pipe(map(params => params?.key), filter(key => !!key));
+        this._ikoViewKey$ = this.route.params.pipe(map(params => params?.key), filter(key => !!key));
         this._reloadTabs$ = new BehaviorSubject(null);
         this.ikoTabs$ = combineLatest([
             toObservable(this.$ikoTabDtos),
@@ -3166,7 +3452,7 @@ class IkoManagementTabsComponent {
         this._subscriptions = new Subscription();
     }
     ngOnInit() {
-        this._subscriptions.add(combineLatest([this._dataAggregateKey$, this._reloadTabs$])
+        this._subscriptions.add(combineLatest([this._ikoViewKey$, this._reloadTabs$])
             .pipe(tap(() => this.$disableInput.set(true)), switchMap(([key]) => this.ikoManagementApiService.getIkoTabs(key)), tap(res => {
             this.$ikoTabDtos.set(res);
             this.$loading.set(false);
@@ -3207,7 +3493,7 @@ class IkoManagementTabsComponent {
             .map(item => tabs.find(column => column.key === item.key))
             .map((item, index) => ({ ...item, order: index, title: item.title || null }));
         this.disableInput();
-        this._dataAggregateKey$
+        this._ikoViewKey$
             .pipe(switchMap(key => this.ikoManagementApiService.updateIkoTabs(key, mappedItems)))
             .subscribe({
             next: () => {
@@ -3237,7 +3523,7 @@ class IkoManagementTabsComponent {
     }
     onDeleteTab(event) {
         this.disableInput();
-        this._dataAggregateKey$
+        this._ikoViewKey$
             .pipe(switchMap(key => this.ikoManagementApiService.deleteIkoTab(key, event.key)))
             .subscribe({
             next: () => {
@@ -3258,10 +3544,10 @@ class IkoManagementTabsComponent {
     reloadTabs() {
         this._reloadTabs$.next(null);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementTabsComponent, deps: [{ token: i3$1.ActivatedRoute }, { token: IkoManagementApiService }, { token: i3$2.TranslateService }, { token: i3$1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: IkoManagementTabsComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    tabs: (ikoTabs$ | async) || [],\n    ikoTabColumnDtos: $ikoTabDtos(),\n    selectedTab: $selectedTab(),\n    loading: $loading(),\n    openModal: $openModal(),\n    disableInput: $disableInput(),\n    modalMode: $modalMode(),\n    usedKeys: $usedKeys(),\n  } as state\"\n>\n  <valtimo-carbon-list\n    [items]=\"state.tabs\"\n    [loading]=\"state.loading\"\n    [fields]=\"FIELDS\"\n    [header]=\"false\"\n    [dragAndDrop]=\"true\"\n    [dragAndDropDisabled]=\"state.disableInput\"\n    [actionItems]=\"ACTION_ITEMS\"\n    (itemsReordered)=\"onItemsReordered($event)\"\n    (rowClicked)=\"onRowClicked($event)\"\n  >\n    <div carbonToolbarContent>\n      <button cdsButton=\"primary\" (click)=\"onCreateButtonClicked()\">\n        {{ 'ikoManagement.addTab' | translate }}\n\n        <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n      </button>\n    </div>\n\n    <valtimo-no-results\n      [title]=\"'ikoManagement.noTabConfigWarningTitle' | translate\"\n      [description]=\"'ikoManagement.noTabConfigWarning' | translate\"\n      illustration=\"valtimo-layout/img/emptystate-empty.svg\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    contentTranslationKey=\"ikoManagement.deleteTabModalText\"\n    [showModalSubject$]=\"openConfirmationModal$\"\n    [outputOnConfirm]=\"state.selectedTab\"\n    titleTranslationKey=\"interface.delete\"\n    (confirmEvent)=\"onDeleteTab($event)\"\n  ></valtimo-confirmation-modal>\n\n  <valtimo-iko-management-tab-details-modal\n    [openModal]=\"state.openModal\"\n    [selectedTab]=\"state.selectedTab\"\n    [modalMode]=\"state.modalMode\"\n    [usedKeys]=\"state.usedKeys\"\n    (closeModalEvent)=\"onCloseModalEvent($event)\"\n  ></valtimo-iko-management-tab-details-modal>\n</ng-container>\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: "component", type: i1$2.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i1$2.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: TabsModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i6.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: IkoManagementTabDetailsModalComponent, selector: "valtimo-iko-management-tab-details-modal", inputs: ["openModal", "usedKeys", "selectedTab", "modalMode"], outputs: ["closeModalEvent"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i1$2.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoManagementTabsComponent, deps: [{ token: i1$2.ActivatedRoute }, { token: IkoManagementApiService }, { token: i5.TranslateService }, { token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: IkoManagementTabsComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    tabs: (ikoTabs$ | async) || [],\n    ikoTabColumnDtos: $ikoTabDtos(),\n    selectedTab: $selectedTab(),\n    loading: $loading(),\n    openModal: $openModal(),\n    disableInput: $disableInput(),\n    modalMode: $modalMode(),\n    usedKeys: $usedKeys(),\n  } as state\"\n>\n  <valtimo-carbon-list\n    [items]=\"state.tabs\"\n    [loading]=\"state.loading\"\n    [fields]=\"FIELDS\"\n    [header]=\"false\"\n    [dragAndDrop]=\"true\"\n    [dragAndDropDisabled]=\"state.disableInput\"\n    [actionItems]=\"ACTION_ITEMS\"\n    (itemsReordered)=\"onItemsReordered($event)\"\n    (rowClicked)=\"onRowClicked($event)\"\n  >\n    <div carbonToolbarContent>\n      <button cdsButton=\"primary\" (click)=\"onCreateButtonClicked()\">\n        {{ 'ikoManagement.addTab' | translate }}\n\n        <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n      </button>\n    </div>\n\n    <valtimo-no-results\n      [title]=\"'ikoManagement.noTabConfigWarningTitle' | translate\"\n      [description]=\"'ikoManagement.noTabConfigWarning' | translate\"\n      illustration=\"valtimo-layout/img/emptystate-empty.svg\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    contentTranslationKey=\"ikoManagement.deleteTabModalText\"\n    [showModalSubject$]=\"openConfirmationModal$\"\n    [outputOnConfirm]=\"state.selectedTab\"\n    titleTranslationKey=\"interface.delete\"\n    (confirmEvent)=\"onDeleteTab($event)\"\n  ></valtimo-confirmation-modal>\n\n  <valtimo-iko-management-tab-details-modal\n    [openModal]=\"state.openModal\"\n    [selectedTab]=\"state.selectedTab\"\n    [modalMode]=\"state.modalMode\"\n    [usedKeys]=\"state.usedKeys\"\n    (closeModalEvent)=\"onCloseModalEvent($event)\"\n  ></valtimo-iko-management-tab-details-modal>\n</ng-container>\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: "component", type: i2$2.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i2$2.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: TabsModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i6.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: IkoManagementTabDetailsModalComponent, selector: "valtimo-iko-management-tab-details-modal", inputs: ["openModal", "usedKeys", "selectedTab", "modalMode"], outputs: ["closeModalEvent"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i2$2.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementTabsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoManagementTabsComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [
                         CommonModule,
@@ -3274,7 +3560,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         TranslatePipe,
                         ConfirmationModalModule,
                     ], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    tabs: (ikoTabs$ | async) || [],\n    ikoTabColumnDtos: $ikoTabDtos(),\n    selectedTab: $selectedTab(),\n    loading: $loading(),\n    openModal: $openModal(),\n    disableInput: $disableInput(),\n    modalMode: $modalMode(),\n    usedKeys: $usedKeys(),\n  } as state\"\n>\n  <valtimo-carbon-list\n    [items]=\"state.tabs\"\n    [loading]=\"state.loading\"\n    [fields]=\"FIELDS\"\n    [header]=\"false\"\n    [dragAndDrop]=\"true\"\n    [dragAndDropDisabled]=\"state.disableInput\"\n    [actionItems]=\"ACTION_ITEMS\"\n    (itemsReordered)=\"onItemsReordered($event)\"\n    (rowClicked)=\"onRowClicked($event)\"\n  >\n    <div carbonToolbarContent>\n      <button cdsButton=\"primary\" (click)=\"onCreateButtonClicked()\">\n        {{ 'ikoManagement.addTab' | translate }}\n\n        <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n      </button>\n    </div>\n\n    <valtimo-no-results\n      [title]=\"'ikoManagement.noTabConfigWarningTitle' | translate\"\n      [description]=\"'ikoManagement.noTabConfigWarning' | translate\"\n      illustration=\"valtimo-layout/img/emptystate-empty.svg\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    contentTranslationKey=\"ikoManagement.deleteTabModalText\"\n    [showModalSubject$]=\"openConfirmationModal$\"\n    [outputOnConfirm]=\"state.selectedTab\"\n    titleTranslationKey=\"interface.delete\"\n    (confirmEvent)=\"onDeleteTab($event)\"\n  ></valtimo-confirmation-modal>\n\n  <valtimo-iko-management-tab-details-modal\n    [openModal]=\"state.openModal\"\n    [selectedTab]=\"state.selectedTab\"\n    [modalMode]=\"state.modalMode\"\n    [usedKeys]=\"state.usedKeys\"\n    (closeModalEvent)=\"onCloseModalEvent($event)\"\n  ></valtimo-iko-management-tab-details-modal>\n</ng-container>\n" }]
-        }], ctorParameters: () => [{ type: i3$1.ActivatedRoute }, { type: IkoManagementApiService }, { type: i3$2.TranslateService }, { type: i3$1.Router }] });
+        }], ctorParameters: () => [{ type: i1$2.ActivatedRoute }, { type: IkoManagementApiService }, { type: i5.TranslateService }, { type: i1$2.Router }] });
 
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
@@ -3409,13 +3695,13 @@ class IkoManagementDetailsComponent {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementDetailsComponent, deps: [{ token: IkoApiService }, { token: i3$1.ActivatedRoute }, { token: i1$2.PageTitleService }, { token: i3$1.Router }, { token: i1$2.BreadcrumbService }, { token: IkoManagementApiService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: IkoManagementDetailsComponent, isStandalone: true, selector: "valtimo-iko-management-details", viewQueries: [{ propertyName: "dynamicContainer", first: true, predicate: ["tabComponent"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    currentMenuItem: currentMenuItem$ | async,\n    tabKey: tabKey$ | async,\n  } as obs\"\n>\n  <cds-tabs type=\"contained\">\n    <cds-tab\n      *ngFor=\"let tab of TABS\"\n      [active]=\"obs.tabKey === tab.key\"\n      [heading]=\"tab.title | translate\"\n      (selected)=\"onTabSelected(tab)\"\n    >\n    </cds-tab>\n  </cds-tabs>\n\n  <ng-template #tabComponent></ng-template>\n</ng-container>\n", styles: [":host ::ng-deep .cds--tab-content{display:none}\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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: 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: TranslateModule }, { kind: "pipe", type: i3$2.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoManagementDetailsComponent, deps: [{ token: IkoApiService }, { token: i1$2.ActivatedRoute }, { token: i2$2.PageTitleService }, { token: i1$2.Router }, { token: i2$2.BreadcrumbService }, { token: IkoManagementApiService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: IkoManagementDetailsComponent, isStandalone: true, selector: "valtimo-iko-management-details", viewQueries: [{ propertyName: "dynamicContainer", first: true, predicate: ["tabComponent"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    currentMenuItem: currentMenuItem$ | async,\n    tabKey: tabKey$ | async,\n  } as obs\"\n>\n  <cds-tabs type=\"contained\">\n    <cds-tab\n      *ngFor=\"let tab of TABS\"\n      [active]=\"obs.tabKey === tab.key\"\n      [heading]=\"tab.title | translate\"\n      (selected)=\"onTabSelected(tab)\"\n    >\n    </cds-tab>\n  </cds-tabs>\n\n  <ng-template #tabComponent></ng-template>\n</ng-container>\n", styles: [":host ::ng-deep .cds--tab-content{display:none}\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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: 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: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementDetailsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoManagementDetailsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'valtimo-iko-management-details', standalone: true, imports: [CommonModule, CarbonListModule, TabsModule, TranslateModule], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    currentMenuItem: currentMenuItem$ | async,\n    tabKey: tabKey$ | async,\n  } as obs\"\n>\n  <cds-tabs type=\"contained\">\n    <cds-tab\n      *ngFor=\"let tab of TABS\"\n      [active]=\"obs.tabKey === tab.key\"\n      [heading]=\"tab.title | translate\"\n      (selected)=\"onTabSelected(tab)\"\n    >\n    </cds-tab>\n  </cds-tabs>\n\n  <ng-template #tabComponent></ng-template>\n</ng-container>\n", styles: [":host ::ng-deep .cds--tab-content{display:none}\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: IkoApiService }, { type: i3$1.ActivatedRoute }, { type: i1$2.PageTitleService }, { type: i3$1.Router }, { type: i1$2.BreadcrumbService }, { type: IkoManagementApiService }], propDecorators: { dynamicContainer: [{
+        }], ctorParameters: () => [{ type: IkoApiService }, { type: i1$2.ActivatedRoute }, { type: i2$2.PageTitleService }, { type: i1$2.Router }, { type: i2$2.BreadcrumbService }, { type: IkoManagementApiService }], propDecorators: { dynamicContainer: [{
                 type: ViewChild,
                 args: ['tabComponent', { static: false, read: ViewContainerRef }]
             }] } });
@@ -3424,22 +3710,32 @@ class IkoManagementViewModalComponent {
     set open(value) {
         this._open$.next(value);
         if (!value)
-            this.resetForm();
+            this.formGroup.reset();
     }
     get open$() {
         return this._open$.asObservable();
     }
+    set modalMode(value) {
+        this._modalMode = value;
+    }
+    get modalMode() {
+        return this._modalMode;
+    }
     set apiKey(value) {
         if (!value)
             return;
         this._apiKey$.next(value);
     }
     set prefillData(value) {
-        this.$prefillData.set(value);
-        if (!value)
+        if (!value) {
+            this.$prefillData.set(null);
             return;
+        }
+        this.$prefillData.set(value);
         this.formGroup.patchValue(value);
-        this.formGroup.get('key')?.disable();
+    }
+    get title() {
+        return this.formGroup.get('title');
     }
     constructor(fb, ikoManagementApiService) {
         this.fb = fb;
@@ -3447,8 +3743,9 @@ class IkoManagementViewModalComponent {
         this._open$ = new BehaviorSubject(false);
         this._apiKey$ = new BehaviorSubject(null);
         this.$prefillData = signal(null);
+        this.usedKeys = [];
         this.modalClose = new EventEmitter();
-        this.propertyFields$ = this.open$.pipe(filter((open) => !!open), switchMap(() => this._apiKey$), switchMap((repositoryKey) => this.ikoManagementApiService.getIkoDataAggregateType(repositoryKey ?? '')), switchMap((repository) => this.ikoManagementApiService.getIkoDataAggregatePropertyFields(repository.type)));
+        this.propertyFields$ = this.open$.pipe(filter((open) => !!open), switchMap(() => this._apiKey$), switchMap((repositoryKey) => this.ikoManagementApiService.getIkoViewType(repositoryKey ?? '')), switchMap((repository) => this.ikoManagementApiService.getIkoViewPropertyFields(repository.type)));
         this.formGroup = this.fb.group({
             title: this.fb.control('', Validators.required),
             key: this.fb.control('', Validators.required),
@@ -3461,6 +3758,9 @@ class IkoManagementViewModalComponent {
     }
     onCancel() {
         this.modalClose.emit(null);
+        runAfterCarbonModalClosed(() => {
+            this.resetForm();
+        });
     }
     onSave() {
         this.propertyFields$.pipe(take(1)).subscribe(fields => {
@@ -3479,6 +3779,9 @@ class IkoManagementViewModalComponent {
             });
             this.modalClose.emit(formData);
         });
+        runAfterCarbonModalClosed(() => {
+            this.resetForm();
+        });
     }
     resetForm() {
         setTimeout(() => {
@@ -3487,13 +3790,12 @@ class IkoManagementViewModalComponent {
                 key: '',
                 properties: {},
             });
-            this.formGroup.get('key')?.enable();
         }, CARBON_CONSTANTS.modalAnimationMs);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementViewModalComponent, deps: [{ token: i1$3.FormBuilder }, { token: IkoManagementApiService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: IkoManagementViewModalComponent, isStandalone: true, selector: "valtimo-iko-management-view-modal", inputs: { open: "open", apiKey: "apiKey", prefillData: "prefillData" }, outputs: { modalClose: "modalClose" }, ngImport: i0, template: "<cds-modal valtimoCdsModal [open]=\"open$ | async\" size=\"sm\" showFooter=\"true\" (close)=\"onCancel()\">\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCancel()\">\n    <h3 cdsModalHeaderHeading>Add view</h3>\n  </cds-modal-header>\n\n  <form [formGroup]=\"formGroup\" cdsModalContent>\n    <cds-label>\n      {{ 'interface.title' | translate }}\n\n      <input\n        formControlName=\"title\"\n        cdsText\n        placeholder=\"{{ 'interface.title' | translate }}\"\n        [attr.modal-primary-focus]=\"true\"\n      />\n    </cds-label>\n\n    <cds-label>\n      {{ 'interface.key' | translate }}\n\n      <input\n        formControlName=\"key\"\n        cdsText\n        placeholder=\"{{ 'interface.key' | translate }}\"\n        [attr.modal-primary-focus]=\"true\"\n      />\n    </cds-label>\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: i3$2.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoManagementViewModalComponent, deps: [{ token: i1$3.FormBuilder }, { token: IkoManagementApiService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: IkoManagementViewModalComponent, isStandalone: true, selector: "valtimo-iko-management-view-modal", inputs: { open: "open", modalMode: "modalMode", apiKey: "apiKey", prefillData: "prefillData", usedKeys: "usedKeys" }, 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>\n      {{ 'ikoManagement.views.' + modalMode | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form [formGroup]=\"formGroup\" cdsModalContent>\n    <cds-label>\n      {{ 'interface.title' | translate }}\n\n      <input\n        formControlName=\"title\"\n        cdsText\n        cdsLayer\n        placeholder=\"{{ 'interface.title' | translate }}\"\n        [attr.modal-primary-focus]=\"true\"\n      />\n    </cds-label>\n\n    <valtimo-auto-key-input\n      [mode]=\"modalMode\"\n      [usedKeys]=\"usedKeys\"\n      [sourceText]=\"title.value\"\n      formControlName=\"key\"\n      placeholderTranslationKey=\"interface.key\"\n    >\n    </valtimo-auto-key-input>\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: 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.15", ngImport: i0, type: IkoManagementViewModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoManagementViewModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'valtimo-iko-management-view-modal', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         CommonModule,
@@ -3505,13 +3807,261 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         ButtonModule,
                         IconModule,
                         PropertiesFormComponent,
-                    ], template: "<cds-modal valtimoCdsModal [open]=\"open$ | async\" size=\"sm\" showFooter=\"true\" (close)=\"onCancel()\">\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCancel()\">\n    <h3 cdsModalHeaderHeading>Add view</h3>\n  </cds-modal-header>\n\n  <form [formGroup]=\"formGroup\" cdsModalContent>\n    <cds-label>\n      {{ 'interface.title' | translate }}\n\n      <input\n        formControlName=\"title\"\n        cdsText\n        placeholder=\"{{ 'interface.title' | translate }}\"\n        [attr.modal-primary-focus]=\"true\"\n      />\n    </cds-label>\n\n    <cds-label>\n      {{ 'interface.key' | translate }}\n\n      <input\n        formControlName=\"key\"\n        cdsText\n        placeholder=\"{{ 'interface.key' | translate }}\"\n        [attr.modal-primary-focus]=\"true\"\n      />\n    </cds-label>\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"] }]
+                        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>\n      {{ 'ikoManagement.views.' + modalMode | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form [formGroup]=\"formGroup\" cdsModalContent>\n    <cds-label>\n      {{ 'interface.title' | translate }}\n\n      <input\n        formControlName=\"title\"\n        cdsText\n        cdsLayer\n        placeholder=\"{{ 'interface.title' | translate }}\"\n        [attr.modal-primary-focus]=\"true\"\n      />\n    </cds-label>\n\n    <valtimo-auto-key-input\n      [mode]=\"modalMode\"\n      [usedKeys]=\"usedKeys\"\n      [sourceText]=\"title.value\"\n      formControlName=\"key\"\n      placeholderTranslationKey=\"interface.key\"\n    >\n    </valtimo-auto-key-input>\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 }], propDecorators: { open: [{
                 type: Input
+            }], modalMode: [{
+                type: Input
             }], apiKey: [{
                 type: Input
             }], prefillData: [{
                 type: Input
+            }], usedKeys: [{
+                type: Input
+            }], modalClose: [{
+                type: Output
+            }] } });
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+var UPLOAD_STATUS;
+(function (UPLOAD_STATUS) {
+    UPLOAD_STATUS["ACTIVE"] = "active";
+    UPLOAD_STATUS["ERROR"] = "error";
+    UPLOAD_STATUS["FINISHED"] = "finished";
+})(UPLOAD_STATUS || (UPLOAD_STATUS = {}));
+var UPLOAD_STEP;
+(function (UPLOAD_STEP) {
+    UPLOAD_STEP["FILE_SELECT"] = "fileSelect";
+    UPLOAD_STEP["FILE_UPLOAD"] = "fileUpload";
+    UPLOAD_STEP["ACCESS_CONTROL"] = "accessControl";
+})(UPLOAD_STEP || (UPLOAD_STEP = {}));
+const STEPS = [UPLOAD_STEP.FILE_SELECT, UPLOAD_STEP.FILE_UPLOAD, UPLOAD_STEP.ACCESS_CONTROL];
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class IkoManagementUploadStepComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoManagementUploadStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: IkoManagementUploadStepComponent, isStandalone: true, selector: "valtimo-case-management-upload-step", inputs: { illustration: "illustration", message: "message", title: "title" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"valtimo-upload-step__content\">\n  <div class=\"valtimo-upload-step__title\">{{ title }}</div>\n\n  <div class=\"valtimo-upload-step__message\">{{ message }}</div>\n</div>\n\n<img [src]=\"illustration\" alt=\"{{ illustration }}\" class=\"valtimo-upload-step__illustration\" />\n", styles: [":host{display:flex;justify-content:space-around;align-items:center;gap:32px;height:100%}:host label{color:unset}.valtimo-upload-step__content{display:flex;flex-direction:column;gap:16px}.valtimo-upload-step__title{font-weight:600;font-size:16px}.valtimo-upload-step__message{font-size:16px;line-height:28px}.valtimo-upload-step__illustration{max-width:200px}\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"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoManagementUploadStepComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-case-management-upload-step', template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"valtimo-upload-step__content\">\n  <div class=\"valtimo-upload-step__title\">{{ title }}</div>\n\n  <div class=\"valtimo-upload-step__message\">{{ message }}</div>\n</div>\n\n<img [src]=\"illustration\" alt=\"{{ illustration }}\" class=\"valtimo-upload-step__illustration\" />\n", styles: [":host{display:flex;justify-content:space-around;align-items:center;gap:32px;height:100%}:host label{color:unset}.valtimo-upload-step__content{display:flex;flex-direction:column;gap:16px}.valtimo-upload-step__title{font-weight:600;font-size:16px}.valtimo-upload-step__message{font-size:16px;line-height:28px}.valtimo-upload-step__illustration{max-width:200px}\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"] }]
+        }], propDecorators: { illustration: [{
+                type: Input
+            }], message: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }] } });
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class IkoManagementUploadModalComponent {
+    set open(value) {
+        this._open$.next(value);
+        if (!value)
+            this.resetForm();
+    }
+    get open$() {
+        return this._open$.asObservable();
+    }
+    constructor(fb, translateService, ikoManagementApiService) {
+        this.fb = fb;
+        this.translateService = translateService;
+        this.ikoManagementApiService = ikoManagementApiService;
+        this._open$ = new BehaviorSubject(false);
+        this.modalClose = new EventEmitter();
+        this.showCheckboxError$ = new BehaviorSubject(false);
+        this.activeStep$ = new BehaviorSubject(UPLOAD_STEP.FILE_SELECT);
+        this.backButtonEnabled$ = this.activeStep$.pipe(map$1((activeStep) => [UPLOAD_STEP.ACCESS_CONTROL].includes(activeStep)));
+        this._disabled$ = new BehaviorSubject(true);
+        this.uploadStatus$ = new BehaviorSubject(UPLOAD_STATUS.ACTIVE);
+        this.nextButtonDisabled$ = combineLatest([
+            this.activeStep$,
+            this._disabled$,
+            this.uploadStatus$,
+        ]).pipe(map$1(([activeStep, disabled, status]) => activeStep === UPLOAD_STEP.FILE_UPLOAD ? status !== UPLOAD_STATUS.FINISHED : disabled));
+        this.isStepAfterUpload$ = this.activeStep$.pipe(map$1((activeStep) => ![UPLOAD_STEP.FILE_SELECT].includes(activeStep)));
+        this.notificationObj$ = combineLatest([
+            this.translateService.stream('interface.warning'),
+            this.translateService.stream('ikoManagement.importDefinition.overwriteWarning'),
+        ]).pipe(map$1(([title, message]) => ({
+            type: 'warning',
+            title,
+            message,
+            showClose: false,
+            lowContrast: true,
+        })));
+        this.showCloseButton$ = this.activeStep$.pipe(map$1((activeStep) => [UPLOAD_STEP.FILE_SELECT, UPLOAD_STEP.FILE_UPLOAD].includes(activeStep)));
+        this.acceptedFiles = ['.zip'];
+        this.UPLOAD_STATUS = UPLOAD_STATUS;
+        this.UPLOAD_STEP = UPLOAD_STEP;
+        this._subscriptions = new Subscription();
+        this._importFile$ = new BehaviorSubject('');
+        this.form = this.fb.group({
+            file: this.fb.control(new Set(), [Validators.required]),
+        });
+        this._checked = false;
+    }
+    ngOnInit() {
+        const control = this.form.get('file');
+        if (!control)
+            return;
+        this._subscriptions.add(this.form.get('file').valueChanges.subscribe((fileSet) => {
+            const [fileItem] = fileSet;
+            if (!fileItem) {
+                this._disabled$.next(true);
+                this.showCheckboxError$.next(false);
+                this._checked = false;
+                return;
+            }
+            this.setZipFile(fileItem);
+        }));
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+        this.resetModal();
+    }
+    onCloseModal(definitionUploaded) {
+        this.modalClose.emit(definitionUploaded ?? false);
+        this.resetModal();
+    }
+    onNextClick(activeStep) {
+        const nextIndex = STEPS.findIndex((step) => step === activeStep) + 1;
+        if (nextIndex === STEPS.length) {
+            return;
+        }
+        if (activeStep === UPLOAD_STEP.FILE_SELECT && !this._checked) {
+            this.showCheckboxError$.next(true);
+            return;
+        }
+        this.showCheckboxError$.next(false);
+        this.activeStep$.next(STEPS[nextIndex]);
+        if (STEPS[nextIndex] === UPLOAD_STEP.FILE_UPLOAD) {
+            this.uploadDefinition();
+        }
+    }
+    onBackClick(activeStep) {
+        const prevIndex = STEPS.findIndex((step) => step === activeStep) - 1;
+        if (prevIndex === -1) {
+            return;
+        }
+        this.activeStep$.next(STEPS[prevIndex]);
+    }
+    onCheckedChange(checked) {
+        this._checked = checked;
+        if (!checked) {
+            return;
+        }
+        this.showCheckboxError$.next(false);
+    }
+    onCancel() {
+        this.modalClose.emit(false);
+    }
+    uploadDefinition() {
+        this._disabled$.next(true);
+        this._importFile$
+            .pipe(switchMap((file) => this.ikoManagementApiService.importConfigurationZip(file)), take(1))
+            .subscribe({
+            next: () => {
+                this._disabled$.next(false);
+                this.uploadStatus$.next(UPLOAD_STATUS.FINISHED);
+            },
+            error: () => {
+                this.uploadStatus$.next(UPLOAD_STATUS.ERROR);
+                this._disabled$.next(false);
+            },
+        });
+    }
+    setZipFile(fileItem) {
+        const file = fileItem?.file;
+        if (!file) {
+            this._importFile$.next('');
+            return;
+        }
+        const blob = new Blob([fileItem.file], { type: fileItem.file.type });
+        const fd = new FormData();
+        fd.append('file', blob, fileItem.file.name);
+        this._importFile$.next(fd);
+        this._disabled$.next(false);
+    }
+    resetForm() {
+        this.form.get('file')?.setValue(new Set());
+    }
+    resetModal() {
+        setTimeout(() => {
+            this.resetForm();
+            this.activeStep$.next(UPLOAD_STEP.FILE_SELECT);
+            this.uploadStatus$.next(UPLOAD_STATUS.ACTIVE);
+            this.showCheckboxError$.next(false);
+            this._disabled$.next(true);
+        }, CARBON_CONSTANTS.modalAnimationMs);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoManagementUploadModalComponent, deps: [{ token: i1$3.FormBuilder }, { token: i5.TranslateService }, { token: IkoManagementApiService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: IkoManagementUploadModalComponent, isStandalone: true, selector: "valtimo-iko-management-upload-modal", inputs: { open: "open" }, 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\n  *ngIf=\"{\n    activeStep: activeStep$ | async,\n    uploadStatus: uploadStatus$ | async,\n    backButtonEnabled: backButtonEnabled$ | async,\n    nextButtonDisabled: nextButtonDisabled$ | async,\n    notificationObj: notificationObj$ | async,\n    showCheckboxError: showCheckboxError$ | async,\n    isStepAfterUpload: isStepAfterUpload$ | async,\n    showCloseButton: showCloseButton$ | async,\n  } as obs\"\n  valtimoCdsModal\n  [open]=\"open$ | async\"\n  showFooter=\"true\"\n  class=\"valtimo-definition-uploader\"\n  (close)=\"onCancel()\"\n>\n  <cds-modal-header\n    [showCloseButton]=\"obs.showCloseButton\"\n    (closeSelect)=\"onCloseModal(obs.isStepAfterUpload && obs.uploadStatus !== UPLOAD_STATUS.ERROR)\"\n  >\n    <h3 cdsModalHeaderHeading>\n      {{ 'ikoManagement.importDefinition.title' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent class=\"valtimo-definition-uploader__content\">\n    @switch (obs.activeStep) {\n      @case (UPLOAD_STEP.FILE_SELECT) {\n        <form [formGroup]=\"form\">\n          <cds-file-uploader\n            [accept]=\"acceptedFiles\"\n            [buttonText]=\"'ikoManagement.importDefinition.upload.buttonText' | translate\"\n            [description]=\"'ikoManagement.importDefinition.upload.description' | translate\"\n            [multiple]=\"false\"\n            [title]=\"'ikoManagement.importDefinition.upload.title' | translate\"\n            buttonType=\"primary\"\n            formControlName=\"file\"\n            class=\"valtimo-definition-uploader__file-uploader\"\n          >\n          </cds-file-uploader>\n\n          @if (!obs.nextButtonDisabled) {\n            <cds-inline-notification\n              [notificationObj]=\"obs.notificationObj\"\n            ></cds-inline-notification>\n\n            <div class=\"valtimo-definition-uploader__checkbox\">\n              <cds-checkbox\n                [class.valtimo-definition-uploader__checkbox--invalid]=\"obs.showCheckboxError\"\n                (checkedChange)=\"onCheckedChange($event)\"\n              >\n                {{ 'ikoManagement.importDefinition.checkbox.message' | translate }}\n              </cds-checkbox>\n\n              @if (obs.showCheckboxError) {\n                <div class=\"valtimo-definition-uploader__error\">\n                  <svg cdsIcon=\"warning--filled\" size=\"16\"></svg>\n                  {{ 'ikoManagement.importDefinition.checkbox.error' | translate }}\n                </div>\n              }\n            </div>\n          }\n        </form>\n      }\n\n      @case (UPLOAD_STEP.FILE_UPLOAD) {\n        <cds-progress-bar\n          class=\"valtimo-definition-uploader__progress-bar\"\n          [label]=\"'ikoManagement.importDefinition.progressBar.label' | translate\"\n          [status]=\"obs.uploadStatus\"\n          [helperText]=\"\n            'ikoManagement.importDefinition.progressBar.' + obs.uploadStatus | translate\n          \"\n        ></cds-progress-bar>\n      }\n\n      @default {\n        <valtimo-case-management-upload-step\n          [message]=\"\n            'ikoManagement.importDefinition.steps.' + obs.activeStep + '.message' | translate\n          \"\n          [title]=\"'ikoManagement.importDefinition.steps.' + obs.activeStep + '.title' | translate\"\n          [illustration]=\"'valtimo-layout/img/' + obs.activeStep + '.svg'\"\n        >\n        </valtimo-case-management-upload-step>\n      }\n    }\n  </section>\n\n  <cds-modal-footer class=\"valtimo-definition-uploader__footer\">\n    <button\n      *ngIf=\"obs.uploadStatus !== UPLOAD_STATUS.ERROR\"\n      class=\"valtimo-definition-uploader__cancel\"\n      cdsButton=\"ghost\"\n      (click)=\"onCloseModal(obs.isStepAfterUpload)\"\n    >\n      {{ (obs.isStepAfterUpload ? 'interface.skip' : 'interface.cancel') | translate }}\n    </button>\n\n    <div class=\"valtimo-definition-uploader__actions\">\n      <button\n        *ngIf=\"obs.backButtonEnabled\"\n        cdsButton=\"secondary\"\n        (click)=\"onBackClick(obs.activeStep)\"\n      >\n        {{ 'interface.back' | translate }}\n      </button>\n\n      <button\n        *ngIf=\"\n          obs.uploadStatus !== UPLOAD_STATUS.ERROR && obs.activeStep !== UPLOAD_STEP.ACCESS_CONTROL\n        \"\n        cdsButton=\"primary\"\n        [disabled]=\"\n          obs.nextButtonDisabled || (obs.activeStep === UPLOAD_STEP.FILE_SELECT && !_checked)\n        \"\n        (click)=\"onNextClick(obs.activeStep)\"\n      >\n        {{\n          (obs.activeStep === UPLOAD_STEP.FILE_SELECT\n            ? 'ikoManagement.importDefinition.startUpload'\n            : 'interface.next'\n          ) | translate\n        }}\n      </button>\n\n      <button\n        *ngIf=\"\n          obs.uploadStatus === UPLOAD_STATUS.ERROR || obs.activeStep === UPLOAD_STEP.ACCESS_CONTROL\n        \"\n        class=\"valtimo-definition-uploader__cancel\"\n        cdsButton=\"primary\"\n        (click)=\"onCloseModal(true)\"\n      >\n        {{ 'interface.finish' | translate }}\n      </button>\n    </div>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-definition-uploader__content form{width:100%}.valtimo-definition-uploader__content,.valtimo-definition-uploader__content form{display:flex;flex-direction:column;gap:16px}.valtimo-definition-uploader__footer ::ng-deep .cds--modal-footer{justify-content:unset!important;display:grid!important;grid-template-columns:1fr 1fr 2fr!important;grid-template-areas:\"cancel . actions\"!important}.valtimo-definition-uploader__progress-bar{height:100%;display:flex;flex-direction:column;justify-content:center}.valtimo-definition-uploader__error{display:flex;align-items:center;gap:10px;color:#da1e28;fill:#da1e28;font-size:12px}.valtimo-definition-uploader__cancel{grid-area:cancel;width:100%}.valtimo-definition-uploader__actions{grid-area:actions;display:flex}.valtimo-definition-uploader__actions button{flex:unset;width:100%}.valtimo-definition-uploader__file-uploader ::ng-deep cds-file{max-width:unset}.valtimo-definition-uploader__checkbox{display:flex;flex-direction:column;gap:8px}.valtimo-definition-uploader__checkbox--invalid ::ng-deep label:before{border-color:#da1e28;margin-inline:0}.valtimo-definition-uploader ::ng-deep .cds--modal-container{height:550px}.valtimo-definition-uploader ::ng-deep .cds--checkbox-label-text{color:#000}.valtimo-definition-uploader ::ng-deep cds-inline-notification,.valtimo-definition-uploader ::ng-deep .cds--inline-notification{width:100%!important;max-width:none!important}\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: InputModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i6.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: ProgressBarModule }, { kind: "component", type: i6.ProgressBar, selector: "cds-progress-bar, ibm-progress-bar", inputs: ["value", "id", "label", "helperText", "max", "type", "status", "size"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i6.Checkbox, selector: "cds-checkbox, ibm-checkbox", inputs: ["disabled", "skeleton", "hideLabel", "name", "id", "required", "value", "ariaLabel", "ariaLabelledby", "indeterminate", "checked"], outputs: ["click", "checkedChange", "indeterminateChange"] }, { kind: "ngmodule", type: FileUploaderModule }, { kind: "component", type: i6.FileUploader, selector: "cds-file-uploader, ibm-file-uploader", inputs: ["buttonText", "buttonType", "title", "description", "accept", "multiple", "skeleton", "size", "fileItemSize", "drop", "dropText", "fileUploaderId", "files", "disabled"], outputs: ["filesChange"] }, { kind: "component", type: IkoManagementUploadStepComponent, selector: "valtimo-case-management-upload-step", inputs: ["illustration", "message", "title"] }, { kind: "ngmodule", type: NotificationModule }, { kind: "component", type: i6.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoManagementUploadModalComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-iko-management-upload-modal', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        TranslateModule,
+                        ModalModule,
+                        ValtimoCdsModalDirective,
+                        InputModule,
+                        ReactiveFormsModule,
+                        ButtonModule,
+                        IconModule,
+                        ProgressBarModule,
+                        CheckboxModule,
+                        FileUploaderModule,
+                        IkoManagementUploadStepComponent,
+                        NotificationModule,
+                        TranslateModule,
+                    ], 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  *ngIf=\"{\n    activeStep: activeStep$ | async,\n    uploadStatus: uploadStatus$ | async,\n    backButtonEnabled: backButtonEnabled$ | async,\n    nextButtonDisabled: nextButtonDisabled$ | async,\n    notificationObj: notificationObj$ | async,\n    showCheckboxError: showCheckboxError$ | async,\n    isStepAfterUpload: isStepAfterUpload$ | async,\n    showCloseButton: showCloseButton$ | async,\n  } as obs\"\n  valtimoCdsModal\n  [open]=\"open$ | async\"\n  showFooter=\"true\"\n  class=\"valtimo-definition-uploader\"\n  (close)=\"onCancel()\"\n>\n  <cds-modal-header\n    [showCloseButton]=\"obs.showCloseButton\"\n    (closeSelect)=\"onCloseModal(obs.isStepAfterUpload && obs.uploadStatus !== UPLOAD_STATUS.ERROR)\"\n  >\n    <h3 cdsModalHeaderHeading>\n      {{ 'ikoManagement.importDefinition.title' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent class=\"valtimo-definition-uploader__content\">\n    @switch (obs.activeStep) {\n      @case (UPLOAD_STEP.FILE_SELECT) {\n        <form [formGroup]=\"form\">\n          <cds-file-uploader\n            [accept]=\"acceptedFiles\"\n            [buttonText]=\"'ikoManagement.importDefinition.upload.buttonText' | translate\"\n            [description]=\"'ikoManagement.importDefinition.upload.description' | translate\"\n            [multiple]=\"false\"\n            [title]=\"'ikoManagement.importDefinition.upload.title' | translate\"\n            buttonType=\"primary\"\n            formControlName=\"file\"\n            class=\"valtimo-definition-uploader__file-uploader\"\n          >\n          </cds-file-uploader>\n\n          @if (!obs.nextButtonDisabled) {\n            <cds-inline-notification\n              [notificationObj]=\"obs.notificationObj\"\n            ></cds-inline-notification>\n\n            <div class=\"valtimo-definition-uploader__checkbox\">\n              <cds-checkbox\n                [class.valtimo-definition-uploader__checkbox--invalid]=\"obs.showCheckboxError\"\n                (checkedChange)=\"onCheckedChange($event)\"\n              >\n                {{ 'ikoManagement.importDefinition.checkbox.message' | translate }}\n              </cds-checkbox>\n\n              @if (obs.showCheckboxError) {\n                <div class=\"valtimo-definition-uploader__error\">\n                  <svg cdsIcon=\"warning--filled\" size=\"16\"></svg>\n                  {{ 'ikoManagement.importDefinition.checkbox.error' | translate }}\n                </div>\n              }\n            </div>\n          }\n        </form>\n      }\n\n      @case (UPLOAD_STEP.FILE_UPLOAD) {\n        <cds-progress-bar\n          class=\"valtimo-definition-uploader__progress-bar\"\n          [label]=\"'ikoManagement.importDefinition.progressBar.label' | translate\"\n          [status]=\"obs.uploadStatus\"\n          [helperText]=\"\n            'ikoManagement.importDefinition.progressBar.' + obs.uploadStatus | translate\n          \"\n        ></cds-progress-bar>\n      }\n\n      @default {\n        <valtimo-case-management-upload-step\n          [message]=\"\n            'ikoManagement.importDefinition.steps.' + obs.activeStep + '.message' | translate\n          \"\n          [title]=\"'ikoManagement.importDefinition.steps.' + obs.activeStep + '.title' | translate\"\n          [illustration]=\"'valtimo-layout/img/' + obs.activeStep + '.svg'\"\n        >\n        </valtimo-case-management-upload-step>\n      }\n    }\n  </section>\n\n  <cds-modal-footer class=\"valtimo-definition-uploader__footer\">\n    <button\n      *ngIf=\"obs.uploadStatus !== UPLOAD_STATUS.ERROR\"\n      class=\"valtimo-definition-uploader__cancel\"\n      cdsButton=\"ghost\"\n      (click)=\"onCloseModal(obs.isStepAfterUpload)\"\n    >\n      {{ (obs.isStepAfterUpload ? 'interface.skip' : 'interface.cancel') | translate }}\n    </button>\n\n    <div class=\"valtimo-definition-uploader__actions\">\n      <button\n        *ngIf=\"obs.backButtonEnabled\"\n        cdsButton=\"secondary\"\n        (click)=\"onBackClick(obs.activeStep)\"\n      >\n        {{ 'interface.back' | translate }}\n      </button>\n\n      <button\n        *ngIf=\"\n          obs.uploadStatus !== UPLOAD_STATUS.ERROR && obs.activeStep !== UPLOAD_STEP.ACCESS_CONTROL\n        \"\n        cdsButton=\"primary\"\n        [disabled]=\"\n          obs.nextButtonDisabled || (obs.activeStep === UPLOAD_STEP.FILE_SELECT && !_checked)\n        \"\n        (click)=\"onNextClick(obs.activeStep)\"\n      >\n        {{\n          (obs.activeStep === UPLOAD_STEP.FILE_SELECT\n            ? 'ikoManagement.importDefinition.startUpload'\n            : 'interface.next'\n          ) | translate\n        }}\n      </button>\n\n      <button\n        *ngIf=\"\n          obs.uploadStatus === UPLOAD_STATUS.ERROR || obs.activeStep === UPLOAD_STEP.ACCESS_CONTROL\n        \"\n        class=\"valtimo-definition-uploader__cancel\"\n        cdsButton=\"primary\"\n        (click)=\"onCloseModal(true)\"\n      >\n        {{ 'interface.finish' | translate }}\n      </button>\n    </div>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-definition-uploader__content form{width:100%}.valtimo-definition-uploader__content,.valtimo-definition-uploader__content form{display:flex;flex-direction:column;gap:16px}.valtimo-definition-uploader__footer ::ng-deep .cds--modal-footer{justify-content:unset!important;display:grid!important;grid-template-columns:1fr 1fr 2fr!important;grid-template-areas:\"cancel . actions\"!important}.valtimo-definition-uploader__progress-bar{height:100%;display:flex;flex-direction:column;justify-content:center}.valtimo-definition-uploader__error{display:flex;align-items:center;gap:10px;color:#da1e28;fill:#da1e28;font-size:12px}.valtimo-definition-uploader__cancel{grid-area:cancel;width:100%}.valtimo-definition-uploader__actions{grid-area:actions;display:flex}.valtimo-definition-uploader__actions button{flex:unset;width:100%}.valtimo-definition-uploader__file-uploader ::ng-deep cds-file{max-width:unset}.valtimo-definition-uploader__checkbox{display:flex;flex-direction:column;gap:8px}.valtimo-definition-uploader__checkbox--invalid ::ng-deep label:before{border-color:#da1e28;margin-inline:0}.valtimo-definition-uploader ::ng-deep .cds--modal-container{height:550px}.valtimo-definition-uploader ::ng-deep .cds--checkbox-label-text{color:#000}.valtimo-definition-uploader ::ng-deep cds-inline-notification,.valtimo-definition-uploader ::ng-deep .cds--inline-notification{width:100%!important;max-width:none!important}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+        }], ctorParameters: () => [{ type: i1$3.FormBuilder }, { type: i5.TranslateService }, { type: IkoManagementApiService }], propDecorators: { open: [{
+                type: Input
             }], modalClose: [{
                 type: Output
             }] } });
@@ -3532,18 +4082,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * limitations under the License.
  */
 class IkoManagementComponent {
-    constructor(ikoManagementApiService, router, route, pageTitleService) {
+    constructor(ikoManagementApiService, router, route, pageTitleService, menuService, iconService) {
         this.ikoManagementApiService = ikoManagementApiService;
         this.router = router;
         this.route = route;
         this.pageTitleService = pageTitleService;
+        this.menuService = menuService;
+        this.iconService = iconService;
         this.$loading = signal(true);
+        this.usedKeys$ = new BehaviorSubject([]);
         this.apiKey$ = this.route.params.pipe(map(params => params?.apiKey), filter(key => !!key));
         this._refresh$ = new BehaviorSubject(null);
-        this.ikoDataAggregates$ = combineLatest([this.apiKey$, this._refresh$]).pipe(tap(() => this.$loading.set(true)), switchMap(([apiKey]) => this.ikoManagementApiService
-            .getManagementIkoDataAggregates(undefined, undefined, apiKey)
-            .pipe(map(dataAggregatePage => dataAggregatePage.content), tap(() => this.$loading.set(false)))));
-        this.$modalOpen = signal(false);
+        this.ikoViews$ = combineLatest([this.apiKey$, this._refresh$]).pipe(tap(() => this.$loading.set(true)), switchMap(([apiKey]) => this.ikoManagementApiService.getManagementIkoViews(undefined, undefined, apiKey).pipe(map(ikoViewPage => ikoViewPage.content), tap(content => {
+            const keys = content?.map(item => item.key) ?? [];
+            this.usedKeys$.next(keys);
+            this.$loading.set(false);
+        }))));
+        this.$modalMode = signal('add');
+        this.$viewModalOpen = signal(false);
+        this.$uploadModalOpen = signal(false);
         this.$prefillData = signal(null);
         this.$keyToDelete = signal(null);
         this.showDeleteModal$ = new BehaviorSubject(false);
@@ -3564,6 +4121,7 @@ class IkoManagementComponent {
                 type: 'danger',
             },
         ];
+        this.iconService.registerAll([Upload16]);
     }
     ngOnInit() {
         this.pageTitleService.disableReset();
@@ -3578,41 +4136,60 @@ class IkoManagementComponent {
         });
     }
     openAddModal() {
-        this.$modalOpen.set(true);
+        this.$modalMode.set('add');
+        this.$prefillData.set(null);
+        this.$viewModalOpen.set(true);
+    }
+    openUploadModal() {
+        this.$uploadModalOpen.set(true);
     }
     onEditClick(item) {
+        this.$modalMode.set('edit');
         this.$prefillData.set(item);
-        this.$modalOpen.set(true);
+        this.$viewModalOpen.set(true);
     }
     onDeleteClick(item) {
         this.$keyToDelete.set(item.key);
         this.showDeleteModal$.next(true);
     }
     onDeleteConfirm(key) {
-        this.ikoManagementApiService
-            .deleteIkoDataAggregate(key)
-            .subscribe(() => this._refresh$.next(null));
+        this.ikoManagementApiService.deleteIkoView(key).subscribe(() => {
+            this.menuService.reload();
+            this._refresh$.next(null);
+        });
     }
-    onModalClose(item, ikoRepositoryConfigKey) {
-        this.$modalOpen.set(false);
-        const prefillData = this.$prefillData();
+    onViewModalClose(item, ikoRepositoryConfigKey) {
+        this.$viewModalOpen.set(false);
         this.$prefillData.set(null);
         if (!item)
             return;
-        if (prefillData !== null) {
+        if (this.$modalMode() === 'edit') {
             this.ikoManagementApiService
-                .updateIkoDataAggregate(item.key, {
+                .updateIkoView(item.key, {
                 ...item,
                 ikoRepositoryConfigKey,
             })
                 .pipe(take(1))
-                .subscribe(() => this._refresh$.next(null));
+                .subscribe(() => {
+                this.menuService.reload();
+                this._refresh$.next(null);
+            });
             return;
         }
         this.ikoManagementApiService
-            .createIkoDataAggregate(item.key, { ...item, ikoRepositoryConfigKey })
+            .createIkoView(item.key, { ...item, ikoRepositoryConfigKey })
             .pipe(take(1))
-            .subscribe(() => this._refresh$.next(null));
+            .subscribe(() => {
+            this.menuService.reload();
+            this._refresh$.next(null);
+        });
+    }
+    onUploadModalClose(item) {
+        this.$uploadModalOpen.set(false);
+        if (!item)
+            return;
+        this._refresh$.next(null);
+        this.menuService.reload();
     }
     setPageTitle() {
         this.apiKey$
@@ -3621,10 +4198,10 @@ class IkoManagementComponent {
             this.pageTitleService.setCustomPageTitle(repositoryConfig.title);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementComponent, deps: [{ token: IkoManagementApiService }, { token: i3$1.Router }, { token: i3$1.ActivatedRoute }, { token: i1$2.PageTitleService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: IkoManagementComponent, isStandalone: true, selector: "valtimo-iko-management", 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-carbon-list\n  [actionItems]=\"ACTION_ITEMS\"\n  [fields]=\"FIELDS\"\n  [items]=\"ikoDataAggregates$ | async\"\n  [loading]=\"$loading()\"\n  (rowClicked)=\"onRowClicked($event)\"\n>\n  <ng-container carbonToolbarContent [ngTemplateOutlet]=\"addViewButton\"></ng-container>\n\n  <valtimo-no-results\n    [action]=\"addViewButton\"\n    [description]=\"'ikoManagement.views.noResultsDescription' | translate\"\n    [title]=\"'ikoManagement.views.noResultsTitle' | translate\"\n  ></valtimo-no-results>\n</valtimo-carbon-list>\n\n<ng-template #addViewButton>\n  <button cdsButton=\"primary\" (click)=\"openAddModal()\">\n    {{ 'ikoManagement.views.add' | translate }}\n\n    <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n  </button>\n</ng-template>\n\n<valtimo-iko-management-view-modal\n  *ngIf=\"apiKey$ | async as apiKey\"\n  [apiKey]=\"apiKey\"\n  [open]=\"$modalOpen()\"\n  [prefillData]=\"$prefillData()\"\n  (modalClose)=\"onModalClose($event, apiKey)\"\n></valtimo-iko-management-view-modal>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"ikoManagement.views.deleteContent\"\n  [outputOnConfirm]=\"$keyToDelete()\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"interface.delete\"\n  (confirmEvent)=\"onDeleteConfirm($event)\"\n></valtimo-confirmation-modal>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i1$2.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i1$2.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i6.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: IkoManagementViewModalComponent, selector: "valtimo-iko-management-view-modal", inputs: ["open", "apiKey", "prefillData"], outputs: ["modalClose"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i1$2.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoManagementComponent, deps: [{ token: IkoManagementApiService }, { token: i1$2.Router }, { token: i1$2.ActivatedRoute }, { token: i2$2.PageTitleService }, { token: i2$2.MenuService }, { token: i6.IconService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: IkoManagementComponent, isStandalone: true, selector: "valtimo-iko-management", 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-carbon-list\n  [actionItems]=\"ACTION_ITEMS\"\n  [fields]=\"FIELDS\"\n  [items]=\"ikoViews$ | async\"\n  [loading]=\"$loading()\"\n  (rowClicked)=\"onRowClicked($event)\"\n>\n  <ng-container carbonToolbarContent [ngTemplateOutlet]=\"uploadButton\"></ng-container>\n\n  <ng-container carbonToolbarContent [ngTemplateOutlet]=\"addViewButton\"></ng-container>\n\n  <valtimo-no-results\n    [action]=\"addViewButton\"\n    [description]=\"'ikoManagement.views.noResultsDescription' | translate\"\n    [title]=\"'ikoManagement.views.noResultsTitle' | translate\"\n  ></valtimo-no-results>\n</valtimo-carbon-list>\n\n<ng-template #uploadButton>\n  <button [iconOnly]=\"true\" cdsButton=\"ghost\" (click)=\"openUploadModal()\">\n    <svg cdsIcon=\"upload\" size=\"16\"></svg>\n  </button>\n</ng-template>\n\n<ng-template #addViewButton>\n  <button cdsButton=\"primary\" (click)=\"openAddModal()\">\n    {{ 'ikoManagement.views.add' | translate }}\n\n    <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n  </button>\n</ng-template>\n\n<valtimo-iko-management-view-modal\n  *ngIf=\"apiKey$ | async as apiKey\"\n  [apiKey]=\"apiKey\"\n  [open]=\"$viewModalOpen()\"\n  [prefillData]=\"$prefillData()\"\n  [usedKeys]=\"usedKeys$ | async\"\n  [modalMode]=\"$modalMode()\"\n  (modalClose)=\"onViewModalClose($event, apiKey)\"\n></valtimo-iko-management-view-modal>\n\n<valtimo-iko-management-upload-modal\n  [open]=\"$uploadModalOpen()\"\n  (modalClose)=\"onUploadModalClose($event)\"\n></valtimo-iko-management-upload-modal>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"ikoManagement.views.deleteContent\"\n  [outputOnConfirm]=\"$keyToDelete()\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"interface.delete\"\n  (confirmEvent)=\"onDeleteConfirm($event)\"\n></valtimo-confirmation-modal>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i2$2.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i2$2.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i6.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: IkoManagementViewModalComponent, selector: "valtimo-iko-management-view-modal", inputs: ["open", "modalMode", "apiKey", "prefillData", "usedKeys"], outputs: ["modalClose"] }, { kind: "component", type: IkoManagementUploadModalComponent, selector: "valtimo-iko-management-upload-modal", inputs: ["open"], outputs: ["modalClose"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i2$2.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoManagementComponent, decorators: [{
             type: Component,
             args: [{ selector: 'valtimo-iko-management', standalone: true, imports: [
                         CommonModule,
@@ -3632,10 +4209,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         ButtonModule,
                         IconModule,
                         IkoManagementViewModalComponent,
+                        IkoManagementUploadModalComponent,
                         TranslateModule,
                         ConfirmationModalModule,
-                    ], 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-carbon-list\n  [actionItems]=\"ACTION_ITEMS\"\n  [fields]=\"FIELDS\"\n  [items]=\"ikoDataAggregates$ | async\"\n  [loading]=\"$loading()\"\n  (rowClicked)=\"onRowClicked($event)\"\n>\n  <ng-container carbonToolbarContent [ngTemplateOutlet]=\"addViewButton\"></ng-container>\n\n  <valtimo-no-results\n    [action]=\"addViewButton\"\n    [description]=\"'ikoManagement.views.noResultsDescription' | translate\"\n    [title]=\"'ikoManagement.views.noResultsTitle' | translate\"\n  ></valtimo-no-results>\n</valtimo-carbon-list>\n\n<ng-template #addViewButton>\n  <button cdsButton=\"primary\" (click)=\"openAddModal()\">\n    {{ 'ikoManagement.views.add' | translate }}\n\n    <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n  </button>\n</ng-template>\n\n<valtimo-iko-management-view-modal\n  *ngIf=\"apiKey$ | async as apiKey\"\n  [apiKey]=\"apiKey\"\n  [open]=\"$modalOpen()\"\n  [prefillData]=\"$prefillData()\"\n  (modalClose)=\"onModalClose($event, apiKey)\"\n></valtimo-iko-management-view-modal>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"ikoManagement.views.deleteContent\"\n  [outputOnConfirm]=\"$keyToDelete()\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"interface.delete\"\n  (confirmEvent)=\"onDeleteConfirm($event)\"\n></valtimo-confirmation-modal>\n" }]
-        }], ctorParameters: () => [{ type: IkoManagementApiService }, { type: i3$1.Router }, { type: i3$1.ActivatedRoute }, { type: i1$2.PageTitleService }] });
+                    ], 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-carbon-list\n  [actionItems]=\"ACTION_ITEMS\"\n  [fields]=\"FIELDS\"\n  [items]=\"ikoViews$ | async\"\n  [loading]=\"$loading()\"\n  (rowClicked)=\"onRowClicked($event)\"\n>\n  <ng-container carbonToolbarContent [ngTemplateOutlet]=\"uploadButton\"></ng-container>\n\n  <ng-container carbonToolbarContent [ngTemplateOutlet]=\"addViewButton\"></ng-container>\n\n  <valtimo-no-results\n    [action]=\"addViewButton\"\n    [description]=\"'ikoManagement.views.noResultsDescription' | translate\"\n    [title]=\"'ikoManagement.views.noResultsTitle' | translate\"\n  ></valtimo-no-results>\n</valtimo-carbon-list>\n\n<ng-template #uploadButton>\n  <button [iconOnly]=\"true\" cdsButton=\"ghost\" (click)=\"openUploadModal()\">\n    <svg cdsIcon=\"upload\" size=\"16\"></svg>\n  </button>\n</ng-template>\n\n<ng-template #addViewButton>\n  <button cdsButton=\"primary\" (click)=\"openAddModal()\">\n    {{ 'ikoManagement.views.add' | translate }}\n\n    <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n  </button>\n</ng-template>\n\n<valtimo-iko-management-view-modal\n  *ngIf=\"apiKey$ | async as apiKey\"\n  [apiKey]=\"apiKey\"\n  [open]=\"$viewModalOpen()\"\n  [prefillData]=\"$prefillData()\"\n  [usedKeys]=\"usedKeys$ | async\"\n  [modalMode]=\"$modalMode()\"\n  (modalClose)=\"onViewModalClose($event, apiKey)\"\n></valtimo-iko-management-view-modal>\n\n<valtimo-iko-management-upload-modal\n  [open]=\"$uploadModalOpen()\"\n  (modalClose)=\"onUploadModalClose($event)\"\n></valtimo-iko-management-upload-modal>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"ikoManagement.views.deleteContent\"\n  [outputOnConfirm]=\"$keyToDelete()\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"interface.delete\"\n  (confirmEvent)=\"onDeleteConfirm($event)\"\n></valtimo-confirmation-modal>\n" }]
+        }], ctorParameters: () => [{ type: IkoManagementApiService }, { type: i1$2.Router }, { type: i1$2.ActivatedRoute }, { type: i2$2.PageTitleService }, { type: i2$2.MenuService }, { type: i6.IconService }] });
 
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
@@ -3653,62 +4231,233 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * limitations under the License.
  */
 class IkoSearchComponent {
-    constructor(route, router, pageTitleService, iconService, ikoApiService) {
+    constructor(route, router, pageTitleService, iconService, ikoApiService, translateService) {
         this.route = route;
         this.router = router;
         this.pageTitleService = pageTitleService;
         this.iconService = iconService;
         this.ikoApiService = ikoApiService;
+        this.translateService = translateService;
         this.formValues = {};
+        this.dropdownSelectItemsMap = new Map();
+        this.values$ = new BehaviorSubject({});
+        this.bsnErrors = {};
+        this.BOOLEAN_POSITIVE = 'booleanPositive';
+        this.BOOLEAN_NEGATIVE = 'booleanNegative';
+        this._BOOLEAN_TYPES = [
+            this.BOOLEAN_POSITIVE,
+            this.BOOLEAN_NEGATIVE,
+        ];
+        this.booleanItems$ = this.translateService.stream('key').pipe(map$1(() => this._BOOLEAN_TYPES.map(type => ({
+            id: type,
+            text: this.translateService.instant(`searchFields.${type}`),
+        }))));
         this._key$ = this.route.params.pipe(map$1(params => params?.key), filter(key => !!key));
-        this.dataRequests$ = this._key$.pipe(switchMap(key => combineLatest([
+        this.ikoSearchActions$ = this._key$.pipe(switchMap(key => combineLatest([
             of(key),
             this.ikoApiService.cachedMenuItems$,
-            this.ikoApiService.getIkoDataRequests(key),
-        ])), map$1(([key, menuItems, dataRequests]) => {
+            this.ikoApiService.getIkoSearchActions(key),
+        ])), map$1(([key, menuItems, ikoSearchActions]) => {
             const currentMenuItem = menuItems.find(item => item.key === key);
             if (currentMenuItem && currentMenuItem?.title)
                 this.pageTitleService.setCustomPageTitle(currentMenuItem.title, true);
-            return dataRequests;
+            return ikoSearchActions;
         }));
         this.iconService.register(Search16);
     }
+    ngOnInit() {
+        this.openDropdownSubscription();
+    }
     ngOnDestroy() {
         this.pageTitleService.enableReset();
     }
     searchDisabled(params) {
-        return params.some(param => !this.formValues[param.key] && param.required);
+        const hasMissingRequired = params.some(param => {
+            if (!param.required)
+                return false;
+            return !this.hasValue(this.formValues[param.key]);
+        });
+        const hasInvalidBsn = params.some(param => param.dataType === 'bsn' && this.bsnErrors[param.key] !== null);
+        return hasMissingRequired || hasInvalidBsn;
     }
     isQueryGroup(param) {
         return param && param.group === true && Array.isArray(param.fields);
     }
     searchGroup(paramKey, params) {
-        const queryParams = {};
-        for (const param of params) {
-            const value = this.formValues[param.key];
+        this.values$.pipe(take(1)).subscribe(values => {
+            const queryParams = {};
+            for (const param of params) {
+                const value = values[param.key];
+                if (value === null)
+                    continue;
+                if (typeof value === 'object' && value.start !== null && value.end !== null) {
+                    queryParams[param.key] = JSON.stringify({
+                        rangeFrom: value.start,
+                        rangeTo: value.end,
+                    });
+                }
+                else {
+                    queryParams[param.key] = value;
+                }
+            }
+            this.router.navigate([paramKey], {
+                relativeTo: this.route,
+                queryParams,
+            });
+        });
+    }
+    singleValueChange(searchFieldKey, value, dataType) {
+        this.formValues[searchFieldKey] = value;
+        this.values$.pipe(take(1)).subscribe(values => {
+            if (dataType === 'bsn') {
+                this.validateBsnValue(searchFieldKey, value);
+            }
             if (value) {
-                queryParams[param.key] = value;
+                this.values$.next({
+                    ...values,
+                    [searchFieldKey]: this.getSingleValue(value, dataType),
+                });
+            }
+            else if (Object.keys(values).includes(searchFieldKey)) {
+                const valuesCopy = { ...values };
+                delete valuesCopy[searchFieldKey];
+                this.values$.next(valuesCopy);
+            }
+        });
+    }
+    multipleValueChange(searchFieldKey, value, dataType) {
+        this.values$.pipe(take(1)).subscribe(values => {
+            if (value && typeof value === 'object' && !Array.isArray(value)) {
+                const hasStart = value.start !== undefined && value.start !== '';
+                const hasEnd = value.end !== undefined && value.end !== '';
+                if (hasStart || hasEnd) {
+                    this.values$.next({
+                        ...values,
+                        [searchFieldKey]: {
+                            start: hasStart ? this.getSingleValue(value.start, dataType) : null,
+                            end: hasEnd ? this.getSingleValue(value.end, dataType) : null,
+                        },
+                    });
+                    return;
+                }
+            }
+            if (Array.isArray(value) && value.length > 0) {
+                this.values$.next({
+                    ...values,
+                    [searchFieldKey]: value.map(v => this.getSingleValue(typeof v === 'object' && 'id' in v ? v.id : v, dataType)),
+                });
+                return;
+            }
+            if (values[searchFieldKey] !== undefined) {
+                const valuesCopy = { ...values };
+                delete valuesCopy[searchFieldKey];
+                this.values$.next(valuesCopy);
+            }
+        });
+    }
+    openDropdownSubscription() {
+        combineLatest([this._key$, this.ikoSearchActions$]).subscribe(([aggregateKey, searchActions]) => {
+            searchActions.forEach(action => {
+                action.searchFields?.forEach(field => {
+                    if (field.dataType === 'time' &&
+                        field.fieldType === 'single' &&
+                        this.formValues[field.key] === undefined) {
+                        this.formValues[field.key] = '';
+                    }
+                    if (field.dataType === 'time' && field.fieldType === 'range') {
+                        if (this.formValues[field.key + '_start'] === undefined) {
+                            this.formValues[field.key + '_start'] = '';
+                        }
+                        if (this.formValues[field.key + '_end'] === undefined) {
+                            this.formValues[field.key + '_end'] = '';
+                        }
+                    }
+                });
+            });
+            searchActions.forEach(action => {
+                const actionKey = action.key;
+                action.searchFields
+                    ?.filter(field => field.dropdownDataProvider)
+                    .forEach(field => {
+                    this.ikoApiService
+                        .getDropdownData(field.dropdownDataProvider, aggregateKey, actionKey, field.key)
+                        .subscribe(dropdownData => {
+                        this.dropdownSelectItemsMap[field.key] = dropdownData
+                            ? Object.keys(dropdownData).map(dropdownFieldKey => ({
+                                id: dropdownFieldKey,
+                                text: dropdownData[dropdownFieldKey],
+                            }))
+                            : [];
+                    });
+                });
+            });
+        });
+    }
+    getSingleValue(value, dataType) {
+        if (dataType === 'boolean') {
+            if (value === this.BOOLEAN_POSITIVE) {
+                return true;
+            }
+            if (value === this.BOOLEAN_NEGATIVE) {
+                return false;
             }
         }
-        this.router.navigate([`${paramKey}`], { relativeTo: this.route, queryParams });
+        return value;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoSearchComponent, deps: [{ token: i3$1.ActivatedRoute }, { token: i3$1.Router }, { token: i1$2.PageTitleService }, { token: i6.IconService }, { token: IkoApiService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", 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 (dataRequests$ | async; as dataRequests) {\n  @if (dataRequests.length === 0) {\n    <valtimo-no-results [title]=\"'iko.searchFieldsNoResults' | translate\"></valtimo-no-results>\n  } @else {\n    @for (param of dataRequests; track param.key ?? param.fields?.[0]?.key) {\n      <div class=\"query-group\">\n        <span class=\"query-group__label\">{{ param.title }}</span>\n\n        <div class=\"query-group__row\">\n          @for (field of param.searchFields; track field.key) {\n            <div class=\"query-group__field\">\n              <input\n                cdsText\n                [id]=\"field.key\"\n                [placeholder]=\"field.title\"\n                [(ngModel)]=\"formValues[field.key]\"\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        </div>\n      </div>\n    }\n  }\n}\n", styles: [":host{display:flex;flex-direction:column;gap:32px}.query-group{display:flex;flex-direction:column;gap:8px}.query-group__row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.query-group__field{flex:1 1 200px;display:flex;flex-direction:column;min-width:180px}.query-group__field input{width:100%}.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}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: InputModule }, { kind: "directive", type: i6.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { 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.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.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: i3$2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i1$2.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }] }); }
+    validateBsnValue(fieldKey, value) {
+        if (!value) {
+            this.bsnErrors[fieldKey] = null;
+            return;
+        }
+        const validation = validateBsn(value);
+        this.bsnErrors[fieldKey] = validation.isValid ? null : validation.errorKey;
+    }
+    hasValue(value) {
+        if (value === null || value === undefined)
+            return false;
+        if (typeof value === 'string')
+            return value.trim().length > 0;
+        if (typeof value === 'boolean')
+            return true;
+        if (Array.isArray(value))
+            return value.length > 0;
+        if (typeof value === 'object') {
+            const v = value;
+            return ((v.start !== null && v.start !== undefined && v.start !== '') ||
+                (v.end !== null && v.end !== undefined && v.end !== ''));
+        }
+        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 class=\"query-group\" [heading]=\"param.title\" [cdsLayer]=\"1\">\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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoSearchComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoSearchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'valtimo-iko-search', standalone: true, imports: [
                         CommonModule,
-                        InputModule,
+                        InputModule$1,
                         ButtonModule,
+                        InputModule,
                         IconModule,
                         FormsModule,
                         ReactiveFormsModule,
                         TranslateModule,
-                        IkoListComponent,
                         CarbonListModule,
-                    ], 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 (dataRequests$ | async; as dataRequests) {\n  @if (dataRequests.length === 0) {\n    <valtimo-no-results [title]=\"'iko.searchFieldsNoResults' | translate\"></valtimo-no-results>\n  } @else {\n    @for (param of dataRequests; track param.key ?? param.fields?.[0]?.key) {\n      <div class=\"query-group\">\n        <span class=\"query-group__label\">{{ param.title }}</span>\n\n        <div class=\"query-group__row\">\n          @for (field of param.searchFields; track field.key) {\n            <div class=\"query-group__field\">\n              <input\n                cdsText\n                [id]=\"field.key\"\n                [placeholder]=\"field.title\"\n                [(ngModel)]=\"formValues[field.key]\"\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        </div>\n      </div>\n    }\n  }\n}\n", styles: [":host{display:flex;flex-direction:column;gap:32px}.query-group{display:flex;flex-direction:column;gap:8px}.query-group__row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.query-group__field{flex:1 1 200px;display:flex;flex-direction:column;min-width:180px}.query-group__field input{width:100%}.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}\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: i3$1.ActivatedRoute }, { type: i3$1.Router }, { type: i1$2.PageTitleService }, { type: i6.IconService }, { type: IkoApiService }] });
+                        TabsModule,
+                        LayerModule,
+                        AsyncPipe,
+                        SelectModule,
+                        DatePickerModule,
+                        NgIf,
+                        NgClass,
+                        ParagraphModule,
+                        TimePickerModule,
+                        DateTimePickerComponent,
+                        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 class=\"query-group\" [heading]=\"param.title\" [cdsLayer]=\"1\">\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"] }]
+        }], ctorParameters: () => [{ type: i1$2.ActivatedRoute }, { type: i1$2.Router }, { type: i2$2.PageTitleService }, { type: i6.IconService }, { type: IkoApiService }, { type: i5.TranslateService }] });
 
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
@@ -3822,11 +4571,11 @@ const routes = [
     },
 ];
 class IkoRoutingModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: IkoRoutingModule, imports: [CommonModule, i3$1.RouterModule], exports: [RouterModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoRoutingModule, imports: [CommonModule, RouterModule.forChild(routes), RouterModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: IkoRoutingModule, imports: [CommonModule, i1$2.RouterModule], exports: [RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoRoutingModule, imports: [CommonModule, RouterModule.forChild(routes), RouterModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoRoutingModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoRoutingModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
@@ -3856,9 +4605,9 @@ class IkoModule {
         this.menuService = menuService;
         this.menuService.registerAppendMenuItemsFunction(this.ikoMenuService.appendIkoMenuItems);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoModule, deps: [{ token: IkoMenuService }, { token: i1$2.MenuService }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: IkoModule, imports: [CommonModule, IkoRoutingModule, IkoSearchComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoModule, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoModule, deps: [{ token: IkoMenuService }, { token: i2$2.MenuService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: IkoModule, imports: [CommonModule, IkoRoutingModule, IkoSearchComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoModule, providers: [
             IkoMenuService,
             {
                 provide: IKO_TOKEN,
@@ -3866,7 +4615,7 @@ class IkoModule {
             },
         ], imports: [CommonModule, IkoRoutingModule, IkoSearchComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IkoModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, IkoRoutingModule, IkoSearchComponent],
@@ -3878,7 +4627,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         },
                     ],
                 }]
-        }], ctorParameters: () => [{ type: IkoMenuService }, { type: i1$2.MenuService }] });
+        }], ctorParameters: () => [{ type: IkoMenuService }, { type: i2$2.MenuService }] });
 
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.