@valtimo/iko 13.2.1

package/fesm2022/valtimo-iko.mjs

@@ -0,0 +1,3363 @@
+import * as i0 from '@angular/core';
+import { Injectable, Input, ViewEncapsulation, ChangeDetectionStrategy, Component, ViewContainerRef, ViewChild, signal, EventEmitter, Output, Inject, computed, NgModule } from '@angular/core';
+import * as i4 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@valtimo/shared';
+import { BaseApiService, getDisplayTypeParametersView, ROLE_ADMIN, IKO_TOKEN } from '@valtimo/shared';
+import * as i3 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import { AuthGuardService } from '@valtimo/security';
+import * as i1$2 from '@valtimo/components';
+import { CarbonListModule, EllipsisPipe, FormIoModule, RenderInPageHeaderDirective, ViewType, runAfterCarbonModalClosed, ValtimoCdsModalDirective, SelectModule, CarbonMultiInputModule, InputLabelModule, CARBON_CONSTANTS, ValuePathSelectorPrefix, ConfirmationModalModule } from '@valtimo/components';
+import * as i6 from 'carbon-components-angular';
+import { InputModule, PaginationModule, TilesModule, ButtonModule, TabsModule, ModalModule, LayerModule, ToggleModule, TooltipModule, NumberModule, IconModule, DropdownModule } from 'carbon-components-angular';
+import { BehaviorSubject, filter, of, switchMap, combineLatest, tap, map as map$1, Subscription, delay, startWith, distinctUntilChanged, take } from 'rxjs';
+import * as i2$1 from '@valtimo/layout';
+import { WidgetCollectionComponent, WidgetCustomComponent, WidgetFieldComponent, WidgetFormioComponent, WidgetTableComponent, WidgetType, WidgetContainerComponent, WIDGET_MANAGEMENT_SERVICE, WidgetManagementComponent } from '@valtimo/layout';
+import * as i3$1 from '@ngx-translate/core';
+import { TranslateModule, TranslatePipe } from '@ngx-translate/core';
+import * as i1 from '@angular/common/http';
+import { HttpParams } from '@angular/common/http';
+import { map, take as take$1 } from 'rxjs/operators';
+import * as i1$1 from 'ngx-logger';
+import { isEqual } from 'lodash';
+import * as i2$2 from '@angular/forms';
+import { Validators, ReactiveFormsModule, FormsModule } from '@angular/forms';
+import { TrashCan16, InformationFilled16, Search16 } from '@carbon/icons';
+import { toObservable } from '@angular/core/rxjs-interop';
+import { runAfterCarbonModalClosed as runAfterCarbonModalClosed$1, ValtimoCdsModalDirective as ValtimoCdsModalDirective$1, SelectModule as SelectModule$1, CarbonMultiInputModule as CarbonMultiInputModule$1, InputLabelModule as InputLabelModule$1, AutoKeyInputComponent } from 'dist/valtimo/components';
+
+/*
+ * 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 IkoApiService extends BaseApiService {
+    get cachedMenuItems$() {
+        return this._cachedMenuItems$.asObservable();
+    }
+    setCachedMenuItems(items) {
+        this._cachedMenuItems$.next(items);
+    }
+    constructor(httpClient, configService) {
+        super(httpClient, configService);
+        this.httpClient = httpClient;
+        this.configService = configService;
+        this._cachedMenuItems$ = new BehaviorSubject([]);
+    }
+    getIkoDataAggregates(key, title, page = 0, size = 10000, sort = 'title,asc') {
+        const params = new URLSearchParams();
+        if (key)
+            params.append('key', key);
+        if (title)
+            params.append('title', title);
+        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()}`));
+    }
+    getIkoDetailTabs(ikoDataAggregateKey) {
+        return this.httpClient.get(this.getApiUrl(`/v1/iko-data-aggregate/${ikoDataAggregateKey}/tab`));
+    }
+    getIkoDataRequests(ikoDataAggregateKey) {
+        return this.httpClient.get(this.getApiUrl(`/v1/iko-data-aggregate/${ikoDataAggregateKey}/data-request`));
+    }
+    getIkoWidget(ikoDataAggregateKey, tabKey) {
+        return this.httpClient.get(this.getApiUrl(`/v1/iko-data-aggregate/${ikoDataAggregateKey}/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}`));
+    }
+    searchIkoDataRequest(ikoKey, paramKey, filters) {
+        return this.httpClient.post(this.getApiUrl(`/v1/iko-data-aggregate/${ikoKey}/data-request/${paramKey}/search`), filters);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoApiService, 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: IkoApiService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoApiService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2.ConfigService }] });
+
+/*
+ * 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 IkoTabService {
+    get activeTab$() {
+        return this._activeTab$.pipe(filter(tab => !!tab));
+    }
+    get activeTabKey$() {
+        return this.activeTab$.pipe(map(tab => tab.key));
+    }
+    get dataAggregateKey$() {
+        return this._dataAggregateKey$.pipe(filter(key => !!key));
+    }
+    get entryId$() {
+        return this._entryId$.pipe(filter(key => !!key));
+    }
+    constructor(logger) {
+        this.logger = logger;
+        this._activeTab$ = new BehaviorSubject(null);
+        this._dataAggregateKey$ = 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}`);
+    }
+    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' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoTabService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i1$1.NGXLogger }] });
+
+/*
+ * 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 IkoManagementApiService extends BaseApiService {
+    constructor(httpClient, configService) {
+        super(httpClient, configService);
+        this.httpClient = httpClient;
+        this.configService = configService;
+    }
+    getIkoDataAggregates(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 });
+    }
+    getIkoDataAggregate(key) {
+        return this.httpClient.get(this.getApiUrl(`/v1/iko-data-aggregate/${key}`));
+    }
+    createIkoDataAggregate(key, body) {
+        return this.httpClient.post(this.getApiUrl(`/v1/iko-data-aggregate/${key}`), body);
+    }
+    updateIkoDataAggregate(key, body) {
+        return this.httpClient.put(this.getApiUrl(`/v1/iko-data-aggregate/${key}`), body);
+    }
+    deleteIkoDataAggregate(key) {
+        return this.httpClient.delete(this.getApiUrl(`/v1/iko-data-aggregate/${key}`));
+    }
+    getIkoDataAggregatePropertyFields(type) {
+        return this.httpClient.get(this.getApiUrl(`/v1/iko-property-fields/${type}/data-aggregate`));
+    }
+    getManagementIkoDataAggregates(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);
+        if (title)
+            params = params.set('title', title);
+        if (ikoRepositoryConfigKey)
+            params = params.set('ikoRepositoryConfigKey', ikoRepositoryConfigKey);
+        return this.httpClient.get(this.getApiUrl(`management/v1/iko-data-aggregate`), { params });
+    }
+    getManagementIkoDataRequests(aggregateKey) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/iko-data-aggregate/${aggregateKey}/data-request`));
+    }
+    getIkoDataRequest(aggregateKey, key) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/iko-data-aggregate/${aggregateKey}/data-request/${key}`));
+    }
+    createIkoDataRequest(aggregateKey, key, body) {
+        return this.httpClient.post(this.getApiUrl(`management/v1/iko-data-aggregate/${aggregateKey}/data-request/${key}`), body);
+    }
+    updateIkoDataRequests(aggregateKey, body) {
+        return this.httpClient.put(this.getApiUrl(`management/v1/iko-data-aggregate/${aggregateKey}/data-request`), body);
+    }
+    updateIkoDataRequest(aggregateKey, actionKey, body) {
+        return this.httpClient.put(this.getApiUrl(`management/v1/iko-data-aggregate/${aggregateKey}/data-request/${actionKey}`), body);
+    }
+    deleteIkoDataRequest(aggregateKey, key) {
+        return this.httpClient.delete(this.getApiUrl(`management/v1/iko-data-aggregate/${aggregateKey}/data-request/${key}`));
+    }
+    getIkoDataRequestPropertyFields(type) {
+        return this.httpClient.get(this.getApiUrl(`/v1/iko-property-fields/${type}/data-request`));
+    }
+    getIkoRepositoryConfigs() {
+        return this.httpClient.get(this.getApiUrl(`/management/v1/iko`));
+    }
+    getIkoRepositoryConfig(key) {
+        return this.httpClient.get(this.getApiUrl(`/management/v1/iko/${key}`));
+    }
+    createIkoRepositoryConfig(key, body) {
+        return this.httpClient.post(this.getApiUrl(`management/v1/iko/${key}`), body);
+    }
+    updateIkoRepositoryConfig(key, body) {
+        return this.httpClient.put(this.getApiUrl(`/v1/iko/${key}`), body);
+    }
+    deleteIkoRepositoryConfig(key) {
+        return this.httpClient.delete(this.getApiUrl(`/v1/iko/${key}`));
+    }
+    getIkoRepositoryConfigPropertyFields(type) {
+        return this.httpClient.get(this.getApiUrl(`/management/v1/iko-property-fields/${type}/repository-config`));
+    }
+    getIkoRepositoryTypes() {
+        return this.httpClient.get(this.getApiUrl(`/management/v1/iko-types`));
+    }
+    getIkoTabs(aggregateKey) {
+        return this.httpClient.get(this.getApiUrl(`/v1/iko-data-aggregate/${aggregateKey}/tab`));
+    }
+    getIkoTab(aggregateKey, tabKey) {
+        return this.httpClient.get(this.getApiUrl(`/management/v1/iko-data-aggregate/${aggregateKey}/tab/${tabKey}`));
+    }
+    createIkoTab(aggregateKey, tabKey, body) {
+        return this.httpClient.post(this.getApiUrl(`/management/v1/iko-data-aggregate/${aggregateKey}/tab/${tabKey}`), body);
+    }
+    updateIkoTabs(aggregateKey, body) {
+        return this.httpClient.put(this.getApiUrl(`/management/v1/iko-data-aggregate/${aggregateKey}/tab`), body);
+    }
+    updateIkoTab(aggregateKey, tabKey, body) {
+        return this.httpClient.put(this.getApiUrl(`/management/v1/iko-data-aggregate/${aggregateKey}/tab/${tabKey}`), body);
+    }
+    deleteIkoTab(aggregateKey, tabKey) {
+        return this.httpClient.delete(this.getApiUrl(`/management/v1/iko-data-aggregate/${aggregateKey}/tab/${tabKey}`));
+    }
+    // public getIkoWidgets(aggregateKey: string, tabKey: string): Observable<BasicWidget[]> {
+    //   return this.httpClient.get<BasicWidget[]>(
+    //     this.getApiUrl(`/v1/iko-data-aggregate/${aggregateKey}/tab/${tabKey}/widget`)
+    //   );
+    // }
+    getIkoWidget(aggregateKey, tabKey, widgetKey) {
+        return this.httpClient.get(this.getApiUrl(`/v1/iko-data-aggregate/${aggregateKey}/tab/${tabKey}/widget/${widgetKey}`));
+    }
+    // public createIkoWidget(
+    //   aggregateKey: string,
+    //   tabKey: string,
+    //   widgetKey: string,
+    //   body: WidgetDto
+    // ): Observable<WidgetDto> {
+    //   return this.httpClient.post<WidgetDto>(
+    //     this.getApiUrl(`/v1/iko-data-aggregate/${aggregateKey}/tab/${tabKey}/widget/${widgetKey}`),
+    //     body
+    //   );
+    // }
+    // public updateIkoWidgets(
+    //   aggregateKey: string,
+    //   tabKey: string,
+    //   body: WidgetDto[]
+    // ): Observable<WidgetDto[]> {
+    //   return this.httpClient.put<WidgetDto[]>(
+    //     this.getApiUrl(`/v1/iko-data-aggregate/${aggregateKey}/tab/${tabKey}/widget`),
+    //     body
+    //   );
+    // }
+    // public deleteIkoWidget(
+    //   aggregateKey: string,
+    //   tabKey: string,
+    //   widgetKey: string
+    // ): Observable<void> {
+    //   return this.httpClient.delete<void>(
+    //     this.getApiUrl(`/v1/iko-data-aggregate/${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`));
+    }
+    getIkoSearchField(aggregateKey, requestKey, key) {
+        return this.httpClient.get(this.getApiUrl(`/v1/iko-data-aggregate/${aggregateKey}/data-request/${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);
+    }
+    updateIkoSearchFields(aggregateKey, requestKey, body) {
+        return this.httpClient.put(this.getApiUrl(`management/v1/iko-data-aggregate/${aggregateKey}/data-request/${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);
+    }
+    deleteIkoSearchField(aggregateKey, requestKey, key) {
+        return this.httpClient.delete(this.getApiUrl(`management/v1/iko-data-aggregate/${aggregateKey}/data-request/${requestKey}/search-field/${key}`));
+    }
+    getIkoListColumns(aggregateKey) {
+        return this.httpClient.get(this.getApiUrl(`/management/v1/iko-data-aggregate/${aggregateKey}/column`));
+    }
+    getIkoListColumn(aggregateKey, columnKey) {
+        return this.httpClient.get(this.getApiUrl(`/management/v1/iko-data-aggregate/${aggregateKey}/column/${columnKey}`));
+    }
+    createIkoListColumn(aggregateKey, columnKey, body) {
+        return this.httpClient.post(this.getApiUrl(`/management/v1/iko-data-aggregate/${aggregateKey}/column/${columnKey}`), body);
+    }
+    updateListColumn(aggregateKey, columnKey, body) {
+        return this.httpClient.put(this.getApiUrl(`/management/v1/iko-data-aggregate/${aggregateKey}/column/${columnKey}`), body);
+    }
+    updateIkoListColumnOrder(aggregateKey, body) {
+        return this.httpClient.put(this.getApiUrl(`/management/v1/iko-data-aggregate/${aggregateKey}/column`), body);
+    }
+    deleteIkoListColumn(aggregateKey, columnKey) {
+        return this.httpClient.delete(this.getApiUrl(`/management/v1/iko-data-aggregate/${aggregateKey}/column/${columnKey}`));
+    }
+    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' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementApiService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2.ConfigService }] });
+
+/*
+ * 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 IkoMenuService {
+    constructor(ikoApiService) {
+        this.ikoApiService = ikoApiService;
+        this.appendIkoMenuItems = (menuItems) => {
+            const ikoExists = menuItems.some(item => item.title === 'IKO');
+            if (ikoExists)
+                return of(menuItems);
+            return this.ikoApiService.getIkoDataAggregates().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) {
+                    adminMenuItem.children = [
+                        ...adminMenuItem.children,
+                        {
+                            title: ikoMenu.title,
+                            show: true,
+                            sequence: adminMenuItem.children[adminMenuItem.children.length - 1].sequence + 1,
+                            link: ['/iko-management'],
+                        },
+                    ];
+                }
+                return [...menuItems, ikoMenu].sort((a, b) => a.sequence - b.sequence);
+            }));
+        };
+    }
+    getIkoSequenceAfterCases(menuItems) {
+        const casesItem = menuItems.find(item => item.title === 'Cases' || item.title === 'Dossiers');
+        const casesSequence = Number(casesItem?.sequence ?? 0);
+        return casesSequence + 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' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoMenuService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: IkoApiService }] });
+
+class IkoWidgetManagementApiService extends BaseApiService {
+    get _params() {
+        return this._params$.getValue();
+    }
+    get params$() {
+        return this._params$.pipe(filter(params => !!params));
+    }
+    constructor(httpClient, configService) {
+        super(httpClient, configService);
+        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`))));
+    }
+    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)));
+    }
+    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}`))));
+    }
+    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)));
+    }
+    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)));
+    }
+    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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoWidgetManagementApiService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2.ConfigService }] });
+
+/*
+ * 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.
+ *
+ * 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 IkoWidgetCollectionComponent {
+    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._queryParams$ = new BehaviorSubject(null);
+        this.widgetData$ = combineLatest([
+            this.widgetConfiguration$,
+            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)));
+    }
+    onPaginationEvent(event) {
+        this._queryParams$.next(`page=${event.currentPage - 1}&size=${event.pageLength}`);
+    }
+    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: "14.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</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: [{
+            type: Component,
+            args: [{ selector: 'valtimo-iko-widget-collection', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [
+                        CommonModule,
+                        InputModule,
+                        PaginationModule,
+                        TilesModule,
+                        CarbonListModule,
+                        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</valtimo-widget-collection>\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.
+ *
+ * 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 IkoWidgetCustomComponent {
+    constructor() {
+        this._widgetConfigSubject$ = new BehaviorSubject(null);
+    }
+    set widgetConfiguration(value) {
+        if (!value)
+            return;
+        this._widgetConfigSubject$.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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", 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: [{
+                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.
+ *
+ * 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 IkoWidgetFieldComponent {
+    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.dataAggregateKey, 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoWidgetFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-iko-widget-field', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        CommonModule,
+                        InputModule,
+                        TranslateModule,
+                        CarbonListModule,
+                        EllipsisPipe,
+                        ButtonModule,
+                        WidgetFieldComponent,
+                    ], 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" }]
+        }], 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.
+ *
+ * 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 IkoWidgetFormioComponent {
+    set widgetConfiguration(value) {
+        if (!value)
+            return;
+        this.layoutService.setWidgetWithExternalData(value.uuid);
+        this._widgetConfigurationSubject$.next(value);
+    }
+    get widgetConfiguration$() {
+        return this._widgetConfigurationSubject$.pipe(filter(config => !!config));
+    }
+    constructor(layoutService) {
+        this.layoutService = layoutService;
+        this._widgetConfigurationSubject$ = new BehaviorSubject(null);
+    }
+    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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", 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: [{
+                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.
+ *
+ * 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 IkoWidgetTableComponent {
+    set widgetConfiguration(value) {
+        this._widgetConfiguration = value;
+        this.widgetConfiguration$.next(value);
+    }
+    get widgetConfiguration() {
+        return this._widgetConfiguration;
+    }
+    set widgetParams(value) {
+        this._widgetParams$.next(value);
+    }
+    constructor(ikoApiService, widgetLayoutService) {
+        this.ikoApiService = ikoApiService;
+        this.widgetLayoutService = widgetLayoutService;
+        this.widgetConfiguration$ = new BehaviorSubject(null);
+        this._widgetParams$ = new BehaviorSubject(null);
+        this._queryParams$ = new BehaviorSubject(null);
+        this.widgetData$ = combineLatest([
+            this.widgetConfiguration$,
+            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)));
+    }
+    onPaginationEvent(event) {
+        this._queryParams$.next(`page=${event.currentPage - 1}&size=${event.pageLength}`);
+    }
+    getPageSizeParam(widgetConfiguration) {
+        return `size=${widgetConfiguration.properties.defaultPageSize}`;
+    }
+    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: "14.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</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: [{
+            type: Component,
+            args: [{ selector: 'valtimo-iko-widget-table', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [
+                        CommonModule,
+                        CarbonListModule,
+                        PaginationModule,
+                        TilesModule,
+                        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</valtimo-widget-table>\n" }]
+        }], ctorParameters: () => [{ type: IkoApiService }, { type: i2$1.WidgetLayoutService }], propDecorators: { widgetConfiguration: [{
+                type: Input,
+                args: [{ required: true }]
+            }], widgetUuid: [{
+                type: Input
+            }], widgetParams: [{
+                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.
+ *
+ * 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 IkoWidgetComponent {
+    set key(value) {
+        this._key$.next(value);
+    }
+    get key$() {
+        return this._key$.pipe(filter((key) => !!key));
+    }
+    constructor(ikoTabService, ikoApiService, logger) {
+        this.ikoTabService = ikoTabService;
+        this.ikoApiService = ikoApiService;
+        this.logger = logger;
+        this.dataAggregateKey$ = this.ikoTabService.dataAggregateKey$;
+        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.widgetParams$ = combineLatest([
+            this.dataAggregateKey$,
+            this.key$,
+            this.entryId$,
+        ]).pipe(map$1(([dataAggregateKey, tabKey, entryId]) => ({
+            dataAggregateKey,
+            entryId,
+            tabKey,
+        })), tap(widgets => {
+            this.logger.debug(`IKO widgets retrieved ${JSON.stringify(widgets)}`);
+            this.loading$.next(false);
+        }));
+        this.widgetComponentMap = {
+            [WidgetType.FIELDS]: IkoWidgetFieldComponent,
+            [WidgetType.CUSTOM]: IkoWidgetCustomComponent,
+            [WidgetType.FORMIO]: IkoWidgetFormioComponent,
+            [WidgetType.TABLE]: IkoWidgetTableComponent,
+            [WidgetType.COLLECTION]: IkoWidgetCollectionComponent,
+        };
+    }
+    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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", 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" }]
+        }], ctorParameters: () => [{ type: IkoTabService }, { type: IkoApiService }, { type: i1$1.NGXLogger }], propDecorators: { key: [{
+                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.
+ */
+const IkoTabComponents = [IkoWidgetComponent];
+const TabComponentTypes = {
+    widgets: IkoWidgetComponent,
+};
+
+/*
+ * 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 IkoDetailsComponent {
+    constructor(breadcrumbService, ikoApiService, ikoTabService, pageTitleService, route, translateService) {
+        this.breadcrumbService = breadcrumbService;
+        this.ikoApiService = ikoApiService;
+        this.ikoTabService = ikoTabService;
+        this.pageTitleService = pageTitleService;
+        this.route = route;
+        this.translateService = translateService;
+        this.activeTabKey$ = this.ikoTabService.activeTabKey$;
+        this.tabs$ = combineLatest([
+            this.route.params,
+            this.route.queryParams,
+            this.translateService.stream('interface.results'),
+            this.ikoApiService.cachedMenuItems$,
+        ]).pipe(tap(([params, queryParams, breadcrumbTitle, menuItems]) => {
+            const currentMenuItem = menuItems.find(item => item.key === params.key);
+            if (currentMenuItem && currentMenuItem?.title)
+                this.pageTitleService.setCustomPageTitle(currentMenuItem.title, true);
+            this.breadcrumbService.setSecondBreadcrumb({
+                route: [`/iko/${params.key}`],
+                content: currentMenuItem?.title ?? '',
+                href: `/iko/${params.key}`,
+            });
+            this.breadcrumbService.setThirdBreadcrumb({
+                content: breadcrumbTitle,
+                route: [`/iko/${params.key}/${params.searchKey}`],
+                href: `/iko/${params.key}/${params.searchKey}`,
+                routeExtras: { queryParams },
+            });
+            this.ikoTabService.setDataAggregateKey(params.key);
+            this.ikoTabService.setEntryId(params.id);
+        }), switchMap(([params]) => this.ikoApiService.getIkoDetailTabs(params.key)), tap((tabs) => this.ikoTabService.setActiveTab(tabs[0])));
+    }
+    ngOnDestroy() {
+        this.breadcrumbService.clearSecondBreadcrumb();
+        this.breadcrumbService.clearThirdBreadcrumb();
+        this.pageTitleService.enableReset();
+    }
+    onTabSelected(tab) {
+        this.ikoTabService.setActiveTab(tab);
+        this._container.clear();
+        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.ActivatedRoute }, { token: i3$1.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>\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 .cds--tab-content{display:none}::ng-deep .page-actions{margin-left:unset!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: 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: [{
+            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>\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 .cds--tab-content{display:none}::ng-deep .page-actions{margin-left:unset!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$2.BreadcrumbService }, { type: IkoApiService }, { type: IkoTabService }, { type: i1$2.PageTitleService }, { type: i3.ActivatedRoute }, { type: i3$1.TranslateService }], propDecorators: { _container: [{
+                type: ViewChild,
+                args: ['content', { read: ViewContainerRef, static: true }]
+            }] } });
+
+/*
+ * 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 IkoListComponent {
+    constructor(breadcrumbService, ikoApiService, route, router) {
+        this.breadcrumbService = breadcrumbService;
+        this.ikoApiService = ikoApiService;
+        this.route = route;
+        this.router = router;
+        this.loading$ = new BehaviorSubject(true);
+        this.listConfig$ = combineLatest([
+            this.route.params,
+            this.route.queryParams,
+            this.ikoApiService.cachedMenuItems$,
+        ]).pipe(tap(() => this.loading$.next(true)), switchMap(([params, queryParams, menuItems]) => {
+            const currentMenuItem = menuItems.find(item => item.key === params.key);
+            this.breadcrumbService.setSecondBreadcrumb({
+                route: [`/iko/${params.key}`],
+                content: currentMenuItem?.title ?? '',
+                href: `/iko/${params.key}`,
+            });
+            return this.ikoApiService.searchIkoDataRequest(params.key, params.searchKey, {
+                filters: queryParams,
+            });
+        }), map$1(res => ({
+            fields: res.headers.reduce((acc, curr) => [
+                ...acc,
+                ...(curr.displayType.type === 'hidden'
+                    ? []
+                    : [
+                        {
+                            key: curr.key,
+                            label: curr.title,
+                            viewType: curr.displayType.type,
+                            sortable: curr.sortable,
+                            ...(!!curr.defaultSort && { default: curr.defaultSort }),
+                            ...curr.displayType.displayTypeParameters,
+                        },
+                    ]),
+            ], []),
+            items: res.rows.content.map(stuff => stuff.items.reduce((acc, curr) => ({ ...acc, [curr.key]: curr.value }), {})),
+        })), tap(() => this.loading$.next(false)));
+    }
+    ngOnDestroy() {
+        this.breadcrumbService.clearSecondBreadcrumb();
+    }
+    onRowClicked(item) {
+        this.router.navigate([`details/${item.id}`], {
+            relativeTo: this.route,
+            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.ActivatedRoute }, { token: i3.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=\"listConfig$ | async as listConfig\"\n  [fields]=\"listConfig.fields\"\n  [items]=\"listConfig.items\"\n  [loading]=\"loading$ | async\"\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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", 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=\"listConfig$ | async as listConfig\"\n  [fields]=\"listConfig.fields\"\n  [items]=\"listConfig.items\"\n  [loading]=\"loading$ | async\"\n  [hideToolbar]=\"true\"\n  (rowClicked)=\"onRowClicked($event)\"\n></valtimo-carbon-list>\n" }]
+        }], ctorParameters: () => [{ type: i1$2.BreadcrumbService }, { type: IkoApiService }, { type: i3.ActivatedRoute }, { type: i3.Router }] });
+
+/*
+ * 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 IkoManagementListModalComponent {
+    set openModal(value) {
+        this.$openModal.set(value);
+    }
+    set selectedListColumn(value) {
+        if (!value)
+            return;
+        this._selectedListColumn = value;
+        this.form.setValue(this.mapListColumnDtoToFormValue(value));
+        this.form.markAsPristine();
+    }
+    set modalMode(value) {
+        this._modalMode = value;
+        if (value === 'add') {
+            this.key.setAsyncValidators(this.keyNotUsedValidator());
+            this.key.enable();
+        }
+        else {
+            this.key.clearAsyncValidators();
+            this.key.disable();
+        }
+        this.key.updateValueAndValidity();
+    }
+    get modalMode() {
+        return this._modalMode;
+    }
+    get title() {
+        return this.form.get('title');
+    }
+    get key() {
+        return this.form.get('key');
+    }
+    get path() {
+        return this.form.get('path');
+    }
+    get displayType() {
+        return this.form.get('displayType');
+    }
+    get sortable() {
+        return this.form.get('sortable');
+    }
+    get defaultSort() {
+        return this.form.get('defaultSort');
+    }
+    get dateFormat() {
+        return this.form.get('dateFormat');
+    }
+    constructor(ikoManagementApiService, formBuilder, route) {
+        this.ikoManagementApiService = ikoManagementApiService;
+        this.formBuilder = formBuilder;
+        this.route = route;
+        this.$openModal = signal(false);
+        this.listColumns = [];
+        this._modalMode = 'add';
+        this.closeModalEvent = new EventEmitter();
+        this.form = this.formBuilder.group({
+            title: this.formBuilder.control('', [Validators.required]),
+            key: this.formBuilder.control('', [Validators.required], [this.keyNotUsedValidator()]),
+            path: this.formBuilder.control('', [Validators.required]),
+            displayType: this.formBuilder.control('', [Validators.required]),
+            sortable: this.formBuilder.control(false, [Validators.required]),
+            defaultSort: this.formBuilder.control(''),
+            dateFormat: this.formBuilder.control(''),
+            tagAmount: this.formBuilder.control(1),
+            booleanDisplayTypeParameters: this.formBuilder.control([
+                { key: '', value: '' },
+            ]),
+            enumDisplayTypeParameters: this.formBuilder.control([
+                { key: '', value: '' },
+            ]),
+        });
+        this.isDateDisplayType$ = this.displayType.valueChanges.pipe(map(type => type === ViewType.DATE));
+        this.isBooleanDisplayType$ = this.displayType.valueChanges.pipe(map(type => type === ViewType.BOOLEAN));
+        this.isEnumDisplayType$ = this.displayType.valueChanges.pipe(map(type => type === ViewType.ENUM));
+        this.isTagsDisplayType$ = this.displayType.valueChanges.pipe(map(type => type === ViewType.TAGS));
+        this._DISPLAY_TYPES = [
+            ViewType.TEXT,
+            ViewType.DATE,
+            ViewType.BOOLEAN,
+            ViewType.ENUM,
+            ViewType.ARRAY_COUNT,
+            ViewType.UNDERSCORES_TO_SPACES,
+            ViewType.TAGS,
+            ViewType.HIDDEN,
+        ];
+        this._dataAggregateKey$ = this.route.params.pipe(map(params => params?.key), filter(key => !!key));
+        this.displayTypeSelectItems = this._DISPLAY_TYPES.map(displayType => ({
+            id: displayType,
+            translationKey: `listColumnDisplayType.${displayType}`,
+        }));
+        this.sortSelectItems = [
+            {
+                translationKey: 'listColumn.sortableAsc',
+                id: 'ASC',
+            },
+            {
+                translationKey: 'listColumn.sortableDesc',
+                id: 'DESC',
+            },
+        ];
+        this._subscriptions = new Subscription();
+        this.resetForm = () => {
+            this.form.reset();
+            this.form.markAsPristine();
+            this.form.markAsUntouched();
+            this.form.updateValueAndValidity();
+        };
+    }
+    ngOnInit() {
+        this._subscriptions.add(this.defaultSort.valueChanges.subscribe(defaultSortValue => {
+            if (defaultSortValue) {
+                this.sortable.setValue(true);
+                this.sortable.disable();
+            }
+            else {
+                this.sortable.enable();
+            }
+        }));
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+    }
+    closeModal() {
+        this.closeModalEvent.emit('close');
+        runAfterCarbonModalClosed(this.resetForm);
+    }
+    addColumn() {
+        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)))
+            .subscribe({
+            next: () => {
+                this.enableForm();
+                this.closeModalEvent.emit('closeAndRefresh');
+                runAfterCarbonModalClosed(this.resetForm);
+            },
+            error: () => {
+                this.enableForm();
+            },
+        });
+    }
+    disableForm() {
+        this.form.disable();
+    }
+    enableForm() {
+        this.form.enable();
+    }
+    mapMultiInputValueToEnum(multiInputValues) {
+        return multiInputValues.reduce((acc, curr) => {
+            return { ...acc, [curr.key]: curr.value };
+        }, {});
+    }
+    getCreateRequestBodyFromFormValue() {
+        const { key, path, sortable, displayType, dateFormat, enumDisplayTypeParameters, booleanDisplayTypeParameters, defaultSort, ...rest } = this.form.getRawValue();
+        const displayTypeParameters = (() => {
+            switch (displayType) {
+                case ViewType.DATE:
+                    return { dateFormat };
+                case ViewType.ENUM:
+                    return {
+                        enum: this.mapMultiInputValueToEnum(enumDisplayTypeParameters),
+                    };
+                case ViewType.BOOLEAN:
+                    return {
+                        enum: this.mapMultiInputValueToEnum(booleanDisplayTypeParameters),
+                    };
+                default:
+                    return {};
+            }
+        })();
+        return {
+            key,
+            path,
+            sortable: Boolean(sortable),
+            ...(defaultSort ? { defaultSort: defaultSort } : {}),
+            ...rest,
+            ...(this.modalMode === 'edit' && {
+                order: this._selectedListColumn.order,
+            }),
+            displayType: {
+                type: displayType,
+                displayTypeParameters,
+            },
+        };
+    }
+    mapEnumToMultiInputValues(enumObj) {
+        if (!enumObj) {
+            return [{ key: '', value: '' }];
+        }
+        return Object.entries(enumObj).map(([key, value]) => ({ key, value }));
+    }
+    mapListColumnDtoToFormValue(dto) {
+        const { key, title, path, sortable, defaultSort, displayType } = dto;
+        const baseFormValue = {
+            key,
+            title: title || '',
+            path,
+            sortable,
+            defaultSort: defaultSort || '',
+            displayType: displayType.type,
+            dateFormat: '',
+            booleanDisplayTypeParameters: [{ key: '', value: '' }],
+            enumDisplayTypeParameters: [{ key: '', value: '' }],
+            tagAmount: 1,
+        };
+        if (displayType.type === ViewType.DATE) {
+            baseFormValue.dateFormat = displayType.displayTypeParameters?.dateFormat || '';
+        }
+        if (displayType.type === ViewType.ENUM) {
+            baseFormValue.enumDisplayTypeParameters = this.mapEnumToMultiInputValues(displayType.displayTypeParameters?.enum);
+        }
+        if (displayType.type === ViewType.BOOLEAN) {
+            baseFormValue.booleanDisplayTypeParameters = this.mapEnumToMultiInputValues(displayType.displayTypeParameters?.enum);
+        }
+        return baseFormValue;
+    }
+    keyNotUsedValidator() {
+        return (control) => {
+            const value = control.value?.trim();
+            if (!value)
+                return of(null);
+            const exists = this.listColumns.some(column => column.key.trim().toLowerCase() === value.toLowerCase());
+            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: i2$2.FormBuilder }, { token: i3.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$1.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: i2$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$2.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: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$2.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", "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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementListModalComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-iko-management-list-modal', imports: [
+                        CommonModule,
+                        TranslateModule,
+                        ModalModule,
+                        ValtimoCdsModalDirective,
+                        ButtonModule,
+                        InputModule,
+                        ReactiveFormsModule,
+                        LayerModule,
+                        SelectModule,
+                        ToggleModule,
+                        TooltipModule,
+                        CarbonMultiInputModule,
+                        InputLabelModule,
+                        NumberModule,
+                    ], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  valtimoCdsModal\n  *ngIf=\"{\n    title:\n      (modalMode === 'add' ? 'ikoManagement.addColumn' : 'ikoManagement.editColumn') | translate,\n  } as state\"\n  [open]=\"$openModal()\"\n  [title]=\"state.title\"\n  (close)=\"closeModal()\"\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{ state.title }}\n    </h3>\n  </cds-modal-header>\n\n  <form cdsModalContent [cdsLayer]=\"1\" [formGroup]=\"form\" class=\"iko-column-form\">\n    <cds-label>\n      {{ 'ikoManagement.titleTitle' | translate }}\n\n      <input\n        [invalid]=\"title.dirty && title.invalid\"\n        formControlName=\"title\"\n        cdsText\n        placeholder=\"{{ 'ikoManagement.columnTitlePlaceholder' | translate }}\"\n      />\n    </cds-label>\n\n    <cds-label>\n      {{ 'ikoManagement.keyTitle' | translate }}\n\n      <input\n        [invalid]=\"key.dirty && key.invalid\"\n        formControlName=\"key\"\n        cdsText\n        placeholder=\"{{ 'ikoManagement.columnKeyPlaceholder' | translate }}\"\n      />\n    </cds-label>\n\n    <cds-label>\n      {{ 'ikoManagement.pathTitle' | translate }}\n\n      <input\n        [invalid]=\"path.dirty && path.invalid\"\n        formControlName=\"path\"\n        cdsText\n        placeholder=\"{{ 'ikoManagement.columnPathPlaceholder' | translate }}\"\n      />\n    </cds-label>\n\n    <cds-toggle\n      formControlName=\"sortable\"\n      [label]=\"'ikoManagement.sortableTitle' | translate\"\n      [onText]=\"'ikoManagement.sortingEnabled' | translate\"\n      [offText]=\"'ikoManagement.sortingDisabled' | translate\"\n    ></cds-toggle>\n\n    <v-select\n      [invalid]=\"defaultSort.dirty && defaultSort.invalid\"\n      formControlName=\"defaultSort\"\n      [items]=\"sortSelectItems\"\n      titleTranslationKey=\"ikoManagement.defaultSortTitle\"\n      [appendInline]=\"false\"\n    ></v-select>\n\n    <v-select\n      [invalid]=\"displayType.dirty && displayType.invalid\"\n      formControlName=\"displayType\"\n      [items]=\"displayTypeSelectItems\"\n      titleTranslationKey=\"ikoManagement.displayType\"\n      [appendInline]=\"false\"\n    ></v-select>\n\n    <v-input-label\n      *ngIf=\"isDateDisplayType$ | async\"\n      titleTranslationKey=\"listColumn.dateFormat\"\n      tooltipTranslationKey=\"listColumn.dateFormatTooltip\"\n    >\n      <input cdsText formControlName=\"dateFormat\" />\n    </v-input-label>\n\n    <v-input-label\n      *ngIf=\"isBooleanDisplayType$ | async\"\n      titleTranslationKey=\"listColumn.enumTitleOptional\"\n      tooltipTranslationKey=\"listColumn.enumTooltipOptional\"\n    >\n      <valtimo-carbon-multi-input\n        type=\"keyValue\"\n        formControlName=\"booleanDisplayTypeParameters\"\n        [hideAddButton]=\"true\"\n        [hideDeleteButton]=\"true\"\n        [maxRows]=\"1\"\n        [keyColumnTitle]=\"'viewTypeConverter.Yes' | translate\"\n        [valueColumnTitle]=\"'viewTypeConverter.No' | translate\"\n      ></valtimo-carbon-multi-input>\n    </v-input-label>\n\n    <v-input-label\n      *ngIf=\"isEnumDisplayType$ | async\"\n      titleTranslationKey=\"listColumn.enumTitle\"\n      tooltipTranslationKey=\"listColumn.enumTooltip\"\n    >\n      <valtimo-carbon-multi-input\n        type=\"keyValue\"\n        formControlName=\"enumDisplayTypeParameters\"\n      ></valtimo-carbon-multi-input>\n    </v-input-label>\n\n    <v-input-label\n      *ngIf=\"isTagsDisplayType$ | async\"\n      titleTranslationKey=\"listColumn.tagAmount\"\n      tooltipTranslationKey=\"listColumn.tagAmountTooltip\"\n    >\n      <cds-number formControlName=\"tagAmount\" [min]=\"1\" [step]=\"1\"></cds-number>\n    </v-input-label>\n  </form>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"closeModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      [disabled]=\"form.invalid || form.disabled || !form.dirty\"\n      cdsButton=\"primary\"\n      (click)=\"addColumn()\"\n    >\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".iko-column-form{display:flex;flex-direction:column;gap:16px;width:100%}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+        }], ctorParameters: () => [{ type: IkoManagementApiService }, { type: i2$2.FormBuilder }, { type: i3.ActivatedRoute }], propDecorators: { openModal: [{
+                type: Input
+            }], listColumns: [{
+                type: Input
+            }], selectedListColumn: [{
+                type: Input
+            }], modalMode: [{
+                type: Input
+            }], closeModalEvent: [{
+                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.
+ */
+class IkoManagementApiComponent {
+    constructor(ikoManagementApiService, pageTitleService, router, formBuilder, translateService) {
+        this.ikoManagementApiService = ikoManagementApiService;
+        this.pageTitleService = pageTitleService;
+        this.router = router;
+        this.formBuilder = formBuilder;
+        this.translateService = translateService;
+        this.openModal$ = new BehaviorSubject(false);
+        this.disabled$ = new BehaviorSubject(true);
+        this.loading$ = new BehaviorSubject(true);
+        this._reload$ = new BehaviorSubject(null);
+        this.apiConfigs$ = this._reload$.pipe(switchMap(() => this.ikoManagementApiService.getIkoRepositoryConfigs()), map(res => res.content), tap(() => this.loading$.next(false)));
+        this.FIELDS = [
+            {
+                key: 'title',
+                label: 'ikoManagement.ikoServer',
+            },
+        ];
+        this.form = this.formBuilder.group({
+            title: this.formBuilder.control('', [Validators.required]),
+            key: this.formBuilder.control('', [Validators.required]),
+            type: this.formBuilder.control('iko', [Validators.required]),
+            pluginId: this.formBuilder.control('', [Validators.required]),
+        });
+        this._ikoRepositoryTypes$ = this.ikoManagementApiService.getIkoRepositoryTypes();
+        this.ikoRepositoryTypeSelectItems$ = this._ikoRepositoryTypes$.pipe(map(types => Object.keys(types).map(typeKey => ({ id: typeKey, text: types[typeKey] }))), tap(() => {
+            this.disabled$.next(false);
+        }));
+        this.pluginSelectItems$ = this.form
+            .get('type')
+            .valueChanges.pipe(startWith(this.form.get('type').value), tap(() => this.form.patchValue({ pluginId: '' })), switchMap(type => combineLatest([
+            type ? this.ikoManagementApiService.getIkoRepositoryConfigPropertyFields(type) : of([]),
+            this.translateService.stream('key'),
+        ])), map(([res]) => res?.reduce((acc, curr) => {
+            return [
+                ...acc,
+                ...curr?.dropdownList.map(field => ({
+                    id: field.first,
+                    text: field.second,
+                })),
+            ];
+        }, []) || []), tap(() => {
+            this.disabled$.next(false);
+        }));
+        this._subscriptions = new Subscription();
+    }
+    ngOnInit() {
+        this.pageTitleService.disableReset();
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+        this.pageTitleService.enableReset();
+    }
+    onRowClicked(event) {
+        this.router.navigate(['iko-management', event.key]);
+    }
+    openModal() {
+        this.openModal$.next(true);
+    }
+    closeModal() {
+        this.openModal$.next(false);
+        setTimeout(() => {
+            this.form.reset();
+        }, CARBON_CONSTANTS.modalAnimationMs);
+    }
+    getControlInvalid(controlKey) {
+        const control = this.form.get(controlKey);
+        if (!control) {
+            return true;
+        }
+        return !control.valid && !control.pristine;
+    }
+    createApiConfig() {
+        const formValue = this.form.getRawValue();
+        this.disable();
+        this.ikoManagementApiService
+            .createIkoRepositoryConfig(formValue.key, {
+            title: formValue.title,
+            key: formValue.key,
+            type: formValue.type,
+            properties: {
+                pluginConfiguration: formValue.pluginId,
+            },
+        })
+            .subscribe({
+            next: () => {
+                this.enable();
+                this.closeModal();
+                this.reload();
+            },
+            error: () => this.enable(),
+        });
+    }
+    disable() {
+        this.disabled$.next(true);
+        this.form.disable();
+    }
+    enable() {
+        this.disabled$.next(false);
+        this.form.enable();
+    }
+    reload() {
+        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.Router }, { token: i2$2.FormBuilder }, { token: i3$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.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  [fields]=\"FIELDS\"\n  [items]=\"apiConfigs$ | async\"\n  [loading]=\"loading$ | async\"\n  (rowClicked)=\"onRowClicked($event)\"\n>\n  <div carbonToolbarContent>\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  </div>\n</valtimo-carbon-list>\n\n<cds-modal\n  valtimoCdsModal\n  [open]=\"openModal$ | async\"\n  showFooter=\"true\"\n  title=\"{{ 'ikoManagement.addApiConfig' | translate }}\"\n  (close)=\"closeModal()\"\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'ikoManagement.addApiConfig' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form cdsModalContent [cdsLayer]=\"1\" [formGroup]=\"form\" 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 (false) {\n      <!-- TODO: Discuss with Thomas-->\n      <v-select\n        [invalid]=\"getControlInvalid('type')\"\n        formControlName=\"type\"\n        [items]=\"ikoRepositoryTypeSelectItems$ | async\"\n        [title]=\"'ikoManagement.typeTitle' | translate\"\n        [appendInline]=\"false\"\n      ></v-select>\n    }\n\n    <v-select\n      [invalid]=\"getControlInvalid('pluginId')\"\n      formControlName=\"pluginId\"\n      [items]=\"pluginSelectItems$ | async\"\n      [title]=\"'ikoManagement.pluginIdTitle' | translate\"\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 [disabled]=\"this.form.invalid\" cdsButton=\"primary\" (click)=\"createApiConfig()\">\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-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: "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: "ngmodule", type: TabsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.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: "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: i2$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$2.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: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { 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: i2$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { 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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementApiComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-iko-management-api', standalone: true, imports: [
+                        CommonModule,
+                        CarbonListModule,
+                        TabsModule,
+                        TranslateModule,
+                        ModalModule,
+                        ButtonModule,
+                        IconModule,
+                        FormsModule,
+                        InputModule,
+                        ReactiveFormsModule,
+                        ValtimoCdsModalDirective,
+                        LayerModule,
+                        SelectModule,
+                        IkoManagementListModalComponent,
+                    ], 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  [fields]=\"FIELDS\"\n  [items]=\"apiConfigs$ | async\"\n  [loading]=\"loading$ | async\"\n  (rowClicked)=\"onRowClicked($event)\"\n>\n  <div carbonToolbarContent>\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  </div>\n</valtimo-carbon-list>\n\n<cds-modal\n  valtimoCdsModal\n  [open]=\"openModal$ | async\"\n  showFooter=\"true\"\n  title=\"{{ 'ikoManagement.addApiConfig' | translate }}\"\n  (close)=\"closeModal()\"\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'ikoManagement.addApiConfig' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form cdsModalContent [cdsLayer]=\"1\" [formGroup]=\"form\" 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 (false) {\n      <!-- TODO: Discuss with Thomas-->\n      <v-select\n        [invalid]=\"getControlInvalid('type')\"\n        formControlName=\"type\"\n        [items]=\"ikoRepositoryTypeSelectItems$ | async\"\n        [title]=\"'ikoManagement.typeTitle' | translate\"\n        [appendInline]=\"false\"\n      ></v-select>\n    }\n\n    <v-select\n      [invalid]=\"getControlInvalid('pluginId')\"\n      formControlName=\"pluginId\"\n      [items]=\"pluginSelectItems$ | async\"\n      [title]=\"'ikoManagement.pluginIdTitle' | translate\"\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 [disabled]=\"this.form.invalid\" cdsButton=\"primary\" (click)=\"createApiConfig()\">\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-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.Router }, { type: i2$2.FormBuilder }, { type: i3$1.TranslateService }] });
+
+/*
+ * 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.
+ *
+ * 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.
+ *
+ * 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.
+ *
+ * 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 IkoManagementTabType;
+(function (IkoManagementTabType) {
+    IkoManagementTabType["LIST"] = "list";
+    IkoManagementTabType["SEARCH_FIELDS"] = "search";
+    IkoManagementTabType["WIDGETS"] = "widgets";
+    IkoManagementTabType["TABS"] = "tabs";
+})(IkoManagementTabType || (IkoManagementTabType = {}));
+var IkoTabType;
+(function (IkoTabType) {
+    IkoTabType["WIDGETS"] = "widgets";
+})(IkoTabType || (IkoTabType = {}));
+
+/*
+ * 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.
+ *
+ * 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 SearchFieldDataType;
+(function (SearchFieldDataType) {
+    SearchFieldDataType["TEXT"] = "text";
+    SearchFieldDataType["NUMBER"] = "number";
+    SearchFieldDataType["DATE"] = "date";
+    SearchFieldDataType["DATETIME"] = "datetime";
+    SearchFieldDataType["TIME"] = "time";
+    SearchFieldDataType["BOOLEAN"] = "boolean";
+})(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 || (SearchFieldFieldType = {}));
+var SearchFieldMatchType;
+(function (SearchFieldMatchType) {
+    SearchFieldMatchType["LIKE"] = "like";
+    SearchFieldMatchType["EXACT"] = "exact";
+})(SearchFieldMatchType || (SearchFieldMatchType = {}));
+var SearchDropdownDataProvider;
+(function (SearchDropdownDataProvider) {
+    SearchDropdownDataProvider["DATABASE"] = "dropdownDatabaseDataProvider";
+    SearchDropdownDataProvider["JSON"] = "dropdownJsonFileDataProvider";
+})(SearchDropdownDataProvider || (SearchDropdownDataProvider = {}));
+
+/*
+ * 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.
+ *
+ * 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 IkoManagementSearchFieldModalComponent {
+    set prefillData(value) {
+        this._prefillData = value;
+        this.setPrefilledForm(value);
+    }
+    get prefillData() {
+        return this._prefillData;
+    }
+    get dataType() {
+        return this.formGroup.get('dataType');
+    }
+    get dataTypeValue$() {
+        return this.dataType?.valueChanges.pipe(startWith(this.dataType.value)) ?? of(null);
+    }
+    get matchType() {
+        return this.formGroup.get('matchType');
+    }
+    get matchTypeValue$() {
+        return this.matchType?.valueChanges.pipe(startWith(this.matchType.value)) ?? of(null);
+    }
+    get dropdownDataProvider() {
+        return this.formGroup.get('dropdownDataProvider');
+    }
+    get dropdownDataProviderValue$() {
+        return (this.dropdownDataProvider?.valueChanges.pipe(startWith(this.dropdownDataProvider.value)) ??
+            of(null));
+    }
+    get fieldType() {
+        return this.formGroup.get('fieldType');
+    }
+    get fieldTypeValue$() {
+        return this.fieldType?.valueChanges.pipe(startWith(this.fieldType.value)) ?? of(null);
+    }
+    get keyValue() {
+        const controlValue = this.formGroup.get('key')?.value;
+        return !controlValue ? null : controlValue;
+    }
+    get dataTypeValue() {
+        const controlValue = this.formGroup.get('dataType')?.value;
+        this._dataTypeValue$.next(controlValue?.id);
+        return !controlValue ? null : controlValue.id;
+    }
+    get fieldTypeValue() {
+        const controlValue = this.formGroup.get('fieldType')?.value;
+        return !controlValue ? null : controlValue.id;
+    }
+    get dropdownDataProviderValue() {
+        const controlValue = this.formGroup.get('dropdownDataProvider')?.value;
+        this._dropdownProviderValue$.next(controlValue?.id);
+        return !controlValue ? null : controlValue.id;
+    }
+    get dropdownValuesArray() {
+        const formArray = this.formGroup.get('dropdownValues');
+        return !formArray ? null : formArray;
+    }
+    constructor(iconService, fb, translateService) {
+        this.iconService = iconService;
+        this.fb = fb;
+        this.translateService = translateService;
+        this.closeEvent = new EventEmitter();
+        this.formGroup = this.fb.group({
+            key: this.fb.control('', Validators.required),
+            title: this.fb.control('', Validators.required),
+            path: this.fb.control('', Validators.required),
+            dataType: this.fb.control(null, Validators.required),
+            matchType: this.fb.control(null, this.matchTypeValidator),
+            fieldType: this.fb.control(null, Validators.required),
+            dropdownDataProvider: this.fb.control(null),
+            dropdownValues: this.fb.array([]),
+        });
+        this.SearchFieldDataType = SearchFieldDataType;
+        this.SearchFieldFieldType = SearchFieldFieldType;
+        this.SearchDropdownDataProvider = SearchDropdownDataProvider;
+        this.DROPDOWN_FIELDS = [
+            {
+                key: 'key',
+                label: 'searchFieldsOverview.key',
+                viewType: ViewType.TEXT,
+            },
+            {
+                key: 'value',
+                label: 'searchFieldsOverview.text',
+                viewType: ViewType.TEXT,
+            },
+        ];
+        this._dataTypeValue$ = new BehaviorSubject(null);
+        this._dropdownProviderValue$ = new BehaviorSubject(null);
+        this.dataTypeItems$ = combineLatest([
+            this.dataTypeValue$,
+            this.translateService.stream('key'),
+        ]).pipe(map$1(([dataTypeValue]) => [
+            {
+                content: this.translateService.instant('searchFields.text'),
+                id: SearchFieldDataType.TEXT,
+            },
+            {
+                content: this.translateService.instant('searchFields.boolean'),
+                id: SearchFieldDataType.BOOLEAN,
+            },
+            {
+                content: this.translateService.instant('searchFields.date'),
+                id: SearchFieldDataType.DATE,
+            },
+            {
+                content: this.translateService.instant('searchFields.datetime'),
+                id: SearchFieldDataType.DATETIME,
+            },
+            {
+                content: this.translateService.instant('searchFields.number'),
+                id: SearchFieldDataType.NUMBER,
+            },
+            {
+                content: this.translateService.instant('searchFields.time'),
+                id: SearchFieldDataType.TIME,
+            },
+        ].map(item => ({ ...item, selected: item.id === dataTypeValue?.id }))));
+        this.fieldTypeItems$ = combineLatest([
+            this._dataTypeValue$.pipe(distinctUntilChanged()),
+            this.fieldTypeValue$,
+            this.translateService.stream('key'),
+        ]).pipe(map$1(([dataTypeValue, fieldTypeValue]) => [
+            {
+                content: this.translateService.instant('searchFieldsOverview.single'),
+                id: SearchFieldFieldType.SINGLE,
+            },
+            {
+                content: this.translateService.instant('searchFieldsOverview.range'),
+                id: SearchFieldFieldType.RANGE,
+            },
+            ...(dataTypeValue === SearchFieldDataType.TEXT
+                ? [
+                    {
+                        content: this.translateService.instant('searchFieldsOverview.single-select-dropdown'),
+                        id: SearchFieldFieldType.SINGLE_SELECT_DROPDOWN,
+                    },
+                    {
+                        content: this.translateService.instant('searchFieldsOverview.multi-select-dropdown'),
+                        id: SearchFieldFieldType.MULTI_SELECT_DROPDOWN,
+                    },
+                ]
+                : []),
+        ].map(item => ({ ...item, selected: item.id === fieldTypeValue?.id }))));
+        this.dataProviderItems$ = this.translateService
+            .stream('key')
+            .pipe(switchMap(() => this.dropdownDataProviderValue$), map$1(dataProviderValue => [
+            {
+                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')
+            .pipe(switchMap(() => this.matchTypeValue$), map$1(matchTypeValue => [
+            {
+                content: this.translateService.instant('searchFieldsOverview.like'),
+                id: SearchFieldMatchType.LIKE,
+            },
+            {
+                content: this.translateService.instant('searchFieldsOverview.exact'),
+                id: SearchFieldMatchType.EXACT,
+            },
+        ].map(item => ({ ...item, selected: item.id === matchTypeValue?.id }))));
+        this.ValuePathSelectorPrefix = ValuePathSelectorPrefix;
+        this.iconService.registerAll([TrashCan16, InformationFilled16]);
+    }
+    ngOnInit() {
+        this.formGroup.setValidators([
+            this.dropdownDataProviderValidator,
+            this.dropdownValuesValidator,
+        ]);
+    }
+    addDropdownValue(prefillValue) {
+        if (!this.dropdownValuesArray)
+            return;
+        this.dropdownValuesArray.push(this.fb.group({
+            key: this.fb.control(prefillValue?.key ?? '', Validators.required),
+            value: this.fb.control(prefillValue?.value ?? '', Validators.required),
+        }));
+    }
+    removeDropdownValue(index) {
+        if (!this.dropdownValuesArray)
+            return;
+        this.dropdownValuesArray.removeAt(index);
+    }
+    onCancel() {
+        this.closeEvent.emit(null);
+        this.resetForm();
+    }
+    onSave() {
+        const groupValue = this.formGroup.getRawValue();
+        this.closeEvent.emit({
+            ...(groupValue.title && { title: groupValue.title }),
+            ...(groupValue.key && { key: groupValue.key }),
+            ...(groupValue.path && { path: groupValue.path }),
+            ...(groupValue.dataType?.content && { dataType: groupValue.dataType.id }),
+            ...(groupValue.matchType?.content && { matchType: groupValue.matchType.id }),
+            ...(groupValue.fieldType?.content && { fieldType: groupValue.fieldType.id }),
+            ...(groupValue.dropdownDataProvider?.content && {
+                dropdownDataProvider: groupValue.dropdownDataProvider.id,
+            }),
+            ...(groupValue.dropdownValues && {
+                dropdownValues: groupValue.dropdownValues.reduce((acc, curr) => ({ ...acc, ...(!!curr?.key && { [curr.key]: curr.value }) }), {}),
+            }),
+        });
+        this.resetForm();
+    }
+    setPrefilledForm(prefillData) {
+        if (!prefillData)
+            return;
+        this.formGroup.patchValue({
+            ...prefillData,
+            dataType: !prefillData.dataType
+                ? null
+                : {
+                    content: prefillData.dataType,
+                    id: prefillData.dataType,
+                    selected: true,
+                },
+            matchType: !prefillData.matchType
+                ? null
+                : {
+                    content: prefillData.matchType,
+                    id: prefillData.matchType,
+                    selected: true,
+                },
+            fieldType: !prefillData.fieldType
+                ? null
+                : {
+                    content: prefillData.fieldType,
+                    id: prefillData.fieldType,
+                    selected: true,
+                },
+            dropdownDataProvider: !prefillData.dropdownDataProvider
+                ? null
+                : {
+                    content: prefillData.dropdownDataProvider,
+                    id: prefillData.dropdownDataProvider,
+                    selected: true,
+                },
+            dropdownValues: [],
+        });
+        if (prefillData.dropdownDataProvider && prefillData.dropdownValues)
+            this.setPrefilledDropdownValues(prefillData.dropdownValues);
+        this.formGroup.get('key')?.disable();
+    }
+    setPrefilledDropdownValues(dropdownValue) {
+        if (!this.dropdownValuesArray || !this.dropdownDataProviderValue)
+            return;
+        Object.entries(dropdownValue).forEach(([key, value]) => {
+            this.addDropdownValue({ key, value });
+        });
+    }
+    matchTypeValidator(control) {
+        const controlValue = control.value;
+        const dataTypeControlValue = control.parent?.get('dataType')?.value;
+        if (dataTypeControlValue?.id === SearchFieldDataType.TEXT &&
+            (!controlValue || !controlValue.selected))
+            return { error: 'Match type not selected' };
+        return null;
+    }
+    dropdownDataProviderValidator(group) {
+        const controlValue = group.get('dropdownDataProvider')?.value;
+        const fieldTypeControlValue = group.get('fieldType')?.value;
+        if ([
+            SearchFieldFieldType.SINGLE_SELECT_DROPDOWN,
+            SearchFieldFieldType.MULTI_SELECT_DROPDOWN,
+        ].includes(fieldTypeControlValue?.id) &&
+            !controlValue)
+            return { error: 'Dropdown source provider is not specified' };
+        return null;
+    }
+    dropdownValuesValidator(group) {
+        const controlValue = group.get('dropdownValues')?.value;
+        const fieldTypeControlValue = group.get('fieldType')?.value?.id;
+        const dropdownProviderValue = group.get('dropdownDataProvider')?.value?.id;
+        if ([
+            SearchFieldFieldType.SINGLE_SELECT_DROPDOWN,
+            SearchFieldFieldType.MULTI_SELECT_DROPDOWN,
+        ].includes(fieldTypeControlValue) &&
+            (!controlValue || controlValue?.length === 0) &&
+            dropdownProviderValue === SearchDropdownDataProvider.DATABASE)
+            return { error: 'Dropdown source provider is not specified or is empty' };
+        return null;
+    }
+    resetForm() {
+        setTimeout(() => {
+            while (!!this.dropdownValuesArray?.length) {
+                this.dropdownValuesArray.removeAt(0);
+            }
+            this.formGroup.reset();
+            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: i2$2.FormBuilder }, { token: i3$1.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: i2$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$2.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: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2$2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementSearchFieldModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-iko-management-search-field-modal', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        ButtonModule,
+                        CommonModule,
+                        DropdownModule,
+                        InputLabelModule,
+                        InputModule,
+                        LayerModule,
+                        ModalModule,
+                        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: i2$2.FormBuilder }, { type: i3$1.TranslateService }], propDecorators: { open: [{
+                type: Input,
+                args: [{ required: true }]
+            }], prefillData: [{
+                type: Input
+            }], closeEvent: [{
+                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.
+ */
+class IkoManagementSearchFieldsComponent {
+    constructor(breadcrumbService, ikoManagementApiService, pageTitleService, route, translateService) {
+        this.breadcrumbService = breadcrumbService;
+        this.ikoManagementApiService = ikoManagementApiService;
+        this.pageTitleService = pageTitleService;
+        this.route = route;
+        this.translateService = translateService;
+        this._refresh$ = new BehaviorSubject(null);
+        this.params$ = this.route.params.pipe(map$1((params) => ({
+            apiKey: params.apiKey,
+            aggregateKey: params.key,
+            actionKey: params.actionKey,
+            tabKey: params.tabKey,
+        })));
+        this.loading$ = new BehaviorSubject(true);
+        this.searchFields$ = combineLatest([
+            this.params$,
+            this.translateService.stream('key'),
+            this._refresh$,
+        ]).pipe(switchMap(([params]) => this.ikoManagementApiService.getIkoSearchFields(params.aggregateKey, params.actionKey)), map$1((searchFields) => searchFields.map((field) => ({
+            ...field,
+            dataTypeText: this.translateService.instant(`searchFields.${field.dataType}`),
+            fieldTypeText: this.translateService.instant(`searchFieldsOverview.${field.fieldType}`),
+        }))), tap(() => this.loading$.next(false)));
+        this.deleteModalOpen$ = new BehaviorSubject(false);
+        this.deleteFieldKey$ = 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._ikoRepositoryConfig$ = this.params$.pipe(switchMap((params) => this.ikoManagementApiService.getIkoRepositoryConfig(params.apiKey)));
+        this.FIELDS = [
+            {
+                key: 'key',
+                label: 'interface.key',
+                viewType: ViewType.TEXT,
+            },
+            {
+                key: 'title',
+                label: 'interface.title',
+                viewType: ViewType.TEXT,
+            },
+            {
+                key: 'path',
+                label: 'searchFieldsOverview.path',
+                viewType: ViewType.TEXT,
+            },
+            {
+                key: 'dataTypeText',
+                label: 'searchFieldsOverview.dataType',
+                viewType: ViewType.TEXT,
+            },
+            {
+                key: 'fieldTypeText',
+                label: 'searchFieldsOverview.fieldType',
+                viewType: ViewType.TEXT,
+            },
+        ];
+        this.ACTION_ITEMS = [
+            {
+                label: 'interface.edit',
+                callback: this.editSearchField.bind(this),
+            },
+            {
+                label: 'interface.delete',
+                callback: this.deleteSearchField.bind(this),
+                type: 'danger',
+            },
+        ];
+        this._subscriptions = new Subscription();
+    }
+    ngOnInit() {
+        this.setBreadcrumbs();
+        this._subscriptions.add(combineLatest([this._searchAction$, this.translateService.stream('key')]).subscribe(([searchAction]) => {
+            this.pageTitleService.setCustomPageTitle(this.translateService.instant('ikoManagement.searchFields.pageTitle', {
+                searchActionTitle: searchAction.title,
+            }), true);
+        }));
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+        this.pageTitleService.enableReset();
+        this.breadcrumbService.clearThirdBreadcrumb();
+        this.breadcrumbService.clearFourthBreadcrumb();
+    }
+    onItemsReordered(searchFields, params) {
+        this.ikoManagementApiService
+            .updateIkoSearchFields(params.aggregateKey, params.actionKey, searchFields)
+            .pipe(take(1))
+            .subscribe();
+    }
+    openAddModal() {
+        this.fieldModalOpen$.next(true);
+    }
+    deleteSearchField(field) {
+        this.deleteFieldKey$.next(field.key);
+        this.deleteModalOpen$.next(true);
+    }
+    editSearchField(field) {
+        this.prefillData$.next(field);
+        this.fieldModalOpen$.next(true);
+    }
+    onDeleteSearchField(key) {
+        this.params$
+            .pipe(switchMap((params) => this.ikoManagementApiService.deleteIkoSearchField(params.aggregateKey, params.actionKey, key)))
+            .subscribe(() => this._refresh$.next(null));
+    }
+    onModalClose(field) {
+        this.fieldModalOpen$.next(false);
+        if (!field)
+            return;
+        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)))
+            .subscribe(() => this._refresh$.next(null));
+    }
+    setBreadcrumbs() {
+        combineLatest([
+            this._ikoRepositoryConfig$,
+            this.params$,
+            this.translateService.stream('key'),
+        ]).subscribe(([repositoryConfig, params]) => {
+            this.breadcrumbService.setThirdBreadcrumb({
+                route: [`/iko-management/${repositoryConfig.key}`],
+                content: repositoryConfig.title,
+                href: `/iko-management/${repositoryConfig.key}`,
+            });
+            this.breadcrumbService.setFourthBreadcrumb({
+                route: [`/iko-management/${repositoryConfig.key}/${params.aggregateKey}/${params.tabKey}`],
+                content: this.translateService.instant('ikoManagement.searchActions.title'),
+                href: `/iko-management/${repositoryConfig.key}/${params.aggregateKey}/${params.tabKey}`,
+            });
+        });
+    }
+    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.ActivatedRoute }, { token: i3$1.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$1.TranslatePipe, name: "translate" }, { kind: "component", type: IkoManagementSearchFieldModalComponent, selector: "valtimo-iko-management-search-field-modal", inputs: ["open", "prefillData"], outputs: ["closeEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementSearchFieldsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-iko-management-search-fields', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        ButtonModule,
+                        CarbonListModule,
+                        CommonModule,
+                        ConfirmationModalModule,
+                        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.ActivatedRoute }, { type: i3$1.TranslateService }] });
+
+/*
+ * 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 IkoManagementWidgetsComponent {
+    constructor(breadcrumbService, ikoManagementApiService, route, translateService, ikoWidgetManagementApiService) {
+        this.breadcrumbService = breadcrumbService;
+        this.ikoManagementApiService = ikoManagementApiService;
+        this.route = route;
+        this.translateService = translateService;
+        this.ikoWidgetManagementApiService = ikoWidgetManagementApiService;
+        this.params$ = this.route.params.pipe(map$1((params) => ({
+            apiKey: params.apiKey,
+            aggregateKey: params.key,
+            actionKey: params.actionKey,
+            tabKey: params.tabKey,
+            widgetTabKey: params.widgetTabKey,
+        })), tap((params) => this.ikoWidgetManagementApiService.initParams(params)));
+        this.widgets$ = this.ikoWidgetManagementApiService.getWidgetConfiguration();
+        this.AVAILABLE_WIDGET_TYPES = [
+            WidgetType.FIELDS,
+            WidgetType.COLLECTION,
+            WidgetType.TABLE,
+        ];
+        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.setBreadcrumbs();
+    }
+    ngOnDestroy() {
+        this.breadcrumbService.clearThirdBreadcrumb();
+        this.breadcrumbService.clearFourthBreadcrumb();
+        this._subscriptions.unsubscribe();
+    }
+    setBreadcrumbs() {
+        this._subscriptions.add(combineLatest([
+            this._ikoTabConfig$,
+            this._ikoRepositoryConfig$,
+            this.ikoWidgetManagementApiService.params$,
+            this.translateService.stream('key'),
+        ])
+            .pipe(tap(([tabConfig, repositoryConfig, params]) => {
+            if (!params)
+                return;
+            this.breadcrumbService.setThirdBreadcrumb({
+                route: [`/iko-management/${repositoryConfig.key}`],
+                content: repositoryConfig.title,
+                href: `/iko-management/${repositoryConfig.key}`,
+            });
+            this.breadcrumbService.setFourthBreadcrumb({
+                route: [
+                    `/iko-management/${repositoryConfig.key}/${params.aggregateKey}/${params.tabKey}`,
+                ],
+                content: tabConfig.title || params.widgetTabKey || '',
+                href: `/iko-management/${repositoryConfig.key}/${params.aggregateKey}/${params.tabKey}`,
+            });
+        }))
+            .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.ActivatedRoute }, { token: i3$1.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: [
+            {
+                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"] }, { kind: "ngmodule", type: TranslateModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementWidgetsComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, WidgetManagementComponent, TranslateModule], providers: [
+                        {
+                            provide: WIDGET_MANAGEMENT_SERVICE,
+                            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.ActivatedRoute }, { type: i3$1.TranslateService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [WIDGET_MANAGEMENT_SERVICE]
+                }] }] });
+
+/*
+ * 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 IkoManagementSearchActionModalComponent {
+    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) {
+        if (!value)
+            return;
+        this.$modalType.set('edit');
+        this.formGroup.patchValue(value);
+        this.formGroup.get('key')?.disable();
+    }
+    constructor(fb) {
+        this.fb = fb;
+        this.$modalType = signal('add');
+        this.$isOpen = signal(false);
+        this.modalClose = new EventEmitter();
+        this.formGroup = this.fb.group({
+            key: this.fb.control('', Validators.required),
+            title: this.fb.control('', Validators.required),
+            ikoDataAggregateKey: this.fb.control(''),
+            properties: this.fb.control({}),
+        });
+    }
+    onCancel() {
+        this.modalClose.emit(null);
+    }
+    onSave() {
+        this.modalClose.emit({
+            key: this.formGroup.get('key')?.value ?? '',
+            title: this.formGroup.get('title')?.value ?? '',
+            ikoDataAggregateKey: this.formGroup.get('ikoDataAggregateKey')?.value ?? this.aggregateKey,
+            properties: this.formGroup.get('properties')?.value ?? {},
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementSearchActionModalComponent, deps: [{ token: i2$2.FormBuilder }], 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", 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  </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: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$2.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: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$2.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$1.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementSearchActionModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-iko-management-search-action-modal', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        InputModule,
+                        TranslateModule,
+                        ModalModule,
+                        ValtimoCdsModalDirective,
+                        ButtonModule,
+                        LayerModule,
+                    ], 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  </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: i2$2.FormBuilder }], propDecorators: { open: [{
+                type: Input
+            }], prefillData: [{
+                type: Input
+            }], aggregateKey: [{
+                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.
+ */
+class IkoManagementSearchActionsComponent {
+    constructor(route, router, ikoManagementApiService) {
+        this.route = route;
+        this.router = router;
+        this.ikoManagementApiService = ikoManagementApiService;
+        this.loading$ = new BehaviorSubject(true);
+        this.FIELDS = [
+            {
+                key: 'title',
+                label: 'interface.title',
+                viewType: ViewType.TEXT,
+            },
+            {
+                key: 'key',
+                label: 'interface.key',
+                viewType: ViewType.TEXT,
+            },
+        ];
+        this.ACTION_ITEMS = [
+            {
+                label: 'interface.edit',
+                callback: this.editSearchAction.bind(this),
+            },
+            {
+                label: 'interface.delete',
+                callback: this.deleteSearchAction.bind(this),
+                type: 'danger',
+            },
+        ];
+        this.deleteSearchActionKey$ = new BehaviorSubject(null);
+        this.prefillData$ = new BehaviorSubject(null);
+        this.actionModalOpen$ = new BehaviorSubject(false);
+        this.deleteModalOpen$ = new BehaviorSubject(false);
+        this.aggregateKey$ = this.route.params.pipe(map((params) => params.key), filter(key => !!key));
+        this._refresh$ = new BehaviorSubject(null);
+        this.searchActions$ = combineLatest([
+            this.aggregateKey$,
+            this._refresh$,
+        ]).pipe(switchMap(([key]) => this.ikoManagementApiService.getManagementIkoDataRequests(key)), tap(() => this.loading$.next(false)));
+    }
+    onSearchActionClick(action) {
+        this.router.navigate([`search-action/${action.key}`], { relativeTo: this.route });
+    }
+    deleteSearchAction(action) {
+        this.deleteSearchActionKey$.next(action.key);
+        this.deleteModalOpen$.next(true);
+    }
+    onDeleteSearchAction(key) {
+        this.aggregateKey$
+            .pipe(switchMap((aggregateKey) => this.ikoManagementApiService.deleteIkoDataRequest(aggregateKey, key)))
+            .subscribe(() => this._refresh$.next(null));
+    }
+    editSearchAction(action) {
+        this.prefillData$.next(action);
+        this.actionModalOpen$.next(true);
+    }
+    onItemsReordered(searchActions, aggregateKey) {
+        this.ikoManagementApiService
+            .updateIkoDataRequests(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,
+                properties: {},
+            })
+            : this.ikoManagementApiService.updateIkoDataRequest(aggregateKey, action.key, action)))
+            .subscribe(() => {
+            this._refresh$.next(null);
+        });
+    }
+    openAddModal() {
+        this.actionModalOpen$.next(true);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementSearchActionsComponent, deps: [{ token: i3.ActivatedRoute }, { token: i3.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    [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", "aggregateKey"], outputs: ["modalClose"] }, { kind: "ngmodule", type: TabsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementSearchActionsComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [
+                        ButtonModule,
+                        CarbonListModule,
+                        CommonModule,
+                        ConfirmationModalModule,
+                        IconModule,
+                        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    [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.ActivatedRoute }, { type: i3.Router }, { type: IkoManagementApiService }] });
+
+/*
+ * 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 IkoManagementListComponent {
+    constructor(route, ikoManagementApiService, translateService) {
+        this.route = route;
+        this.ikoManagementApiService = ikoManagementApiService;
+        this.translateService = translateService;
+        this.$openModal = signal(false);
+        this.openConfirmationModal$ = new BehaviorSubject(false);
+        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.$ikoListColumnDtos = signal([]);
+        this.$selectedListColumn = signal(null);
+        this._reloadColumns$ = new BehaviorSubject(null);
+        this.ikoListColumns$ = combineLatest([
+            toObservable(this.$ikoListColumnDtos),
+            this.translateService.stream('key'),
+        ]).pipe(map(([columns]) => columns.map(column => ({
+            ...column,
+            title: column.title || '-',
+            sortable: column.sortable
+                ? this.translateService.instant('listColumn.sortableYes')
+                : this.translateService.instant('listColumn.sortableNo'),
+            defaultSort: (column.defaultSort === 'ASC' &&
+                this.translateService.instant('listColumn.sortableAsc')) ||
+                (column.defaultSort === 'DESC' &&
+                    this.translateService.instant('listColumn.sortableDesc')) ||
+                '-',
+            displayType: this.translateService.instant(`listColumnDisplayType.${column?.displayType?.type}`),
+            displayTypeParameters: getDisplayTypeParametersView(column.displayType.displayTypeParameters),
+        }))), tap(() => this.$disableInput.set(false)));
+        this.FIELDS = [
+            {
+                key: 'title',
+                label: 'listColumn.title',
+                viewType: 'string',
+                sortable: false,
+            },
+            {
+                key: 'key',
+                label: 'listColumn.key',
+                viewType: 'string',
+                sortable: false,
+            },
+            {
+                key: 'path',
+                label: 'listColumn.path',
+                viewType: 'string',
+                sortable: false,
+            },
+            {
+                key: 'displayType',
+                label: 'listColumn.displayType',
+                viewType: 'string',
+                sortable: false,
+            },
+            {
+                key: 'displayTypeParameters',
+                label: 'listColumn.displayTypeParameters',
+                viewType: 'string',
+                sortable: false,
+            },
+            {
+                key: 'sortable',
+                label: 'listColumn.sortable',
+                viewType: 'string',
+                sortable: false,
+            },
+            {
+                key: 'defaultSort',
+                label: 'listColumn.defaultSort',
+                viewType: 'string',
+                sortable: false,
+            },
+        ];
+        this.ACTION_ITEMS = [
+            {
+                label: 'interface.edit',
+                callback: this.onRowClicked.bind(this),
+            },
+            {
+                label: 'interface.delete',
+                callback: this.onDeleteClicked.bind(this),
+                type: 'danger',
+            },
+        ];
+        this._subscriptions = new Subscription();
+    }
+    ngOnInit() {
+        this._subscriptions.add(combineLatest([this._dataAggregateKey$, this._reloadColumns$])
+            .pipe(tap(() => this.$disableInput.set(true)), switchMap(([key]) => this.ikoManagementApiService.getIkoListColumns(key)), tap(res => {
+            this.$ikoListColumnDtos.set(res);
+            this.$loading.set(false);
+        }))
+            .subscribe());
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+    }
+    onItemsReordered(items) {
+        const listColumns = this.$ikoListColumnDtos();
+        const mappedItems = items
+            .map(item => listColumns.find(column => column.id === item.id))
+            .map((item, index) => ({ ...item, order: index }));
+        this.disableInput();
+        this._dataAggregateKey$
+            .pipe(switchMap(key => this.ikoManagementApiService.updateIkoListColumnOrder(key, mappedItems)))
+            .subscribe({
+            next: () => {
+                this.enableInput();
+                this.reloadColumns();
+            },
+            error: () => {
+                this.enableInput();
+            },
+        });
+    }
+    onRowClicked(event) {
+        const listColumnDto = this.$ikoListColumnDtos().find(column => column.key === event.key);
+        if (!listColumnDto)
+            return;
+        this.$selectedListColumn.set({ ...listColumnDto });
+        this.$openModal.set(true);
+        this.$modalMode.set('edit');
+    }
+    onDeleteClicked(event) {
+        const listColumnDto = this.$ikoListColumnDtos().find(column => column.key === event.key);
+        if (!listColumnDto)
+            return;
+        this.$selectedListColumn.set({ ...listColumnDto });
+        this.openConfirmationModal$.next(true);
+    }
+    onDeleteListColumn(event) {
+        this.disableInput();
+        this._dataAggregateKey$
+            .pipe(switchMap(key => this.ikoManagementApiService.deleteIkoListColumn(key, event.key)))
+            .subscribe({
+            next: () => {
+                this.reloadColumns();
+                this.enableInput();
+            },
+            error: () => {
+                this.enableInput();
+            },
+        });
+    }
+    openModal() {
+        this.$openModal.set(true);
+    }
+    onCreateButtonClicked() {
+        this.$modalMode.set('add');
+        this.openModal();
+    }
+    closeModal() {
+        this.$openModal.set(false);
+    }
+    onCloseModalEvent(event) {
+        this.closeModal();
+        if (event === 'closeAndRefresh')
+            this.reloadColumns();
+    }
+    disableInput() {
+        this.$disableInput.set(true);
+    }
+    enableInput() {
+        this.$disableInput.set(false);
+    }
+    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.ActivatedRoute }, { token: IkoManagementApiService }, { token: i3$1.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$1.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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementListComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-iko-management-list-columns', imports: [
+                        CommonModule,
+                        CarbonListModule,
+                        TabsModule,
+                        TranslateModule,
+                        IkoManagementListModalComponent,
+                        ButtonModule,
+                        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.ActivatedRoute }, { type: IkoManagementApiService }, { type: i3$1.TranslateService }] });
+
+/*
+ * 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 IkoManagementTabDetailsModalComponent {
+    set openModal(value) {
+        this.$openModal.set(value);
+    }
+    set selectedTab(value) {
+        if (!value)
+            return;
+        this.form.setValue({ ...value, title: value.title || '' });
+        this.form.markAsPristine();
+    }
+    set modalMode(value) {
+        this._modalMode = value;
+    }
+    get modalMode() {
+        return this._modalMode;
+    }
+    get title() {
+        return this.form.get('title');
+    }
+    get key() {
+        return this.form.get('key');
+    }
+    get type() {
+        return this.form.get('type');
+    }
+    constructor(ikoManagementApiService, formBuilder, route) {
+        this.ikoManagementApiService = ikoManagementApiService;
+        this.formBuilder = formBuilder;
+        this.route = route;
+        this.$openModal = signal(false);
+        this.usedKeys = [];
+        this._modalMode = 'add';
+        this.closeModalEvent = new EventEmitter();
+        this.form = this.formBuilder.group({
+            title: this.formBuilder.control('', Validators.required),
+            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._TAB_TYPES = [IkoTabType.WIDGETS];
+        this.tabTypeSelectItems = this._TAB_TYPES.map(tabType => ({
+            id: tabType,
+            translationKey: `ikoManagement.tabTypes.${tabType}`,
+        }));
+        this.resetForm = () => {
+            this.form.reset();
+            this.form.markAsPristine();
+            this.form.markAsUntouched();
+            this.form.updateValueAndValidity();
+        };
+    }
+    closeModal() {
+        this.closeModalEvent.emit('close');
+        runAfterCarbonModalClosed$1(this.resetForm);
+    }
+    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)))
+            .subscribe({
+            next: () => {
+                this.enableForm();
+                this.closeModalEvent.emit('closeAndRefresh');
+                runAfterCarbonModalClosed$1(this.resetForm);
+            },
+            error: () => {
+                this.enableForm();
+            },
+        });
+    }
+    disableForm() {
+        this.form.disable();
+    }
+    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: i2$2.FormBuilder }, { token: i3.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]=\"title.value\"\n      [mode]=\"modalMode\"\n    >\n    </valtimo-auto-key-input>\n\n    <v-select\n      [invalid]=\"type.dirty && type.invalid\"\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$1.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$1, 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: i2$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$2.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: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$2.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$1 }, { 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$1 }, { kind: "ngmodule", type: InputLabelModule$1 }, { 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: [{
+            type: Component,
+            args: [{ selector: 'valtimo-iko-management-tab-details-modal', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        TranslateModule,
+                        ModalModule,
+                        ValtimoCdsModalDirective$1,
+                        ButtonModule,
+                        InputModule,
+                        ReactiveFormsModule,
+                        LayerModule,
+                        SelectModule$1,
+                        ToggleModule,
+                        TooltipModule,
+                        CarbonMultiInputModule$1,
+                        InputLabelModule$1,
+                        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]=\"title.value\"\n      [mode]=\"modalMode\"\n    >\n    </valtimo-auto-key-input>\n\n    <v-select\n      [invalid]=\"type.dirty && type.invalid\"\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: i2$2.FormBuilder }, { type: i3.ActivatedRoute }], propDecorators: { openModal: [{
+                type: Input
+            }], usedKeys: [{
+                type: Input
+            }], selectedTab: [{
+                type: Input
+            }], modalMode: [{
+                type: Input
+            }], closeModalEvent: [{
+                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.
+ */
+class IkoManagementTabsComponent {
+    constructor(route, ikoManagementApiService, translateService, router) {
+        this.route = route;
+        this.ikoManagementApiService = ikoManagementApiService;
+        this.translateService = translateService;
+        this.router = router;
+        this.$disableInput = signal(true);
+        this.$ikoTabDtos = signal([]);
+        this.$usedKeys = computed(() => this.$ikoTabDtos().map(tab => tab.key));
+        this.$loading = signal(true);
+        this.$selectedTab = signal(null);
+        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._reloadTabs$ = new BehaviorSubject(null);
+        this.ikoTabs$ = combineLatest([
+            toObservable(this.$ikoTabDtos),
+            this.translateService.stream('key'),
+        ]).pipe(map(([tabs]) => tabs.map(tab => ({
+            ...tab,
+            type: this.translateService.instant(`ikoManagement.tabTypes.${tab.type}`),
+        }))), tap(() => this.$disableInput.set(false)));
+        this.FIELDS = [
+            {
+                key: 'key',
+                label: 'ikoManagement.tabKey',
+                viewType: 'string',
+                sortable: false,
+            },
+            {
+                key: 'title',
+                label: 'ikoManagement.tabTitle',
+                viewType: 'string',
+                sortable: false,
+            },
+            {
+                key: 'type',
+                label: 'ikoManagement.tabType',
+                viewType: 'string',
+                sortable: false,
+            },
+        ];
+        this.ACTION_ITEMS = [
+            {
+                label: 'interface.edit',
+                callback: this.editTab.bind(this),
+            },
+            {
+                label: 'interface.delete',
+                callback: this.onDeleteClicked.bind(this),
+                type: 'danger',
+            },
+        ];
+        this._subscriptions = new Subscription();
+    }
+    ngOnInit() {
+        this._subscriptions.add(combineLatest([this._dataAggregateKey$, this._reloadTabs$])
+            .pipe(tap(() => this.$disableInput.set(true)), switchMap(([key]) => this.ikoManagementApiService.getIkoTabs(key)), tap(res => {
+            this.$ikoTabDtos.set(res);
+            this.$loading.set(false);
+        }))
+            .subscribe());
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+    }
+    onRowClicked(event) {
+        const tabDto = this.$ikoTabDtos().find(column => column.key === event.key);
+        if (!tabDto)
+            return;
+        if (tabDto.type === 'widgets') {
+            this.router.navigate(['widget-details', tabDto.key], { relativeTo: this.route });
+            return;
+        }
+        this.editTab(event);
+    }
+    editTab(event) {
+        const tabDto = this.$ikoTabDtos().find(column => column.key === event.key);
+        if (!tabDto)
+            return;
+        this.$selectedTab.set({ ...tabDto });
+        this.$openModal.set(true);
+        this.$modalMode.set('edit');
+    }
+    onDeleteClicked(event) {
+        const tabDto = this.$ikoTabDtos().find(tab => tab.key === event.key);
+        if (!tabDto)
+            return;
+        this.$selectedTab.set({ ...tabDto });
+        this.openConfirmationModal$.next(true);
+    }
+    onItemsReordered(items) {
+        const tabs = this.$ikoTabDtos();
+        const mappedItems = items
+            .map(item => tabs.find(column => column.key === item.key))
+            .map((item, index) => ({ ...item, order: index, title: item.title || null }));
+        this.disableInput();
+        this._dataAggregateKey$
+            .pipe(switchMap(key => this.ikoManagementApiService.updateIkoTabs(key, mappedItems)))
+            .subscribe({
+            next: () => {
+                this.enableInput();
+                this.reloadTabs();
+            },
+            error: () => {
+                this.enableInput();
+            },
+        });
+    }
+    onCreateButtonClicked() {
+        this.$modalMode.set('add');
+        this.openModal();
+    }
+    closeModal() {
+        this.$openModal.set(false);
+    }
+    onCloseModalEvent(event) {
+        this.closeModal();
+        if (event === 'closeAndRefresh')
+            this.reloadTabs();
+    }
+    openModal() {
+        this.$openModal.set(true);
+    }
+    onDeleteTab(event) {
+        this.disableInput();
+        this._dataAggregateKey$
+            .pipe(switchMap(key => this.ikoManagementApiService.deleteIkoTab(key, event.key)))
+            .subscribe({
+            next: () => {
+                this.reloadTabs();
+                this.enableInput();
+            },
+            error: () => {
+                this.enableInput();
+            },
+        });
+    }
+    disableInput() {
+        this.$disableInput.set(true);
+    }
+    enableInput() {
+        this.$disableInput.set(false);
+    }
+    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.ActivatedRoute }, { token: IkoManagementApiService }, { token: i3$1.TranslateService }, { token: i3.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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementTabsComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [
+                        CommonModule,
+                        CarbonListModule,
+                        TabsModule,
+                        CarbonListModule,
+                        ButtonModule,
+                        IconModule,
+                        IkoManagementTabDetailsModalComponent,
+                        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.ActivatedRoute }, { type: IkoManagementApiService }, { type: i3$1.TranslateService }, { type: i3.Router }] });
+
+/*
+ * 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.
+ */
+const IKO_MANAGEMENT_TABS = [
+    {
+        key: IkoManagementTabType.SEARCH_FIELDS,
+        title: 'ikoManagement.searchActions.title',
+        component: IkoManagementSearchActionsComponent,
+    },
+    {
+        key: IkoManagementTabType.LIST,
+        title: 'ikoManagement.list',
+        component: IkoManagementListComponent,
+    },
+    {
+        key: IkoManagementTabType.TABS,
+        title: 'ikoManagement.tabs.title',
+        component: IkoManagementTabsComponent,
+    },
+];
+
+/*
+ * 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.
+ *
+ * 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 IkoManagementDetailsComponent {
+    set dynamicContainer(view) {
+        if (view)
+            this._dynamicContainerSubject$.next(view);
+    }
+    get _dynamicContainer$() {
+        return this._dynamicContainerSubject$.pipe(filter(container => !!container));
+    }
+    constructor(ikoApiService, route, pageTitleService, router, breadcrumbService, ikoManagementApiService) {
+        this.ikoApiService = ikoApiService;
+        this.route = route;
+        this.pageTitleService = pageTitleService;
+        this.router = router;
+        this.breadcrumbService = breadcrumbService;
+        this.ikoManagementApiService = ikoManagementApiService;
+        this._dynamicContainerSubject$ = new BehaviorSubject(null);
+        this.loading$ = new BehaviorSubject(true);
+        this.tabKey$ = this.route.params.pipe(map(params => params?.tabKey), filter(key => !!key));
+        this._key$ = this.route.params.pipe(map(params => params?.key), filter(key => !!key));
+        this._apiKey$ = this.route.params.pipe(map(params => params?.apiKey), filter(key => !!key));
+        this.currentMenuItem$ = combineLatest([
+            this._key$,
+            this.ikoApiService.cachedMenuItems$,
+        ]).pipe(map(([key, items]) => {
+            const currentItem = items.find(item => item.key === key);
+            if (!currentItem)
+                return;
+            this.pageTitleService.setCustomPageTitle(currentItem.title || '-');
+        }));
+        this.FIELDS = [
+            {
+                key: 'title',
+                label: 'ikoManagement.title',
+            },
+        ];
+        this.TABS = IKO_MANAGEMENT_TABS;
+        this._subscriptions = new Subscription();
+    }
+    ngOnInit() {
+        this.openActivateTabSubscription();
+        this.setThirdBreadcrumb();
+        this.pageTitleService.disableReset();
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+        this.pageTitleService.enableReset();
+        this.breadcrumbService.clearThirdBreadcrumb();
+    }
+    onTabSelected(tab) {
+        this.router.navigate([`../${tab.key}`], { relativeTo: this.route });
+    }
+    openActivateTabSubscription() {
+        this._subscriptions.add(combineLatest([this.tabKey$, this._dynamicContainer$]).subscribe(([tabKey, container]) => {
+            const tab = this.TABS.find(tab => tab.key === tabKey);
+            container.clear();
+            container.createComponent(tab.component);
+        }));
+    }
+    setThirdBreadcrumb() {
+        this._apiKey$
+            .pipe(take(1), switchMap(apiKey => this.ikoManagementApiService.getIkoRepositoryConfig(apiKey)))
+            .subscribe(repositoryConfig => {
+            this.breadcrumbService.setThirdBreadcrumb({
+                route: [`/iko-management/${repositoryConfig.key}`],
+                content: repositoryConfig?.title ?? '',
+                href: `/iko-management/${repositoryConfig.key}`,
+            });
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementDetailsComponent, deps: [{ token: IkoApiService }, { token: i3.ActivatedRoute }, { token: i1$2.PageTitleService }, { token: i3.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$1.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", 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.ActivatedRoute }, { type: i1$2.PageTitleService }, { type: i3.Router }, { type: i1$2.BreadcrumbService }, { type: IkoManagementApiService }], propDecorators: { dynamicContainer: [{
+                type: ViewChild,
+                args: ['tabComponent', { static: false, read: ViewContainerRef }]
+            }] } });
+
+/*
+ * 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 IkoManagementComponent {
+    constructor(ikoApiService, ikoManagementApiService, router, route, pageTitleService) {
+        this.ikoApiService = ikoApiService;
+        this.ikoManagementApiService = ikoManagementApiService;
+        this.router = router;
+        this.route = route;
+        this.pageTitleService = pageTitleService;
+        this.loading$ = new BehaviorSubject(true);
+        this._apiKey$ = this.route.params.pipe(map(params => params?.apiKey), filter(key => !!key));
+        this.ikoDataAggregates$ = this._apiKey$.pipe(switchMap(apiKey => this.ikoManagementApiService
+            .getManagementIkoDataAggregates(undefined, undefined, apiKey)
+            .pipe(map(dataAggregatePage => dataAggregatePage.content), tap(() => this.loading$.next(false)))));
+        this.FIELDS = [
+            {
+                key: 'title',
+                label: 'ikoManagement.view',
+            },
+        ];
+    }
+    ngOnInit() {
+        this.pageTitleService.disableReset();
+        this.setPageTitle();
+    }
+    ngOnDestroy() {
+        this.pageTitleService.enableReset();
+    }
+    onRowClicked(event) {
+        this._apiKey$.pipe(take(1)).subscribe(apiKey => {
+            this.router.navigate(['iko-management', apiKey, event.key, IKO_MANAGEMENT_TABS[0].key]);
+        });
+    }
+    setPageTitle() {
+        this._apiKey$
+            .pipe(take(1), switchMap(apiKey => this.ikoManagementApiService.getIkoRepositoryConfig(apiKey)))
+            .subscribe(repositoryConfig => {
+            this.pageTitleService.setCustomPageTitle(repositoryConfig.title);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementComponent, deps: [{ token: IkoApiService }, { token: IkoManagementApiService }, { token: i3.Router }, { token: i3.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  [fields]=\"FIELDS\"\n  [items]=\"ikoDataAggregates$ | async\"\n  [loading]=\"loading$ | async\"\n  [hideToolbar]=\"true\"\n  (rowClicked)=\"onRowClicked($event)\"\n></valtimo-carbon-list>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoManagementComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-iko-management', 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  [fields]=\"FIELDS\"\n  [items]=\"ikoDataAggregates$ | async\"\n  [loading]=\"loading$ | async\"\n  [hideToolbar]=\"true\"\n  (rowClicked)=\"onRowClicked($event)\"\n></valtimo-carbon-list>\n" }]
+        }], ctorParameters: () => [{ type: IkoApiService }, { type: IkoManagementApiService }, { type: i3.Router }, { type: i3.ActivatedRoute }, { type: i1$2.PageTitleService }] });
+
+/*
+ * 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 IkoSearchComponent {
+    constructor(route, router, pageTitleService, iconService, ikoApiService) {
+        this.route = route;
+        this.router = router;
+        this.pageTitleService = pageTitleService;
+        this.iconService = iconService;
+        this.ikoApiService = ikoApiService;
+        this.formValues = {};
+        this._key$ = this.route.params.pipe(map$1(params => params?.key), filter(key => !!key));
+        this.dataRequests$ = this._key$.pipe(switchMap(key => combineLatest([
+            of(key),
+            this.ikoApiService.cachedMenuItems$,
+            this.ikoApiService.getIkoDataRequests(key),
+        ])), map$1(([key, menuItems, dataRequests]) => {
+            const currentMenuItem = menuItems.find(item => item.key === key);
+            if (currentMenuItem && currentMenuItem?.title)
+                this.pageTitleService.setCustomPageTitle(currentMenuItem.title, true);
+            return dataRequests;
+        }));
+        this.iconService.register(Search16);
+    }
+    ngOnDestroy() {
+        this.pageTitleService.enableReset();
+    }
+    searchDisabled(params) {
+        return params.some(param => !this.formValues[param.key] && param.required);
+    }
+    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];
+            if (value) {
+                queryParams[param.key] = value;
+            }
+        }
+        this.router.navigate([`${paramKey}`], { relativeTo: this.route, queryParams });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoSearchComponent, deps: [{ token: i3.ActivatedRoute }, { token: i3.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: i2$2.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: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.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$1.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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoSearchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-iko-search', standalone: true, imports: [
+                        CommonModule,
+                        InputModule,
+                        ButtonModule,
+                        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.ActivatedRoute }, { type: i3.Router }, { type: i1$2.PageTitleService }, { type: i6.IconService }, { type: IkoApiService }] });
+
+/*
+ * 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.
+ */
+const routes = [
+    {
+        path: 'iko/:key',
+        component: IkoSearchComponent,
+        canActivate: [AuthGuardService],
+        data: {
+            title: 'Iko',
+            customPageTitle: true,
+        },
+    },
+    {
+        path: 'iko/:key/:searchKey',
+        component: IkoListComponent,
+        canActivate: [AuthGuardService],
+        data: {
+            title: 'interface.results',
+        },
+    },
+    {
+        path: 'iko/:key/:searchKey/details/:id',
+        component: IkoDetailsComponent,
+        canActivate: [AuthGuardService],
+        data: {
+            title: 'interface.details',
+            customPageTitle: true,
+        },
+    },
+    {
+        path: 'iko-management',
+        component: IkoManagementApiComponent,
+        canActivate: [AuthGuardService],
+        data: {
+            title: 'Iko',
+            roles: [ROLE_ADMIN],
+        },
+    },
+    {
+        path: 'iko-management/:apiKey',
+        component: IkoManagementComponent,
+        canActivate: [AuthGuardService],
+        data: {
+            title: 'Iko',
+            roles: [ROLE_ADMIN],
+            customPageTitle: true,
+        },
+    },
+    {
+        path: 'iko-management/:apiKey/:key/:tabKey',
+        component: IkoManagementDetailsComponent,
+        canActivate: [AuthGuardService],
+        data: {
+            customPageTitle: true,
+            title: 'IKO Details',
+            roles: [ROLE_ADMIN],
+        },
+    },
+    {
+        path: 'iko-management/:apiKey/:key/:tabKey/search-action/:actionKey',
+        component: IkoManagementSearchFieldsComponent,
+        canActivate: [AuthGuardService],
+        data: {
+            customPageTitle: true,
+            title: 'IKO Search action details',
+            roles: [ROLE_ADMIN],
+        },
+    },
+    {
+        path: 'iko-management/:apiKey/:key/:tabKey/widget-details/:widgetTabKey',
+        component: IkoManagementWidgetsComponent,
+        canActivate: [AuthGuardService],
+        data: {
+            title: 'IKO Widget details',
+            roles: [ROLE_ADMIN],
+        },
+    },
+];
+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.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] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoRoutingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [CommonModule, RouterModule.forChild(routes)],
+                    exports: [RouterModule],
+                }]
+        }] });
+
+/*
+ * 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 IkoModule {
+    constructor(ikoMenuService, menuService) {
+        this.ikoMenuService = ikoMenuService;
+        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: [
+            IkoMenuService,
+            {
+                provide: IKO_TOKEN,
+                useValue: true,
+            },
+        ], imports: [CommonModule, IkoRoutingModule, IkoSearchComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IkoModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, IkoRoutingModule, IkoSearchComponent],
+                    providers: [
+                        IkoMenuService,
+                        {
+                            provide: IKO_TOKEN,
+                            useValue: true,
+                        },
+                    ],
+                }]
+        }], ctorParameters: () => [{ type: IkoMenuService }, { type: i1$2.MenuService }] });
+
+/*
+ * 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.
+ */
+/*
+ * Public API Surface of iko
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { IkoModule };
+//# sourceMappingURL=valtimo-iko.mjs.map