@valtimo/object-management 10.8.0 → 11.0.0

package/fesm2015/valtimo-object-management.mjs

@@ -1,1590 +0,0 @@
-import * as i0 from '@angular/core';
-import { Injectable, Component, ViewChild, Input, NgModule } from '@angular/core';
-import * as i1 from '@angular/common/http';
-import * as i4 from '@valtimo/config';
-import { ROLE_ADMIN } from '@valtimo/config';
-import * as i2 from '@angular/router';
-import { RouterModule } from '@angular/router';
-import * as i6 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { AuthGuardService } from '@valtimo/security';
-import { Subject, BehaviorSubject, map, combineLatest, delay, filter, switchMap, tap, startWith, of } from 'rxjs';
-import { take, catchError, tap as tap$1, switchMap as switchMap$1 } from 'rxjs/operators';
-import * as i7 from '@valtimo/components';
-import { DropzoneModule, WidgetModule, ListModule, CarbonMultiInputModule, ConfirmationModalModule, SpinnerModule, ModalModule as ModalModule$2, ValtimoCdsModalDirectiveModule } from '@valtimo/components';
-import * as i8 from 'carbon-components-angular';
-import { InputModule as InputModule$1, ButtonModule as ButtonModule$1, ModalModule as ModalModule$1, NotificationModule, LoadingModule, DropdownModule, CheckboxModule, LinkModule, IconModule } from 'carbon-components-angular';
-import * as i3 from '@valtimo/form';
-import * as i4$1 from '@valtimo/plugin';
-import * as i5 from '@valtimo/user-interface';
-import { ModalModule, TitleModule, ButtonModule, FormModule, InputModule, SelectModule, TooltipIconModule } from '@valtimo/user-interface';
-import * as i3$1 from '@ngx-translate/core';
-import { TranslateModule } from '@ngx-translate/core';
-import * as i10 from '@angular/forms';
-import { FormGroup, FormControl, Validators, ReactiveFormsModule } from '@angular/forms';
-import * as i5$1 from '@angular/platform-browser';
-import * as i3$2 from '@valtimo/form-management';
-
-/*
- * Copyright 2015-2023 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 ObjectManagementService {
-    constructor(http, configService) {
-        this.http = http;
-        this.valtimoEndpointUri = configService.config.valtimoApi.endpointUri;
-    }
-    getAllObjects() {
-        return this.http.get(`${this.valtimoEndpointUri}v1/object/management/configuration`);
-    }
-    getObjectById(id) {
-        return this.http.get(`${this.valtimoEndpointUri}v1/object/management/configuration/${id}`);
-    }
-    createObject(payload) {
-        return this.http.post(`${this.valtimoEndpointUri}v1/object/management/configuration`, payload);
-    }
-    editObject(payload) {
-        return this.http.put(`${this.valtimoEndpointUri}v1/object/management/configuration`, payload);
-    }
-    getSearchList(ownerId) {
-        return this.http.get(`${this.valtimoEndpointUri}v1/search/list-column/${ownerId}`);
-    }
-    postSearchList(ownerId, request) {
-        return this.http.post(`${this.valtimoEndpointUri}v1/search/list-column/${ownerId}`, Object.assign(Object.assign({}, request), { ownerId }));
-    }
-    putSearchList(ownerId, columnKey, request) {
-        return this.http.put(`${this.valtimoEndpointUri}v1/search/list-column/${ownerId}/${columnKey}`, Object.assign(Object.assign({}, request), { ownerId }));
-    }
-    putSearchListColumns(ownerId, request) {
-        return this.http.put(`${this.valtimoEndpointUri}v1/search/list-column/${ownerId}/search-list-columns`, [...request]);
-    }
-    deleteSearchList(ownerId, columnKey) {
-        return this.http.delete(`${this.valtimoEndpointUri}v1/search/list-column/${ownerId}/${columnKey}`);
-    }
-    getSearchField(ownerId) {
-        return this.http.get(`${this.valtimoEndpointUri}v1/search/field/${ownerId}`);
-    }
-    postSearchField(ownerId, request) {
-        return this.http.post(`${this.valtimoEndpointUri}v1/search/field/${ownerId}`, Object.assign(Object.assign({}, request), { ownerId }));
-    }
-    putSearchField(ownerId, key, request) {
-        return this.http.put(`${this.valtimoEndpointUri}v1/search/field/${ownerId}/${key}`, Object.assign(Object.assign({}, request), { ownerId }));
-    }
-    putSearchFields(ownerId, request) {
-        return this.http.put(`${this.valtimoEndpointUri}v1/search/field/${ownerId}/fields`, [...request]);
-    }
-    deleteSearchField(ownerId, key) {
-        return this.http.delete(`${this.valtimoEndpointUri}v1/search/field/${ownerId}/${key}`);
-    }
-}
-ObjectManagementService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ObjectManagementService, deps: [{ token: i1.HttpClient }, { token: i4.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
-ObjectManagementService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ObjectManagementService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ObjectManagementService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: i4.ConfigService }]; } });
-
-/*
- * Copyright 2015-2023 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 TabEnum;
-(function (TabEnum) {
-    TabEnum["GENERAL"] = "general";
-    TabEnum["LIST"] = "list";
-    TabEnum["SEARCH"] = "search";
-})(TabEnum || (TabEnum = {}));
-
-/*
- * Copyright 2015-2023 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 ObjectManagementStateService {
-    constructor() {
-        this._showModal$ = new Subject();
-        this._hideModal$ = new Subject();
-        this._refresh$ = new BehaviorSubject(null);
-        this._modalType$ = new BehaviorSubject('add');
-    }
-    get showModal$() {
-        return this._showModal$.asObservable();
-    }
-    get hideModal$() {
-        return this._hideModal$.asObservable();
-    }
-    get refresh$() {
-        return this._refresh$.asObservable();
-    }
-    get modalType$() {
-        return this._modalType$.asObservable();
-    }
-    showModal() {
-        this._showModal$.next(null);
-    }
-    hideModal() {
-        this._hideModal$.next(null);
-    }
-    refresh() {
-        this._refresh$.next(null);
-    }
-    setModalType(type) {
-        this._modalType$.next(type);
-    }
-}
-ObjectManagementStateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ObjectManagementStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ObjectManagementStateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ObjectManagementStateService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ObjectManagementStateService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return []; } });
-
-/*
- * Copyright 2015-2023 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 TabService {
-    constructor() {
-        this._currentTab$ = new BehaviorSubject(TabEnum.GENERAL);
-    }
-    get currentTab$() {
-        return this._currentTab$.asObservable();
-    }
-    set currentTab(tab) {
-        this._currentTab$.next(tab);
-    }
-}
-TabService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TabService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-TabService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TabService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TabService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
-/*
- * Copyright 2015-2023 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 ObjectManagementModalComponent {
-    constructor(objectManagementState, objectManagementService, formService, pluginManagementService, modalService) {
-        this.objectManagementState = objectManagementState;
-        this.objectManagementService = objectManagementService;
-        this.formService = formService;
-        this.pluginManagementService = pluginManagementService;
-        this.modalService = modalService;
-        this.valid$ = new BehaviorSubject(false);
-        this.showForm$ = this.modalService.modalVisible$;
-        this.modalType$ = this.objectManagementState.modalType$;
-        this.formData$ = new BehaviorSubject(null);
-        this.selectedObjecttype$ = new BehaviorSubject(null);
-        this.formDefinitions$ = this.formService
-            .getAllFormDefinitions()
-            .pipe(map(results => results === null || results === void 0 ? void 0 : results.map(configuration => ({
-            id: configuration.name,
-            text: configuration.name,
-        }))));
-        this.configurationInstances$ = this.pluginManagementService
-            .getAllPluginConfigurations()
-            .pipe(map(configurations => configurations));
-        this.objectsApiConfigurations$ = this.configurationInstances$.pipe(map(configurations => {
-            const filteredObjectsApiConfigurations = configurations.filter(configuration => { var _a; return ((_a = configuration === null || configuration === void 0 ? void 0 : configuration.pluginDefinition) === null || _a === void 0 ? void 0 : _a.key) === 'objectenapi'; });
-            return filteredObjectsApiConfigurations.map(configuration => ({
-                id: configuration.id,
-                text: configuration.title,
-            }));
-        }));
-        this.objecttypesApiConfigurations$ = this.configurationInstances$.pipe(map(configurations => {
-            const filteredObjecttypesApiConfigurations = configurations.filter(configuration => { var _a; return ((_a = configuration === null || configuration === void 0 ? void 0 : configuration.pluginDefinition) === null || _a === void 0 ? void 0 : _a.key) === 'objecttypenapi'; });
-            return filteredObjecttypesApiConfigurations.map(configuration => ({
-                id: configuration.id,
-                text: configuration.title,
-                properties: configuration.properties,
-            }));
-        }));
-    }
-    ngAfterViewInit() {
-        this.openShowSubscription();
-        this.openHideSubscription();
-    }
-    ngOnDestroy() {
-        var _a, _b;
-        (_a = this.showSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
-        (_b = this.hideSubscription) === null || _b === void 0 ? void 0 : _b.unsubscribe();
-    }
-    hide() {
-        this.formData$.next(null);
-        this.valid$.next(false);
-        this.modalService.closeModal();
-    }
-    cancel() {
-        this.hide();
-    }
-    save() {
-        combineLatest([this.valid$, this.formData$, this.modalType$])
-            .pipe(take(1))
-            .subscribe(([valid, formData, modalType]) => {
-            if (valid) {
-                if (modalType === 'add') {
-                    this.objectManagementService.createObject(Object.assign({}, formData)).subscribe(() => {
-                        this.objectManagementState.refresh();
-                        this.objectManagementState.hideModal();
-                    });
-                }
-                else if (modalType === 'edit') {
-                    this.objectManagementService.editObject(Object.assign({}, formData)).subscribe(() => {
-                        this.objectManagementState.refresh();
-                        this.objectManagementState.hideModal();
-                    });
-                }
-            }
-        });
-    }
-    openShowSubscription() {
-        this.showSubscription = this.objectManagementState.showModal$.subscribe(() => {
-            this.show();
-        });
-    }
-    openHideSubscription() {
-        this.hideSubscription = this.objectManagementState.hideModal$.subscribe(() => {
-            this.hide();
-        });
-    }
-    show() {
-        this.objectManagementState.modalType$.pipe(take(1)).subscribe(modalType => {
-            if (modalType === 'edit' || modalType === 'add') {
-                this.modalService.openModal(this.objectManagementModal);
-            }
-        });
-    }
-    formValueChange(data) {
-        if (data.showInDataMenu === '') {
-            data.showInDataMenu = false;
-        }
-        this.formData$.next(data);
-        this.setValid(data);
-    }
-    setValid(data) {
-        this.valid$.next(!!(data.title &&
-            data.objectenApiPluginConfigurationId &&
-            data.objecttypenApiPluginConfigurationId &&
-            data.objecttypeId &&
-            data.objecttypeVersion));
-    }
-    selectObjectType(objecttype) {
-        this.selectedObjecttype$.next(objecttype);
-    }
-}
-ObjectManagementModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ObjectManagementModalComponent, deps: [{ token: ObjectManagementStateService }, { token: ObjectManagementService }, { token: i3.FormService }, { token: i4$1.PluginManagementService }, { token: i5.ModalService }], target: i0.ɵɵFactoryTarget.Component });
-ObjectManagementModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ObjectManagementModalComponent, selector: "valtimo-object-management-modal", inputs: { prefillObject$: "prefillObject$" }, viewQueries: [{ propertyName: "objectManagementModal", first: true, predicate: ["objectManagementModal"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF 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<v-modal\n  #objectManagementModal\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    valid: valid$ | async,\n    modalType: modalType$ | async,\n    prefillObject: prefillObject$ | async\n  } as obs\"\n>\n  <div role=\"header\">\n    <div class=\"add-title\">\n      <v-title [margin]=\"false\">{{\n        (obs.modalType === 'add'\n          ? 'objectManagement.createObjecttype'\n          : 'objectManagement.editObjecttype'\n        ) | translate\n      }}</v-title>\n    </div>\n  </div>\n  <div role=\"content\">\n    <ng-container\n      *ngTemplateOutlet=\"\n        form;\n        context: {prefillObject: obs.prefillObject, modalType: obs.modalType}\n      \"\n    ></ng-container>\n  </div>\n  <div role=\"footer\">\n    <div class=\"buttons\">\n      <v-button (clickEvent)=\"cancel()\" [disabled]=\"obs.disabled\" type=\"secondary\">\n        {{ 'objectManagement.cancel' | translate }}\n      </v-button>\n      <v-button\n        (clickEvent)=\"save()\"\n        [disabled]=\"obs.disabled || !obs.valid\"\n        mdiIcon=\"plus\"\n        type=\"success\"\n      >\n        {{\n          (obs.modalType === 'add' ? 'objectManagement.add' : 'objectManagement.edit') | translate\n        }}\n      </v-button>\n    </div>\n  </div>\n</v-modal>\n\n<ng-template #form let-prefillObject=\"prefillObject\" let-modalType=\"modalType\">\n  <ng-container *ngIf=\"showForm$ | async\">\n    <v-form (valueChange)=\"formValueChange($event)\">\n      <v-input\n        *ngIf=\"modalType === 'edit'\"\n        hidden\n        [disabled]=\"true\"\n        [defaultValue]=\"prefillObject?.id\"\n        name=\"id\"\n      ></v-input>\n\n      <v-input\n        [margin]=\"true\"\n        [required]=\"true\"\n        [title]=\"'objectManagement.labels.title' | translate\"\n        [tooltip]=\"'objectManagement.tooltips.title' | translate\"\n        [widthPx]=\"350\"\n        [defaultValue]=\"prefillObject?.title\"\n        name=\"title\"\n      ></v-input>\n\n      <ng-container\n        *ngIf=\"{\n          connectionInstances: configurationInstances$ | async,\n          objectsApiConfigurations: objectsApiConfigurations$ | async,\n          objecttypesApiConfigurations: objecttypesApiConfigurations$ | async\n        } as objectObs\"\n      >\n        <v-select\n          [items]=\"objectObs.objectsApiConfigurations\"\n          [margin]=\"true\"\n          [widthInPx]=\"350\"\n          name=\"objectenApiPluginConfigurationId\"\n          [title]=\"'objectManagement.labels.objects' | translate\"\n          [defaultSelectionId]=\"prefillObject?.objectenApiPluginConfigurationId\"\n          [required]=\"true\"\n        ></v-select>\n\n        <v-select\n          [items]=\"objectObs.objecttypesApiConfigurations\"\n          [margin]=\"true\"\n          [widthInPx]=\"350\"\n          name=\"objecttypenApiPluginConfigurationId\"\n          [title]=\"'objectManagement.labels.objecttypes' | translate\"\n          [defaultSelectionId]=\"prefillObject?.objecttypenApiPluginConfigurationId\"\n          [required]=\"true\"\n          (selectedChange)=\"selectObjectType($event)\"\n        ></v-select>\n      </ng-container>\n\n      <v-input\n        [margin]=\"true\"\n        [required]=\"true\"\n        [title]=\"'objectManagement.labels.objecttypeId' | translate\"\n        [tooltip]=\"'objectManagement.tooltips.objecttypeId' | translate\"\n        [widthPx]=\"350\"\n        [defaultValue]=\"prefillObject?.objecttypeId\"\n        name=\"objecttypeId\"\n      ></v-input>\n\n      <v-input\n        [margin]=\"true\"\n        [required]=\"true\"\n        [title]=\"'objectManagement.labels.objecttypeVersion' | translate\"\n        [tooltip]=\"'objectManagement.tooltips.objecttypeVersion' | translate\"\n        [widthPx]=\"350\"\n        [defaultValue]=\"prefillObject?.objecttypeVersion\"\n        [min]=\"1\"\n        type=\"number\"\n        name=\"objecttypeVersion\"\n      ></v-input>\n\n      <ng-container *ngIf=\"{formDefinitions: formDefinitions$ | async} as formObs\">\n        <v-select\n          [items]=\"formObs.formDefinitions\"\n          [margin]=\"true\"\n          [widthInPx]=\"350\"\n          name=\"formDefinitionView\"\n          [title]=\"'objectManagement.labels.formDefinitionView' | translate\"\n          [tooltip]=\"'objectManagement.tooltips.formDefinitionView' | translate\"\n          [defaultSelectionId]=\"prefillObject?.formDefinitionView\"\n        ></v-select>\n\n        <v-select\n          [items]=\"formObs.formDefinitions\"\n          [margin]=\"true\"\n          [widthInPx]=\"350\"\n          name=\"formDefinitionEdit\"\n          [title]=\"'objectManagement.labels.formDefinitionEdit' | translate\"\n          [tooltip]=\"'objectManagement.tooltips.formDefinitionEdit' | translate\"\n          [defaultSelectionId]=\"prefillObject?.formDefinitionEdit\"\n        ></v-select>\n      </ng-container>\n\n      <v-input\n        [margin]=\"true\"\n        type=\"checkbox\"\n        [title]=\"'objectManagement.labels.showInDataMenu' | translate\"\n        [tooltip]=\"'objectManagement.tooltips.showInDataMenu' | translate\"\n        name=\"showInDataMenu\"\n        [defaultValue]=\"prefillObject?.showInDataMenu\"\n      ></v-input>\n    </v-form>\n  </ng-container>\n</ng-template>\n", styles: ["/*!\n * Copyright 2015-2023 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.buttons{width:100%;display:flex;flex-direction:row;justify-content:space-between}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i5.ModalComponent, selector: "v-modal", inputs: ["appearingDelayMs", "maxWidthPx", "hideFooter"], outputs: ["closeEvent"] }, { kind: "component", type: i5.TitleComponent, selector: "v-title", inputs: ["type", "margin", "fullWidth", "center"] }, { kind: "component", type: i5.ButtonComponent, selector: "v-button", inputs: ["type", "mdiIcon", "disabled", "title", "titleTranslationKey"], outputs: ["clickEvent"] }, { kind: "component", type: i5.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i5.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$"], outputs: ["valueChange"] }, { kind: "component", type: i5.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "clearable", "disabled", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin"], outputs: ["selectedChange", "clear"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ObjectManagementModalComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'valtimo-object-management-modal', template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF 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<v-modal\n  #objectManagementModal\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    valid: valid$ | async,\n    modalType: modalType$ | async,\n    prefillObject: prefillObject$ | async\n  } as obs\"\n>\n  <div role=\"header\">\n    <div class=\"add-title\">\n      <v-title [margin]=\"false\">{{\n        (obs.modalType === 'add'\n          ? 'objectManagement.createObjecttype'\n          : 'objectManagement.editObjecttype'\n        ) | translate\n      }}</v-title>\n    </div>\n  </div>\n  <div role=\"content\">\n    <ng-container\n      *ngTemplateOutlet=\"\n        form;\n        context: {prefillObject: obs.prefillObject, modalType: obs.modalType}\n      \"\n    ></ng-container>\n  </div>\n  <div role=\"footer\">\n    <div class=\"buttons\">\n      <v-button (clickEvent)=\"cancel()\" [disabled]=\"obs.disabled\" type=\"secondary\">\n        {{ 'objectManagement.cancel' | translate }}\n      </v-button>\n      <v-button\n        (clickEvent)=\"save()\"\n        [disabled]=\"obs.disabled || !obs.valid\"\n        mdiIcon=\"plus\"\n        type=\"success\"\n      >\n        {{\n          (obs.modalType === 'add' ? 'objectManagement.add' : 'objectManagement.edit') | translate\n        }}\n      </v-button>\n    </div>\n  </div>\n</v-modal>\n\n<ng-template #form let-prefillObject=\"prefillObject\" let-modalType=\"modalType\">\n  <ng-container *ngIf=\"showForm$ | async\">\n    <v-form (valueChange)=\"formValueChange($event)\">\n      <v-input\n        *ngIf=\"modalType === 'edit'\"\n        hidden\n        [disabled]=\"true\"\n        [defaultValue]=\"prefillObject?.id\"\n        name=\"id\"\n      ></v-input>\n\n      <v-input\n        [margin]=\"true\"\n        [required]=\"true\"\n        [title]=\"'objectManagement.labels.title' | translate\"\n        [tooltip]=\"'objectManagement.tooltips.title' | translate\"\n        [widthPx]=\"350\"\n        [defaultValue]=\"prefillObject?.title\"\n        name=\"title\"\n      ></v-input>\n\n      <ng-container\n        *ngIf=\"{\n          connectionInstances: configurationInstances$ | async,\n          objectsApiConfigurations: objectsApiConfigurations$ | async,\n          objecttypesApiConfigurations: objecttypesApiConfigurations$ | async\n        } as objectObs\"\n      >\n        <v-select\n          [items]=\"objectObs.objectsApiConfigurations\"\n          [margin]=\"true\"\n          [widthInPx]=\"350\"\n          name=\"objectenApiPluginConfigurationId\"\n          [title]=\"'objectManagement.labels.objects' | translate\"\n          [defaultSelectionId]=\"prefillObject?.objectenApiPluginConfigurationId\"\n          [required]=\"true\"\n        ></v-select>\n\n        <v-select\n          [items]=\"objectObs.objecttypesApiConfigurations\"\n          [margin]=\"true\"\n          [widthInPx]=\"350\"\n          name=\"objecttypenApiPluginConfigurationId\"\n          [title]=\"'objectManagement.labels.objecttypes' | translate\"\n          [defaultSelectionId]=\"prefillObject?.objecttypenApiPluginConfigurationId\"\n          [required]=\"true\"\n          (selectedChange)=\"selectObjectType($event)\"\n        ></v-select>\n      </ng-container>\n\n      <v-input\n        [margin]=\"true\"\n        [required]=\"true\"\n        [title]=\"'objectManagement.labels.objecttypeId' | translate\"\n        [tooltip]=\"'objectManagement.tooltips.objecttypeId' | translate\"\n        [widthPx]=\"350\"\n        [defaultValue]=\"prefillObject?.objecttypeId\"\n        name=\"objecttypeId\"\n      ></v-input>\n\n      <v-input\n        [margin]=\"true\"\n        [required]=\"true\"\n        [title]=\"'objectManagement.labels.objecttypeVersion' | translate\"\n        [tooltip]=\"'objectManagement.tooltips.objecttypeVersion' | translate\"\n        [widthPx]=\"350\"\n        [defaultValue]=\"prefillObject?.objecttypeVersion\"\n        [min]=\"1\"\n        type=\"number\"\n        name=\"objecttypeVersion\"\n      ></v-input>\n\n      <ng-container *ngIf=\"{formDefinitions: formDefinitions$ | async} as formObs\">\n        <v-select\n          [items]=\"formObs.formDefinitions\"\n          [margin]=\"true\"\n          [widthInPx]=\"350\"\n          name=\"formDefinitionView\"\n          [title]=\"'objectManagement.labels.formDefinitionView' | translate\"\n          [tooltip]=\"'objectManagement.tooltips.formDefinitionView' | translate\"\n          [defaultSelectionId]=\"prefillObject?.formDefinitionView\"\n        ></v-select>\n\n        <v-select\n          [items]=\"formObs.formDefinitions\"\n          [margin]=\"true\"\n          [widthInPx]=\"350\"\n          name=\"formDefinitionEdit\"\n          [title]=\"'objectManagement.labels.formDefinitionEdit' | translate\"\n          [tooltip]=\"'objectManagement.tooltips.formDefinitionEdit' | translate\"\n          [defaultSelectionId]=\"prefillObject?.formDefinitionEdit\"\n        ></v-select>\n      </ng-container>\n\n      <v-input\n        [margin]=\"true\"\n        type=\"checkbox\"\n        [title]=\"'objectManagement.labels.showInDataMenu' | translate\"\n        [tooltip]=\"'objectManagement.tooltips.showInDataMenu' | translate\"\n        name=\"showInDataMenu\"\n        [defaultValue]=\"prefillObject?.showInDataMenu\"\n      ></v-input>\n    </v-form>\n  </ng-container>\n</ng-template>\n", styles: ["/*!\n * Copyright 2015-2023 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.buttons{width:100%;display:flex;flex-direction:row;justify-content:space-between}\n"] }]
-        }], ctorParameters: function () { return [{ type: ObjectManagementStateService }, { type: ObjectManagementService }, { type: i3.FormService }, { type: i4$1.PluginManagementService }, { type: i5.ModalService }]; }, propDecorators: { objectManagementModal: [{
-                type: ViewChild,
-                args: ['objectManagementModal']
-            }], prefillObject$: [{
-                type: Input
-            }] } });
-
-/*
- * Copyright 2015-2023 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 ObjectManagementDetailComponent {
-    constructor(objectManagementService, objectManagementState) {
-        this.objectManagementService = objectManagementService;
-        this.objectManagementState = objectManagementState;
-        this.loading$ = new BehaviorSubject(false);
-    }
-    downloadDefinition(object) {
-        this.loading$.next(true);
-        const dataString = 'data:text/json;charset=utf-8,' + encodeURIComponent(JSON.stringify(object, null, 2));
-        const downloadAnchorElement = document.getElementById('downloadAnchorElement');
-        downloadAnchorElement.setAttribute('href', dataString);
-        downloadAnchorElement.setAttribute('download', `${object.id}.json`);
-        downloadAnchorElement.click();
-        this.loading$.next(false);
-    }
-    showEditModal() {
-        this.loading$.next(true);
-        this.objectManagementState.setModalType('edit');
-        this.objectManagementState.showModal();
-        this.loading$.next(false);
-    }
-}
-ObjectManagementDetailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ObjectManagementDetailComponent, deps: [{ token: ObjectManagementService }, { token: ObjectManagementStateService }], target: i0.ɵɵFactoryTarget.Component });
-ObjectManagementDetailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ObjectManagementDetailComponent, selector: "valtimo-object-management-detail", inputs: { object$: "object$" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n<div\n  id=\"object-datail-content\"\n  class=\"pt-0\"\n  *ngIf=\"{\n    object: object$ | async,\n    loading: loading$ | async\n  } as obs\"\n>\n  <ng-container\n    *ngTemplateOutlet=\"buttons; context: {object: obs.object, loading: obs.loading}\"\n  ></ng-container>\n  <div class=\"clearfix\"></div>\n  <ng-container\n    *ngTemplateOutlet=\"widget; context: {object: obs.object, loading: obs.loading}\"\n  ></ng-container>\n</div>\n\n<ng-template #buttons let-object=\"object\" let-loading=\"loading\">\n  <div class=\"btn-group mt-m3px mb-3 pr-2 float-right\">\n    <button\n      (click)=\"downloadDefinition(object)\"\n      cdsButton=\"secondary\"\n      size=\"md\"\n      [disabled]=\"loading\"\n      class=\"ml-3\"\n    >\n      {{ 'objectManagement.download' | translate }}\n      <svg class=\"cds--btn__icon\" cdsIcon=\"download\" size=\"16\"></svg>\n    </button>\n    <a id=\"downloadAnchorElement\" class=\"d-none\"></a>\n    <button\n      (click)=\"showEditModal()\"\n      cdsButton=\"primary\"\n      size=\"md\"\n      [disabled]=\"loading\"\n      class=\"ml-3\"\n    >\n      {{ 'objectManagement.editObjecttype' | translate }}\n      <svg class=\"cds--btn__icon\" cdsIcon=\"edit\" size=\"16\"></svg>\n    </button>\n  </div>\n</ng-template>\n\n<ng-template #widget let-object=\"object\">\n  <valtimo-widget>\n    <div class=\"row bg-white mt-5 mb-2 pl-2 pr-2\">\n      <div class=\"col-5 bg-red\">\n        <textarea class=\"w-100 object-schema\" disabled rows=\"25\">{{ object | json }}</textarea>\n      </div>\n    </div>\n  </valtimo-widget>\n</ng-template>\n\n<valtimo-object-management-modal [prefillObject$]=\"object$\"></valtimo-object-management-modal>\n", styles: ["/*!\n * Copyright 2015-2023 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.row{margin:0}.object-schema{resize:none}valtimo-widget::ng-deep .card-border.card-full-default{border:none}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i7.WidgetComponent, selector: "valtimo-widget", inputs: ["type", "name", "icon", "contrast", "divider", "title", "subtitle", "collapseAble", "collapse", "additionalClasses"] }, { kind: "directive", type: i8.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i8.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: ObjectManagementModalComponent, selector: "valtimo-object-management-modal", inputs: ["prefillObject$"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.JsonPipe, name: "json" }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ObjectManagementDetailComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'valtimo-object-management-detail', template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n<div\n  id=\"object-datail-content\"\n  class=\"pt-0\"\n  *ngIf=\"{\n    object: object$ | async,\n    loading: loading$ | async\n  } as obs\"\n>\n  <ng-container\n    *ngTemplateOutlet=\"buttons; context: {object: obs.object, loading: obs.loading}\"\n  ></ng-container>\n  <div class=\"clearfix\"></div>\n  <ng-container\n    *ngTemplateOutlet=\"widget; context: {object: obs.object, loading: obs.loading}\"\n  ></ng-container>\n</div>\n\n<ng-template #buttons let-object=\"object\" let-loading=\"loading\">\n  <div class=\"btn-group mt-m3px mb-3 pr-2 float-right\">\n    <button\n      (click)=\"downloadDefinition(object)\"\n      cdsButton=\"secondary\"\n      size=\"md\"\n      [disabled]=\"loading\"\n      class=\"ml-3\"\n    >\n      {{ 'objectManagement.download' | translate }}\n      <svg class=\"cds--btn__icon\" cdsIcon=\"download\" size=\"16\"></svg>\n    </button>\n    <a id=\"downloadAnchorElement\" class=\"d-none\"></a>\n    <button\n      (click)=\"showEditModal()\"\n      cdsButton=\"primary\"\n      size=\"md\"\n      [disabled]=\"loading\"\n      class=\"ml-3\"\n    >\n      {{ 'objectManagement.editObjecttype' | translate }}\n      <svg class=\"cds--btn__icon\" cdsIcon=\"edit\" size=\"16\"></svg>\n    </button>\n  </div>\n</ng-template>\n\n<ng-template #widget let-object=\"object\">\n  <valtimo-widget>\n    <div class=\"row bg-white mt-5 mb-2 pl-2 pr-2\">\n      <div class=\"col-5 bg-red\">\n        <textarea class=\"w-100 object-schema\" disabled rows=\"25\">{{ object | json }}</textarea>\n      </div>\n    </div>\n  </valtimo-widget>\n</ng-template>\n\n<valtimo-object-management-modal [prefillObject$]=\"object$\"></valtimo-object-management-modal>\n", styles: ["/*!\n * Copyright 2015-2023 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.row{margin:0}.object-schema{resize:none}valtimo-widget::ng-deep .card-border.card-full-default{border:none}\n"] }]
-        }], ctorParameters: function () { return [{ type: ObjectManagementService }, { type: ObjectManagementStateService }]; }, propDecorators: { object$: [{
-                type: Input
-            }] } });
-
-/*
- * Copyright 2015-2023 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 ObjectManagementListColumnsComponent {
-    constructor(objectManagementService, route, translateService, configService, sanitizer) {
-        this.objectManagementService = objectManagementService;
-        this.route = route;
-        this.translateService = translateService;
-        this.configService = configService;
-        this.sanitizer = sanitizer;
-        this.downloadName$ = new BehaviorSubject('');
-        this.downloadUrl$ = new BehaviorSubject(undefined);
-        this.loading$ = new BehaviorSubject(true);
-        this.currentModalType$ = new BehaviorSubject('create');
-        this.showModal$ = new BehaviorSubject(false);
-        this.modalShowing$ = this.showModal$.pipe(delay(250));
-        this.disableInput$ = new BehaviorSubject(false);
-        this.showDeleteModal$ = new Subject();
-        this.deleteRowIndex$ = new BehaviorSubject(0);
-        this.defaultEnumValues$ = new BehaviorSubject(undefined);
-        this.INVALID_KEY = 'invalid';
-        this.formGroup = new FormGroup({
-            title: new FormControl(''),
-            key: new FormControl('', Validators.required),
-            path: new FormControl('', Validators.required),
-            dateFormat: new FormControl(''),
-            displayType: new FormControl({
-                key: this.INVALID_KEY,
-            }),
-            sortable: new FormControl(false),
-            defaultSort: new FormControl({
-                key: this.INVALID_KEY,
-            }),
-            enum: new FormControl([]),
-        });
-        this.DISPLAY_TYPES = [
-            'string',
-            'date',
-            'boolean',
-            'enum',
-            'arrayCount',
-            'underscoresToSpaces',
-        ];
-        this.COLUMNS = [
-            {
-                viewType: 'string',
-                sortable: false,
-                propertyName: 'title',
-                translationKey: 'title',
-            },
-            {
-                viewType: 'string',
-                sortable: false,
-                propertyName: 'key',
-                translationKey: 'key',
-            },
-            {
-                viewType: 'string',
-                sortable: false,
-                propertyName: 'path',
-                translationKey: 'path',
-            },
-            {
-                viewType: 'string',
-                sortable: false,
-                propertyName: 'displayType',
-                translationKey: 'displayType',
-            },
-            {
-                viewType: 'string',
-                sortable: false,
-                propertyName: 'displayTypeParameters',
-                translationKey: 'displayTypeParameters',
-            },
-            {
-                viewType: 'string',
-                sortable: false,
-                propertyName: 'sortable',
-                translationKey: 'sortable',
-            },
-            {
-                viewType: 'string',
-                sortable: false,
-                propertyName: 'defaultSort',
-                translationKey: 'defaultSort',
-            },
-        ];
-        this.cachedObjectManagementListColumns = [];
-        this.refreshObjectManagementListColumns$ = new BehaviorSubject(null);
-        this.objectManagementFields$ = this.translateService
-            .stream('key')
-            .pipe(map(() => this.COLUMNS.map(column => (Object.assign(Object.assign({ key: column.propertyName, label: this.translateService.instant(`listColumn.${column.translationKey}`), sortable: column.sortable }, (column.viewType && { viewType: column.viewType })), (column.enum && { enum: column.enum }))))));
-        this.objectId$ = this.route.params.pipe(map(params => params.id || ''), filter(objectId => !!objectId));
-        this.objectManagementListColumns$ = combineLatest([
-            this.objectId$,
-            this.refreshObjectManagementListColumns$,
-        ]).pipe(switchMap(([objectId]) => this.objectManagementService.getSearchList(objectId)), tap(objectManagementListColumns => {
-            this.objectId$.pipe(take(1)).subscribe(objectId => {
-                if (objectManagementListColumns &&
-                    Array.isArray(objectManagementListColumns) &&
-                    objectManagementListColumns.length > 0) {
-                    this.setDownload(objectId, objectManagementListColumns);
-                }
-            });
-        }), tap(objectManagementListColumns => {
-            this.cachedObjectManagementListColumns = objectManagementListColumns;
-            this.loading$.next(false);
-            this.enableInput();
-        }));
-        this.translatedObjectManagementListColumns$ = combineLatest([this.objectManagementListColumns$, this.translateService.stream('key')]).pipe(map(([columns]) => columns.map(column => {
-            var _a;
-            return (Object.assign(Object.assign({}, 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.${(_a = column === null || column === void 0 ? void 0 : column.displayType) === null || _a === void 0 ? void 0 : _a.type}`), displayTypeParameters: this.getDisplayTypeParametersView(column.displayType.displayTypeParameters) }));
-        })));
-        this.disableDefaultSort$ = combineLatest([
-            this.currentModalType$,
-            this.formGroup.valueChanges,
-        ]).pipe(map(([currentModalType]) => currentModalType === 'create' &&
-            this.cachedObjectManagementListColumns.find(column => !!column.defaultSort)), startWith(false));
-        this.showDateFormat$ = this.formGroup.valueChanges.pipe(map(formValues => { var _a; return ((_a = formValues.displayType) === null || _a === void 0 ? void 0 : _a.key) === this.DISPLAY_TYPES[1]; }), tap(showDateFormat => {
-            if (showDateFormat === false && !!this.formGroup.value.dateFormat) {
-                this.formGroup.patchValue({ dateFormat: '' });
-            }
-        }), startWith(false));
-        this.showEnum$ = this.formGroup.valueChanges.pipe(map(formValues => {
-            var _a, _b;
-            return !!(((_a = formValues.displayType) === null || _a === void 0 ? void 0 : _a.key) === this.DISPLAY_TYPES[3] ||
-                ((_b = formValues.displayType) === null || _b === void 0 ? void 0 : _b.key) === this.DISPLAY_TYPES[2]);
-        }), tap(showEnum => {
-            const enumValue = this.formGroup.value.enum;
-            if (showEnum === false && Array.isArray(enumValue) && enumValue.length > 0) {
-                this.formGroup.patchValue({ enum: [] });
-            }
-        }), startWith(false));
-        this.isYesNo$ = this.formGroup.valueChanges.pipe(map(formValues => { var _a; return ((_a = formValues.displayType) === null || _a === void 0 ? void 0 : _a.key) === this.DISPLAY_TYPES[2]; }));
-        this.selectedViewTypeItemIndex$ = new BehaviorSubject(0);
-        this.viewTypeItems$ = combineLatest([
-            this.selectedViewTypeItemIndex$,
-            this.translateService.stream('key'),
-        ]).pipe(map(([selectedViewTypeItemIndex]) => [
-            {
-                content: this.translateService.instant(`listColumnDisplayType.select`),
-                key: this.INVALID_KEY,
-            },
-            ...this.DISPLAY_TYPES.map(type => ({
-                content: this.translateService.instant(`listColumnDisplayType.${type}`),
-                key: type,
-            })),
-        ].map((item, index) => (Object.assign(Object.assign({}, item), { selected: index === selectedViewTypeItemIndex })))));
-        this.selectedSortItemIndex$ = new BehaviorSubject(0);
-        this.sortItems$ = combineLatest([
-            this.selectedSortItemIndex$,
-            this.translateService.stream('key'),
-        ]).pipe(map(([selectedSortItemIndex]) => [
-            {
-                content: this.translateService.instant(`listColumn.selectDefaultSort`),
-                key: this.INVALID_KEY,
-            },
-            {
-                content: this.translateService.instant(`listColumn.sortableAsc`),
-                key: 'ASC',
-            },
-            {
-                content: this.translateService.instant(`listColumn.sortableDesc`),
-                key: 'DESC',
-            },
-        ].map((item, index) => (Object.assign(Object.assign({}, item), { selected: index === selectedSortItemIndex })))));
-        this.validKey$ = combineLatest([this.formGroup.valueChanges, this.currentModalType$]).pipe(map(([formValues, currentModalType]) => {
-            const existingKeys = this.cachedObjectManagementListColumns.map(column => column.key);
-            return currentModalType === 'create' ? !existingKeys.includes(formValues.key) : true;
-        }), startWith(false));
-        this.valid$ = combineLatest([this.formGroup.valueChanges, this.validKey$]).pipe(map(([formValues, validKey]) => {
-            var _a, _b;
-            return !!(((_a = formValues.displayType) === null || _a === void 0 ? void 0 : _a.key) !== this.INVALID_KEY &&
-                formValues.path &&
-                validKey &&
-                (formValues.displayType.key === 'enum' ? ((_b = formValues.enum) === null || _b === void 0 ? void 0 : _b.length) > 0 : true));
-        }), startWith(false));
-    }
-    openModal(modalType) {
-        this.showModal$.next(true);
-        this.currentModalType$.next(modalType);
-        if (modalType === 'create') {
-            this.formGroup.controls['key'].enable();
-            this.resetFormGroup();
-        }
-        else if (modalType === 'edit') {
-            this.formGroup.controls['key'].disable();
-        }
-    }
-    closeModal() {
-        this.showModal$.next(false);
-    }
-    deleteRow(searchListColumnRowIndex, clickEvent) {
-        clickEvent.stopPropagation();
-        this.showDeleteModal$.next(true);
-        this.deleteRowIndex$.next(searchListColumnRowIndex);
-    }
-    deleteRowConfirmation(searchListColumnRowIndex) {
-        const columnKey = this.getColumnKey(searchListColumnRowIndex);
-        if (columnKey) {
-            this.disableInput();
-            this.objectId$
-                .pipe(take(1), switchMap(objectId => this.objectManagementService.deleteSearchList(objectId, columnKey)), tap(() => this.refreshObjectManagementListColumns()), catchError(() => {
-                this.enableInput();
-                return of(null);
-            }))
-                .subscribe();
-        }
-    }
-    getColumnKey(searchListColumnRowIndex) {
-        var _a;
-        return (_a = this.cachedObjectManagementListColumns[searchListColumnRowIndex]) === null || _a === void 0 ? void 0 : _a.key;
-    }
-    moveRow(searchListColumnRowIndex, moveUp, clickEvent, objectId) {
-        const objectManagementListColumns = [...this.cachedObjectManagementListColumns];
-        const searchListColumnRow = objectManagementListColumns[searchListColumnRowIndex];
-        clickEvent.stopPropagation();
-        const searchListColumnIndex = objectManagementListColumns.findIndex(field => field.key === searchListColumnRow.key);
-        const foundSearchListColumn = Object.assign({}, objectManagementListColumns[searchListColumnIndex]);
-        const filteredSearchListColumns = objectManagementListColumns.filter(field => field.key !== searchListColumnRow.key);
-        const multipleSearchListColumns = objectManagementListColumns.length > 1;
-        if (multipleSearchListColumns && moveUp && searchListColumnIndex > 0) {
-            const searchListColumnBeforeKey = `${objectManagementListColumns[searchListColumnIndex - 1].key}`;
-            const searchListColumnBeforeIndex = filteredSearchListColumns.findIndex(field => field.key === searchListColumnBeforeKey);
-            filteredSearchListColumns.splice(searchListColumnBeforeIndex, 0, foundSearchListColumn);
-            this.updateObjectManagementListColumn(objectId, filteredSearchListColumns);
-        }
-        else if (multipleSearchListColumns &&
-            !moveUp &&
-            searchListColumnIndex < objectManagementListColumns.length) {
-            const caseListColumnAfterKey = `${objectManagementListColumns[searchListColumnIndex + 1].key}`;
-            const caseListColumnAfterIndex = filteredSearchListColumns.findIndex(field => field.key === caseListColumnAfterKey);
-            filteredSearchListColumns.splice(caseListColumnAfterIndex + 1, 0, foundSearchListColumn);
-            this.updateObjectManagementListColumn(objectId, filteredSearchListColumns);
-        }
-    }
-    saveCasListColumns() {
-        this.disableInput();
-        this.currentModalType$.pipe(take(1)).subscribe(currentModalType => {
-            if (currentModalType === 'create') {
-                this.addColumn();
-            }
-            else {
-                this.updateColumn();
-            }
-        });
-    }
-    enumValueChange(value) {
-        this.formGroup.patchValue({ enum: value });
-    }
-    columnRowClicked(row) {
-        this.resetFormGroup();
-        combineLatest([this.viewTypeItems$, this.sortItems$])
-            .pipe(take(1))
-            .subscribe(([viewTypeItems, sortItems]) => {
-            var _a, _b, _c, _d;
-            const column = this.cachedObjectManagementListColumns.find(cachedColumn => cachedColumn.key === row.key);
-            const viewTypeItem = viewTypeItems.find(item => item.key === column.displayType.type);
-            const viewTypeItemIndex = viewTypeItems.findIndex(item => item.key === column.displayType.type);
-            const sortItem = sortItems.find(item => item.key === column.defaultSort);
-            const sortItemIndex = sortItems.findIndex(item => item.key === column.defaultSort);
-            const enumValues = (_b = (_a = column === null || column === void 0 ? void 0 : column.displayType) === null || _a === void 0 ? void 0 : _a.displayTypeParameters) === null || _b === void 0 ? void 0 : _b.enum;
-            const mappedEnumValues = [];
-            const columnDateFormat = (_d = (_c = column === null || column === void 0 ? void 0 : column.displayType) === null || _c === void 0 ? void 0 : _c.displayTypeParameters) === null || _d === void 0 ? void 0 : _d.dateFormat;
-            this.selectedViewTypeItemIndex$.next(viewTypeItemIndex);
-            if (sortItem) {
-                this.selectedSortItemIndex$.next(sortItemIndex);
-            }
-            if (enumValues) {
-                Object.keys(enumValues).forEach(key => {
-                    mappedEnumValues.push({ key, value: enumValues[key] });
-                });
-                this.defaultEnumValues$.next(mappedEnumValues);
-            }
-            else {
-                this.defaultEnumValues$.next([{ key: '', value: '' }]);
-            }
-            this.formGroup.patchValue(Object.assign({ key: column.key, title: column.title, path: column.path, sortable: column.sortable, 
-                // @ts-ignore
-                displayType: Object.assign({}, viewTypeItem), 
-                // @ts-ignore
-                defaultSort: sortItem ? Object.assign({}, sortItem) : Object.assign({}, sortItems[0]) }, (columnDateFormat && {
-                dateFormat: columnDateFormat,
-            })));
-            this.openModal('edit');
-        });
-    }
-    updateObjectManagementListColumn(objectId, listColumn) {
-        this.disableInput();
-        this.objectManagementService
-            .putSearchListColumns(objectId, listColumn)
-            .pipe(tap(() => {
-            this.refreshObjectManagementListColumns();
-            localStorage.setItem(`list-search-${objectId}`, null);
-        }), catchError(() => {
-            this.enableInput();
-            return of(null);
-        }))
-            .subscribe();
-    }
-    addColumn() {
-        const formValue = this.formGroup.value;
-        this.objectId$
-            .pipe(take(1), switchMap(objectId => this.objectManagementService.postSearchList(objectId, this.mapFormValuesToColumn(formValue))), tap(() => {
-            this.closeModal();
-            this.refreshObjectManagementListColumns();
-        }), catchError(() => {
-            this.enableInput();
-            return of(null);
-        }))
-            .subscribe();
-    }
-    getDisplayTypeParametersView(displayTypeParameters) {
-        if (displayTypeParameters === null || displayTypeParameters === void 0 ? void 0 : displayTypeParameters.dateFormat) {
-            return displayTypeParameters.dateFormat;
-        }
-        else if (displayTypeParameters === null || displayTypeParameters === void 0 ? void 0 : displayTypeParameters.enum) {
-            return Object.keys(displayTypeParameters.enum).reduce((acc, curr) => {
-                const keyValuePairString = `${curr}: ${displayTypeParameters.enum[curr]}`;
-                if (!acc) {
-                    return `${keyValuePairString}`;
-                }
-                return `${acc}, ${keyValuePairString}`;
-            }, '');
-        }
-        return '-';
-    }
-    updateColumn() {
-        this.objectId$
-            .pipe(take(1), switchMap(objectId => this.objectManagementService.putSearchList(objectId, this.formGroup.value.key, this.mapFormValuesToColumn(this.formGroup.value))), tap(() => {
-            this.closeModal();
-            this.refreshObjectManagementListColumns();
-        }), catchError(() => {
-            this.enableInput();
-            return of(null);
-        }))
-            .subscribe();
-    }
-    setDownload(objectId, ObjectManagementListColumns) {
-        this.downloadName$.next(`${objectId}.json`);
-        this.downloadUrl$.next(this.sanitizer.bypassSecurityTrustUrl('data:text/json;charset=UTF-8,' +
-            encodeURIComponent(JSON.stringify(ObjectManagementListColumns, null, 2))));
-    }
-    disableInput() {
-        this.disableInput$.next(true);
-        this.formGroup.disable();
-    }
-    enableInput() {
-        this.disableInput$.next(false);
-        this.formGroup.enable();
-    }
-    refreshObjectManagementListColumns() {
-        this.refreshObjectManagementListColumns$.next(null);
-    }
-    resetFormGroup() {
-        this.formGroup.reset();
-        combineLatest([this.sortItems$, this.viewTypeItems$])
-            .pipe(take(1))
-            .subscribe(([sortItems, viewTypeItems]) => {
-            this.defaultEnumValues$.next([{ key: '', value: '' }]);
-            this.selectedViewTypeItemIndex$.next(0);
-            // @ts-ignore
-            this.formGroup.patchValue({ displayType: viewTypeItems[0] });
-            this.selectedSortItemIndex$.next(0);
-            // @ts-ignore
-            this.formGroup.patchValue({ defaultSort: sortItems[0] });
-        });
-    }
-    mapFormValuesToColumn(formValue) {
-        var _a, _b, _c;
-        return Object.assign(Object.assign({ key: formValue.key, sortable: formValue.sortable }, (((_a = formValue.defaultSort) === null || _a === void 0 ? void 0 : _a.key) !== this.INVALID_KEY && {
-            defaultSort: (_b = formValue.defaultSort) === null || _b === void 0 ? void 0 : _b.key,
-        })), { title: formValue.title || '', path: formValue.path, displayType: {
-                type: (_c = formValue.displayType) === null || _c === void 0 ? void 0 : _c.key,
-                displayTypeParameters: Object.assign(Object.assign({}, (formValue.dateFormat && { dateFormat: formValue.dateFormat })), (Array.isArray(formValue.enum) &&
-                    formValue.enum.length > 0 && {
-                    enum: formValue.enum.reduce((acc, curr) => (Object.assign(Object.assign({}, acc), { [curr.key]: curr.value })), {}),
-                })),
-            } });
-    }
-}
-ObjectManagementListColumnsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ObjectManagementListColumnsComponent, deps: [{ token: ObjectManagementService }, { token: i2.ActivatedRoute }, { token: i3$1.TranslateService }, { token: i4.ConfigService }, { token: i5$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-ObjectManagementListColumnsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ObjectManagementListColumnsComponent, selector: "valtimo-object-management-list-columns", viewQueries: [{ propertyName: "moveRowButtonsTemplateRef", first: true, predicate: ["moveRowButtons"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n<ng-container\n  *ngIf=\"{\n    listColumn: translatedObjectManagementListColumns$ | async,\n    fields: objectManagementFields$ | async,\n    objectId: objectId$ | async,\n    downloadUrl: downloadUrl$ | async,\n    downloadName: downloadName$ | async,\n    loading: loading$ | async\n  } as obs\"\n>\n  <div class=\"container-fluid pr-0 pl-0\">\n    <div class=\"text-right\">\n      <div class=\"btn-group mt-m3px mb-3 mr-2\">\n        <ng-container *ngTemplateOutlet=\"buttons; context: {obs: obs}\"></ng-container>\n      </div>\n    </div>\n    <ng-container *ngIf=\"!obs.loading; else loading\">\n      <ng-container *ngIf=\"obs.listColumn?.length > 0; else noConfigWarning\">\n        <ng-container *ngTemplateOutlet=\"list; context: {obs: obs}\"></ng-container>\n      </ng-container>\n    </ng-container>\n    <ng-container *ngTemplateOutlet=\"createEditModal\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"deleteModal\"></ng-container>\n  </div>\n</ng-container>\n\n<ng-template #buttons let-obs=\"obs\">\n  <a\n    cdsLink\n    class=\"center-link\"\n    [href]=\"obs.downloadUrl\"\n    [download]=\"obs.downloadName\"\n    [disabled]=\"\n      !obs.downloadUrl ||\n      !obs.downloadName ||\n      obs.listColumn?.length < 1 ||\n      obs.disableInput ||\n      obs.loading\n    \"\n  >\n    {{ 'listColumn.downloadButtonText' | translate }}\n  </a>\n  <button\n    (click)=\"openModal('create')\"\n    cdsButton=\"primary\"\n    size=\"md\"\n    [disabled]=\"obs.loading\"\n    class=\"ml-3\"\n  >\n    {{ 'listColumn.addButtonText' | translate }}\n    <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n  </button>\n</ng-template>\n\n<ng-template #moveRowButtons let-index=\"index\" let-length=\"length\">\n  <div\n    class=\"move-row-buttons\"\n    *ngIf=\"{\n      disableInput: disableInput$ | async,\n      objectId: objectId$ | async\n    } as obs\"\n  >\n    <i\n      class=\"mdi mdi-delete btn btn-outline-danger mr-1\"\n      (click)=\"deleteRow(index, $event)\"\n      [ngClass]=\"{'disabled disabled-move-row-button': obs.disableInput}\"\n    ></i>\n    <i\n      class=\"mdi mdi-arrow-up-bold btn btn-outline-primary mr-1\"\n      (click)=\"moveRow(index, true, $event, obs.objectId)\"\n      [ngClass]=\"{'disabled disabled-move-row-button': index === 0 || obs.disableInput}\"\n    ></i>\n    <i\n      class=\"mdi mdi-arrow-down-bold btn btn-outline-secondary\"\n      (click)=\"moveRow(index, false, $event, obs.objectId)\"\n      [ngClass]=\"{'disabled disabled-move-row-button': index === length - 1 || obs.disableInput}\"\n    ></i>\n  </div>\n</ng-template>\n\n<ng-template #list let-obs=\"obs\">\n  <valtimo-list\n    [items]=\"obs.listColumn\"\n    [fields]=\"obs.fields\"\n    [viewMode]=\"false\"\n    [header]=\"false\"\n    *ngIf=\"obs.listColumn; else loading\"\n    [lastColumnTemplate]=\"moveRowButtonsTemplateRef\"\n    (rowClicked)=\"columnRowClicked($event)\"\n  >\n  </valtimo-list>\n</ng-template>\n\n<ng-template #createEditModal>\n  <cds-modal\n    *ngIf=\"{\n      type: currentModalType$ | async,\n      show: showModal$ | async,\n      valid: valid$ | async,\n      disableInput: disableInput$ | async,\n      validKey: validKey$ | async,\n      disableDefaultSort: disableDefaultSort$ | async,\n      showEnum: showEnum$ | async,\n      isYesNo: isYesNo$ | async\n    } as modalObs\"\n    [open]=\"modalObs.show\"\n  >\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n      <h3 cdsModalHeaderHeading>\n        {{\n          modalObs.type === 'create'\n            ? ('listColumn.addButtonText' | translate)\n            : ('listColumn.editColumnTitle' | translate)\n        }}\n      </h3>\n    </cds-modal-header>\n    <section cdsModalContent>\n      <ng-container *ngTemplateOutlet=\"modalContent; context: {modalObs: modalObs}\"></ng-container>\n    </section>\n    <ng-container *ngTemplateOutlet=\"modalFooter; context: {modalObs: modalObs}\"></ng-container>\n  </cds-modal>\n</ng-template>\n\n<ng-template #modalContent let-modalObs=\"modalObs\">\n  <form [formGroup]=\"formGroup\" class=\"list-column-form\">\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label [disabled]=\"modalObs.disableInput\">\n        <span class=\"label-with-tooltip\">\n          {{ 'listColumn.titleTitle' | translate }}\n          <v-tooltip-icon\n            [tooltip]=\"'listColumn.titleTooltip' | translate\"\n            [disabled]=\"modalObs.disableInput\"\n          ></v-tooltip-icon>\n        </span>\n        <input cdsText formControlName=\"title\" />\n      </cds-label>\n    </div>\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label\n        [disabled]=\"modalObs.disableInput || modalObs.type === 'edit'\"\n        [invalid]=\"modalObs.validKey === false\"\n        [invalidText]=\"'listColumn.uniqueKeyWarning' | translate\"\n      >\n        <span class=\"label-with-tooltip\">\n          {{ 'listColumn.key' | translate }}\n          <v-tooltip-icon\n            [tooltip]=\"'listColumn.keyTooltip' | translate\"\n            [disabled]=\"modalObs.disableInput\"\n          ></v-tooltip-icon>\n        </span>\n        <input cdsText formControlName=\"key\" [invalid]=\"modalObs.validKey === false\" />\n      </cds-label>\n    </div>\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label [disabled]=\"modalObs.disableInput\">\n        <span class=\"label-with-tooltip\">\n          {{ 'listColumn.path' | translate }}\n          <v-tooltip-icon\n            [tooltip]=\"'listColumn.objectsApiPathTooltip' | translate\"\n            [disabled]=\"modalObs.disableInput\"\n          ></v-tooltip-icon>\n        </span>\n        <input cdsText formControlName=\"path\" />\n      </cds-label>\n    </div>\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label [disabled]=\"modalObs.disableInput\">\n        <span class=\"label-with-tooltip select-label\">\n          {{ 'listColumn.displayType' | translate }}\n          <v-tooltip-icon\n            [tooltip]=\"'listColumn.displayTypeTooltip' | translate\"\n            [disabled]=\"modalObs.disableInput\"\n          ></v-tooltip-icon>\n        </span>\n        <cds-dropdown formControlName=\"displayType\" [disabled]=\"modalObs.disableInput\">\n          <cds-dropdown-list [items]=\"viewTypeItems$ | async\"></cds-dropdown-list>\n        </cds-dropdown>\n      </cds-label>\n    </div>\n    <div class=\"cds--text-input__field-wrapper\" *ngIf=\"showDateFormat$ | async\">\n      <cds-label [disabled]=\"modalObs.disableInput\">\n        <span class=\"label-with-tooltip\">\n          {{ 'listColumn.dateFormat' | translate }}\n          <v-tooltip-icon\n            [tooltip]=\"'listColumn.dateFormatTooltip' | translate\"\n            [disabled]=\"modalObs.disableInput\"\n          ></v-tooltip-icon>\n        </span>\n        <input cdsText formControlName=\"dateFormat\" />\n      </cds-label>\n    </div>\n    <div class=\"cds--text-input__field-wrapper\" *ngIf=\"modalObs.showEnum || modalObs.isYesNo\">\n      <cds-label [disabled]=\"modalObs.disableInput\">\n        <span class=\"label-with-tooltip select-label\">\n          {{\n            modalObs.isYesNo\n              ? ('listColumn.enumTitleOptional' | translate)\n              : ('listColumn.enumTitle' | translate)\n          }}\n          <v-tooltip-icon\n            [tooltip]=\"'listColumn.enumTooltip' | translate\"\n            [disabled]=\"modalObs.disableInput\"\n          ></v-tooltip-icon>\n        </span>\n        <valtimo-carbon-multi-input\n          *ngIf=\"(showModal$ | async) || (modalShowing$ | async)\"\n          type=\"keyValue\"\n          (valueChange)=\"enumValueChange($event)\"\n          [defaultValues]=\"defaultEnumValues$ | async\"\n        ></valtimo-carbon-multi-input>\n      </cds-label>\n    </div>\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-checkbox formControlName=\"sortable\"\n        >{{ 'listColumn.sortable' | translate }}\n      </cds-checkbox>\n    </div>\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label [disabled]=\"modalObs.disableInput || modalObs.disableDefaultSort\">\n        <span class=\"label-with-tooltip select-label\">\n          {{ 'listColumn.defaultSortTitle' | translate }}\n          <v-tooltip-icon\n            [tooltip]=\"'listColumn.defaultSortTooltip' | translate\"\n            [disabled]=\"modalObs.disableInput\"\n          ></v-tooltip-icon>\n        </span>\n        <cds-dropdown\n          formControlName=\"defaultSort\"\n          [disabled]=\"modalObs.disableInput || modalObs.disableDefaultSort\"\n        >\n          <cds-dropdown-list [items]=\"sortItems$ | async\"></cds-dropdown-list>\n        </cds-dropdown>\n      </cds-label>\n    </div>\n  </form>\n</ng-template>\n\n<ng-template #modalFooter let-modalObs=\"modalObs\">\n  <cds-modal-footer>\n    <ng-container>\n      <button\n        cdsButton=\"secondary\"\n        [attr.modal-primary-focus]=\"true\"\n        (click)=\"closeModal()\"\n        [disabled]=\"modalObs.disableInput\"\n      >\n        {{ 'listColumn.close' | translate }}\n      </button>\n      <button\n        cdsButton=\"primary\"\n        [attr.modal-primary-focus]=\"true\"\n        [disabled]=\"modalObs.valid === false\"\n        (click)=\"saveCasListColumns()\"\n        [disabled]=\"\n          modalObs.disableInput || modalObs.valid === false || modalObs.validKey === false\n        \"\n      >\n        {{ 'listColumn.save' | translate }}\n      </button>\n    </ng-container>\n  </cds-modal-footer>\n</ng-template>\n\n<ng-template #deleteModal>\n  <valtimo-confirmation-modal\n    [showModalSubject$]=\"showDeleteModal$\"\n    [outputOnConfirm]=\"deleteRowIndex$ | async\"\n    (confirmEvent)=\"deleteRowConfirmation($event)\"\n    confirmButtonTextTranslationKey=\"listColumn.deleteColumn\"\n    titleTranslationKey=\"listColumn.deleteColumn\"\n    contentTranslationKey=\"listColumn.deleteColumnConfirmation\"\n  ></valtimo-confirmation-modal>\n</ng-template>\n\n<ng-template #noConfigWarning>\n  <div class=\"pl-2 pr-2 pb-2\">\n    <cds-notification\n      [notificationObj]=\"{\n        type: 'info',\n        title: 'listColumn.noConfigWarningTitle' | translate,\n        showClose: false\n      }\"\n    >\n    </cds-notification>\n  </div>\n</ng-template>\n\n<ng-template #loading>\n  <div class=\"loading-icon\"><cds-loading></cds-loading></div>\n</ng-template>\n", styles: ["/*!\n * Copyright 2015-2023 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */::ng-deep .tab-container{min-height:unset!important}::ng-deep .cds--inline-notification{max-width:100%}.label-with-tooltip{display:flex;align-items:center}.cds--text-input__field-wrapper:not(:last-child){margin-bottom:1rem}.display-type-dropdown{width:300px}.list-column-form{margin-bottom:3rem}.select-label{padding-bottom:.5rem;width:250px}.loading-icon{width:100%;display:flex;align-items:center;justify-content:center}.center-link{display:flex;align-items:center}::ng-deep .move-row-buttons{display:flex;flex-direction:row;justify-content:flex-end;padding-right:13px}\n"], dependencies: [{ kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i7.ListComponent, selector: "valtimo-list", inputs: ["items", "fields", "pagination", "viewMode", "isSearchable", "header", "actions", "paginationIdentifier", "initialSortState", "lastColumnTemplate"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged"] }, { kind: "component", type: i8.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i8.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "directive", type: i8.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: i5.TooltipIconComponent, selector: "v-tooltip-icon", inputs: ["tooltip", "disabled"] }, { kind: "component", type: i7.CarbonMultiInputComponent, selector: "valtimo-carbon-multi-input", inputs: ["name", "title", "titleTranslationKey", "type", "initialAmountOfRows", "minimumAmountOfRows", "maxRows", "addRowText", "addRowTranslationKey", "deleteRowText", "deleteRowTranslationKey", "disabled", "defaultValues", "margin", "tooltip", "required", "keyColumnTitle", "valueColumnTitle", "dropdownColumnTitle", "hideDeleteButton", "hideAddButton", "dropdownItems", "dropdownWidth", "fullWidth"], outputs: ["valueChange", "allValuesValidEvent"] }, { kind: "component", type: i8.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i8.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i8.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i8.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i8.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "component", type: i8.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }, { kind: "component", type: i8.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "component", type: i8.Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: ["id", "label", "helperText", "placeholder", "displayValue", "clearText", "size", "type", "theme", "disabled", "skeleton", "inline", "disableArrowKeys", "invalid", "invalidText", "warn", "warnText", "appendInline", "scrollableContainer", "itemValueKey", "selectionFeedback", "menuButtonLabel", "selectedLabel", "dropUp"], outputs: ["selected", "onClose", "close"] }, { kind: "component", type: i8.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "component", type: i8.Checkbox, selector: "cds-checkbox, ibm-checkbox", inputs: ["disabled", "skeleton", "hideLabel", "name", "id", "required", "value", "ariaLabel", "ariaLabelledby", "indeterminate", "checked"], outputs: ["click", "checkedChange", "indeterminateChange"] }, { kind: "directive", type: i8.Link, selector: "[cdsLink], [ibmLink]", inputs: ["inline", "disabled"] }, { kind: "directive", type: i8.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "directive", type: i10.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i10.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: i10.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i10.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i10.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i10.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i7.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm"], outputs: ["confirmEvent"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ObjectManagementListColumnsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'valtimo-object-management-list-columns', template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n<ng-container\n  *ngIf=\"{\n    listColumn: translatedObjectManagementListColumns$ | async,\n    fields: objectManagementFields$ | async,\n    objectId: objectId$ | async,\n    downloadUrl: downloadUrl$ | async,\n    downloadName: downloadName$ | async,\n    loading: loading$ | async\n  } as obs\"\n>\n  <div class=\"container-fluid pr-0 pl-0\">\n    <div class=\"text-right\">\n      <div class=\"btn-group mt-m3px mb-3 mr-2\">\n        <ng-container *ngTemplateOutlet=\"buttons; context: {obs: obs}\"></ng-container>\n      </div>\n    </div>\n    <ng-container *ngIf=\"!obs.loading; else loading\">\n      <ng-container *ngIf=\"obs.listColumn?.length > 0; else noConfigWarning\">\n        <ng-container *ngTemplateOutlet=\"list; context: {obs: obs}\"></ng-container>\n      </ng-container>\n    </ng-container>\n    <ng-container *ngTemplateOutlet=\"createEditModal\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"deleteModal\"></ng-container>\n  </div>\n</ng-container>\n\n<ng-template #buttons let-obs=\"obs\">\n  <a\n    cdsLink\n    class=\"center-link\"\n    [href]=\"obs.downloadUrl\"\n    [download]=\"obs.downloadName\"\n    [disabled]=\"\n      !obs.downloadUrl ||\n      !obs.downloadName ||\n      obs.listColumn?.length < 1 ||\n      obs.disableInput ||\n      obs.loading\n    \"\n  >\n    {{ 'listColumn.downloadButtonText' | translate }}\n  </a>\n  <button\n    (click)=\"openModal('create')\"\n    cdsButton=\"primary\"\n    size=\"md\"\n    [disabled]=\"obs.loading\"\n    class=\"ml-3\"\n  >\n    {{ 'listColumn.addButtonText' | translate }}\n    <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n  </button>\n</ng-template>\n\n<ng-template #moveRowButtons let-index=\"index\" let-length=\"length\">\n  <div\n    class=\"move-row-buttons\"\n    *ngIf=\"{\n      disableInput: disableInput$ | async,\n      objectId: objectId$ | async\n    } as obs\"\n  >\n    <i\n      class=\"mdi mdi-delete btn btn-outline-danger mr-1\"\n      (click)=\"deleteRow(index, $event)\"\n      [ngClass]=\"{'disabled disabled-move-row-button': obs.disableInput}\"\n    ></i>\n    <i\n      class=\"mdi mdi-arrow-up-bold btn btn-outline-primary mr-1\"\n      (click)=\"moveRow(index, true, $event, obs.objectId)\"\n      [ngClass]=\"{'disabled disabled-move-row-button': index === 0 || obs.disableInput}\"\n    ></i>\n    <i\n      class=\"mdi mdi-arrow-down-bold btn btn-outline-secondary\"\n      (click)=\"moveRow(index, false, $event, obs.objectId)\"\n      [ngClass]=\"{'disabled disabled-move-row-button': index === length - 1 || obs.disableInput}\"\n    ></i>\n  </div>\n</ng-template>\n\n<ng-template #list let-obs=\"obs\">\n  <valtimo-list\n    [items]=\"obs.listColumn\"\n    [fields]=\"obs.fields\"\n    [viewMode]=\"false\"\n    [header]=\"false\"\n    *ngIf=\"obs.listColumn; else loading\"\n    [lastColumnTemplate]=\"moveRowButtonsTemplateRef\"\n    (rowClicked)=\"columnRowClicked($event)\"\n  >\n  </valtimo-list>\n</ng-template>\n\n<ng-template #createEditModal>\n  <cds-modal\n    *ngIf=\"{\n      type: currentModalType$ | async,\n      show: showModal$ | async,\n      valid: valid$ | async,\n      disableInput: disableInput$ | async,\n      validKey: validKey$ | async,\n      disableDefaultSort: disableDefaultSort$ | async,\n      showEnum: showEnum$ | async,\n      isYesNo: isYesNo$ | async\n    } as modalObs\"\n    [open]=\"modalObs.show\"\n  >\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n      <h3 cdsModalHeaderHeading>\n        {{\n          modalObs.type === 'create'\n            ? ('listColumn.addButtonText' | translate)\n            : ('listColumn.editColumnTitle' | translate)\n        }}\n      </h3>\n    </cds-modal-header>\n    <section cdsModalContent>\n      <ng-container *ngTemplateOutlet=\"modalContent; context: {modalObs: modalObs}\"></ng-container>\n    </section>\n    <ng-container *ngTemplateOutlet=\"modalFooter; context: {modalObs: modalObs}\"></ng-container>\n  </cds-modal>\n</ng-template>\n\n<ng-template #modalContent let-modalObs=\"modalObs\">\n  <form [formGroup]=\"formGroup\" class=\"list-column-form\">\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label [disabled]=\"modalObs.disableInput\">\n        <span class=\"label-with-tooltip\">\n          {{ 'listColumn.titleTitle' | translate }}\n          <v-tooltip-icon\n            [tooltip]=\"'listColumn.titleTooltip' | translate\"\n            [disabled]=\"modalObs.disableInput\"\n          ></v-tooltip-icon>\n        </span>\n        <input cdsText formControlName=\"title\" />\n      </cds-label>\n    </div>\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label\n        [disabled]=\"modalObs.disableInput || modalObs.type === 'edit'\"\n        [invalid]=\"modalObs.validKey === false\"\n        [invalidText]=\"'listColumn.uniqueKeyWarning' | translate\"\n      >\n        <span class=\"label-with-tooltip\">\n          {{ 'listColumn.key' | translate }}\n          <v-tooltip-icon\n            [tooltip]=\"'listColumn.keyTooltip' | translate\"\n            [disabled]=\"modalObs.disableInput\"\n          ></v-tooltip-icon>\n        </span>\n        <input cdsText formControlName=\"key\" [invalid]=\"modalObs.validKey === false\" />\n      </cds-label>\n    </div>\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label [disabled]=\"modalObs.disableInput\">\n        <span class=\"label-with-tooltip\">\n          {{ 'listColumn.path' | translate }}\n          <v-tooltip-icon\n            [tooltip]=\"'listColumn.objectsApiPathTooltip' | translate\"\n            [disabled]=\"modalObs.disableInput\"\n          ></v-tooltip-icon>\n        </span>\n        <input cdsText formControlName=\"path\" />\n      </cds-label>\n    </div>\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label [disabled]=\"modalObs.disableInput\">\n        <span class=\"label-with-tooltip select-label\">\n          {{ 'listColumn.displayType' | translate }}\n          <v-tooltip-icon\n            [tooltip]=\"'listColumn.displayTypeTooltip' | translate\"\n            [disabled]=\"modalObs.disableInput\"\n          ></v-tooltip-icon>\n        </span>\n        <cds-dropdown formControlName=\"displayType\" [disabled]=\"modalObs.disableInput\">\n          <cds-dropdown-list [items]=\"viewTypeItems$ | async\"></cds-dropdown-list>\n        </cds-dropdown>\n      </cds-label>\n    </div>\n    <div class=\"cds--text-input__field-wrapper\" *ngIf=\"showDateFormat$ | async\">\n      <cds-label [disabled]=\"modalObs.disableInput\">\n        <span class=\"label-with-tooltip\">\n          {{ 'listColumn.dateFormat' | translate }}\n          <v-tooltip-icon\n            [tooltip]=\"'listColumn.dateFormatTooltip' | translate\"\n            [disabled]=\"modalObs.disableInput\"\n          ></v-tooltip-icon>\n        </span>\n        <input cdsText formControlName=\"dateFormat\" />\n      </cds-label>\n    </div>\n    <div class=\"cds--text-input__field-wrapper\" *ngIf=\"modalObs.showEnum || modalObs.isYesNo\">\n      <cds-label [disabled]=\"modalObs.disableInput\">\n        <span class=\"label-with-tooltip select-label\">\n          {{\n            modalObs.isYesNo\n              ? ('listColumn.enumTitleOptional' | translate)\n              : ('listColumn.enumTitle' | translate)\n          }}\n          <v-tooltip-icon\n            [tooltip]=\"'listColumn.enumTooltip' | translate\"\n            [disabled]=\"modalObs.disableInput\"\n          ></v-tooltip-icon>\n        </span>\n        <valtimo-carbon-multi-input\n          *ngIf=\"(showModal$ | async) || (modalShowing$ | async)\"\n          type=\"keyValue\"\n          (valueChange)=\"enumValueChange($event)\"\n          [defaultValues]=\"defaultEnumValues$ | async\"\n        ></valtimo-carbon-multi-input>\n      </cds-label>\n    </div>\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-checkbox formControlName=\"sortable\"\n        >{{ 'listColumn.sortable' | translate }}\n      </cds-checkbox>\n    </div>\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label [disabled]=\"modalObs.disableInput || modalObs.disableDefaultSort\">\n        <span class=\"label-with-tooltip select-label\">\n          {{ 'listColumn.defaultSortTitle' | translate }}\n          <v-tooltip-icon\n            [tooltip]=\"'listColumn.defaultSortTooltip' | translate\"\n            [disabled]=\"modalObs.disableInput\"\n          ></v-tooltip-icon>\n        </span>\n        <cds-dropdown\n          formControlName=\"defaultSort\"\n          [disabled]=\"modalObs.disableInput || modalObs.disableDefaultSort\"\n        >\n          <cds-dropdown-list [items]=\"sortItems$ | async\"></cds-dropdown-list>\n        </cds-dropdown>\n      </cds-label>\n    </div>\n  </form>\n</ng-template>\n\n<ng-template #modalFooter let-modalObs=\"modalObs\">\n  <cds-modal-footer>\n    <ng-container>\n      <button\n        cdsButton=\"secondary\"\n        [attr.modal-primary-focus]=\"true\"\n        (click)=\"closeModal()\"\n        [disabled]=\"modalObs.disableInput\"\n      >\n        {{ 'listColumn.close' | translate }}\n      </button>\n      <button\n        cdsButton=\"primary\"\n        [attr.modal-primary-focus]=\"true\"\n        [disabled]=\"modalObs.valid === false\"\n        (click)=\"saveCasListColumns()\"\n        [disabled]=\"\n          modalObs.disableInput || modalObs.valid === false || modalObs.validKey === false\n        \"\n      >\n        {{ 'listColumn.save' | translate }}\n      </button>\n    </ng-container>\n  </cds-modal-footer>\n</ng-template>\n\n<ng-template #deleteModal>\n  <valtimo-confirmation-modal\n    [showModalSubject$]=\"showDeleteModal$\"\n    [outputOnConfirm]=\"deleteRowIndex$ | async\"\n    (confirmEvent)=\"deleteRowConfirmation($event)\"\n    confirmButtonTextTranslationKey=\"listColumn.deleteColumn\"\n    titleTranslationKey=\"listColumn.deleteColumn\"\n    contentTranslationKey=\"listColumn.deleteColumnConfirmation\"\n  ></valtimo-confirmation-modal>\n</ng-template>\n\n<ng-template #noConfigWarning>\n  <div class=\"pl-2 pr-2 pb-2\">\n    <cds-notification\n      [notificationObj]=\"{\n        type: 'info',\n        title: 'listColumn.noConfigWarningTitle' | translate,\n        showClose: false\n      }\"\n    >\n    </cds-notification>\n  </div>\n</ng-template>\n\n<ng-template #loading>\n  <div class=\"loading-icon\"><cds-loading></cds-loading></div>\n</ng-template>\n", styles: ["/*!\n * Copyright 2015-2023 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */::ng-deep .tab-container{min-height:unset!important}::ng-deep .cds--inline-notification{max-width:100%}.label-with-tooltip{display:flex;align-items:center}.cds--text-input__field-wrapper:not(:last-child){margin-bottom:1rem}.display-type-dropdown{width:300px}.list-column-form{margin-bottom:3rem}.select-label{padding-bottom:.5rem;width:250px}.loading-icon{width:100%;display:flex;align-items:center;justify-content:center}.center-link{display:flex;align-items:center}::ng-deep .move-row-buttons{display:flex;flex-direction:row;justify-content:flex-end;padding-right:13px}\n"] }]
-        }], ctorParameters: function () { return [{ type: ObjectManagementService }, { type: i2.ActivatedRoute }, { type: i3$1.TranslateService }, { type: i4.ConfigService }, { type: i5$1.DomSanitizer }]; }, propDecorators: { moveRowButtonsTemplateRef: [{
-                type: ViewChild,
-                args: ['moveRowButtons']
-            }] } });
-
-/*
- * Copyright 2015-2023 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 ObjectManagementListSearchFieldsComponent {
-    constructor(objectManagementService, route, translateService, configService, sanitizer) {
-        this.objectManagementService = objectManagementService;
-        this.route = route;
-        this.translateService = translateService;
-        this.configService = configService;
-        this.sanitizer = sanitizer;
-        this.downloadName$ = new BehaviorSubject('');
-        this.downloadUrl$ = new BehaviorSubject(undefined);
-        this.loading$ = new BehaviorSubject(true);
-        this.currentModalType$ = new BehaviorSubject('create');
-        this.showModal$ = new BehaviorSubject(false);
-        this.disableInput$ = new BehaviorSubject(false);
-        this.showDeleteModal$ = new Subject();
-        this.deleteRowIndex$ = new BehaviorSubject(0);
-        this.INVALID_KEY = 'invalid';
-        this.formGroup = new FormGroup({
-            title: new FormControl(''),
-            key: new FormControl('', Validators.required),
-            path: new FormControl('', Validators.required),
-            dataType: new FormControl({
-                key: this.INVALID_KEY,
-            }),
-            fieldType: new FormControl({
-                key: this.INVALID_KEY,
-            }),
-        });
-        this.COLUMNS = [
-            {
-                viewType: 'string',
-                sortable: false,
-                propertyName: 'title',
-                translationKey: 'title',
-            },
-            {
-                viewType: 'string',
-                sortable: false,
-                propertyName: 'key',
-                translationKey: 'key',
-            },
-            {
-                viewType: 'string',
-                sortable: false,
-                propertyName: 'path',
-                translationKey: 'path',
-            },
-            {
-                viewType: 'string',
-                sortable: false,
-                propertyName: 'dataType',
-                translationKey: 'dataType',
-            },
-            {
-                viewType: 'string',
-                sortable: false,
-                propertyName: 'fieldType',
-                translationKey: 'fieldType',
-            },
-        ];
-        this.DATA_TYPES = [
-            'text',
-            'number',
-            'date',
-            'datetime',
-            'boolean',
-        ];
-        this.FIELD_TYPES = ['single', 'range'];
-        this.cachedObjectManagementListSearchFields = [];
-        this.refreshObjectManagementListSearchFields$ = new BehaviorSubject(null);
-        this.objectManagementFields$ = this.translateService
-            .stream('key')
-            .pipe(map(() => this.COLUMNS.map(column => (Object.assign({ key: column.propertyName, label: this.translateService.instant(`searchFieldsOverview.${column.translationKey}`), sortable: column.sortable }, (column.viewType && { viewType: column.viewType }))))));
-        this.objectId$ = this.route.params.pipe(map(params => params.id || ''), filter(objectId => !!objectId));
-        this.objectManagementListSearchFields$ = combineLatest([
-            this.objectId$,
-            this.refreshObjectManagementListSearchFields$,
-        ]).pipe(switchMap(([objectId]) => this.objectManagementService.getSearchField(objectId)), tap(objectManagementListSearchFields => {
-            this.objectId$.pipe(take(1)).subscribe(objectId => {
-                if (objectManagementListSearchFields &&
-                    Array.isArray(objectManagementListSearchFields) &&
-                    objectManagementListSearchFields.length > 0) {
-                    this.setDownload(objectId, objectManagementListSearchFields);
-                }
-            });
-        }), tap(objectManagementListSearchFields => {
-            this.cachedObjectManagementListSearchFields = objectManagementListSearchFields;
-            this.loading$.next(false);
-            this.enableInput();
-        }));
-        this.translatedObjectManagementListSearchFields$ = combineLatest([
-            this.objectManagementListSearchFields$,
-            this.translateService.stream('key'),
-        ]).pipe(map(([columns]) => columns.map(column => {
-            var _a, _b;
-            return (Object.assign(Object.assign({}, column), { title: column.title || '-', dataType: this.translateService.instant(`searchFields.${(_a = column === null || column === void 0 ? void 0 : column.dataType) === null || _a === void 0 ? void 0 : _a.toLowerCase()}`), fieldType: this.translateService.instant(`searchFieldsOverview.${(_b = column === null || column === void 0 ? void 0 : column.fieldType) === null || _b === void 0 ? void 0 : _b.toLowerCase()}`) }));
-        })));
-        this.selectedDataTypeItemIndex$ = new BehaviorSubject(0);
-        this.dataTypeItems$ = combineLatest([
-            this.selectedDataTypeItemIndex$,
-            this.translateService.stream('key'),
-        ]).pipe(map(([selectedDataTypeItemIndex]) => [
-            {
-                content: this.translateService.instant(`searchFieldDataType.select`),
-                key: this.INVALID_KEY,
-            },
-            ...this.DATA_TYPES.map(type => ({
-                content: this.translateService.instant(`searchFields.${type}`),
-                key: type.toUpperCase(),
-            })),
-        ].map((item, index) => (Object.assign(Object.assign({}, item), { selected: index === selectedDataTypeItemIndex })))));
-        this.selectedFieldTypeItemIndex$ = new BehaviorSubject(0);
-        this.fieldTypeItems$ = combineLatest([
-            this.selectedFieldTypeItemIndex$,
-            this.translateService.stream('key'),
-        ]).pipe(map(([selectedFieldTypeItemIndex]) => [
-            {
-                content: this.translateService.instant(`searchFieldFieldType.select`),
-                key: this.INVALID_KEY,
-            },
-            ...this.FIELD_TYPES.map(type => ({
-                content: this.translateService.instant(`searchFieldsOverview.${type}`),
-                key: type.toUpperCase(),
-            })),
-        ].map((item, index) => (Object.assign(Object.assign({}, item), { selected: index === selectedFieldTypeItemIndex })))));
-        this.validKey$ = combineLatest([this.formGroup.valueChanges, this.currentModalType$]).pipe(map(([formValues, currentModalType]) => {
-            const existingKeys = this.cachedObjectManagementListSearchFields.map(column => column.key);
-            return currentModalType === 'create' ? !existingKeys.includes(formValues.key) : true;
-        }), startWith(false));
-        this.valid$ = combineLatest([this.formGroup.valueChanges, this.validKey$]).pipe(map(([formValues, validKey]) => !!(formValues.path && validKey)), startWith(false));
-    }
-    openModal(modalType) {
-        this.showModal$.next(true);
-        this.currentModalType$.next(modalType);
-        if (modalType === 'create') {
-            this.formGroup.controls['key'].enable();
-            this.resetFormGroup();
-        }
-        else if (modalType === 'edit') {
-            this.formGroup.controls['key'].disable();
-        }
-    }
-    closeModal() {
-        this.showModal$.next(false);
-    }
-    deleteRow(listSearchFieldRowIndex, clickEvent) {
-        clickEvent.stopPropagation();
-        this.showDeleteModal$.next(true);
-        this.deleteRowIndex$.next(listSearchFieldRowIndex);
-    }
-    deleteRowConfirmation(listSearchFieldRowIndex) {
-        const columnKey = this.getColumnKey(listSearchFieldRowIndex);
-        if (columnKey) {
-            this.disableInput();
-            this.objectId$
-                .pipe(take(1), switchMap(objectId => this.objectManagementService.deleteSearchField(objectId, columnKey)), tap(() => this.refreshObjectManagementListSearchFields()), catchError(() => {
-                this.enableInput();
-                return of(null);
-            }))
-                .subscribe();
-        }
-    }
-    getColumnKey(listSearchFieldRowIndex) {
-        var _a;
-        return (_a = this.cachedObjectManagementListSearchFields[listSearchFieldRowIndex]) === null || _a === void 0 ? void 0 : _a.key;
-    }
-    moveRow(listSearchFieldRowIndex, moveUp, clickEvent, objectId) {
-        const objectManagementListSearchFields = [...this.cachedObjectManagementListSearchFields];
-        const listSearchFieldRow = objectManagementListSearchFields[listSearchFieldRowIndex];
-        clickEvent.stopPropagation();
-        const listSearchFieldIndex = objectManagementListSearchFields.findIndex(field => field.key === listSearchFieldRow.key);
-        const foundListSearchField = Object.assign({}, objectManagementListSearchFields[listSearchFieldIndex]);
-        const filteredListSearchField = objectManagementListSearchFields.filter(field => field.key !== listSearchFieldRow.key);
-        const multipleListSearchFields = objectManagementListSearchFields.length > 1;
-        if (multipleListSearchFields && moveUp && listSearchFieldIndex > 0) {
-            const listSearchFieldBeforeKey = `${objectManagementListSearchFields[listSearchFieldIndex - 1].key}`;
-            const listSearchFieldBeforeIndex = filteredListSearchField.findIndex(field => field.key === listSearchFieldBeforeKey);
-            filteredListSearchField.splice(listSearchFieldBeforeIndex, 0, foundListSearchField);
-            this.updateObjectManagementListSearchField(objectId, filteredListSearchField);
-        }
-        else if (multipleListSearchFields &&
-            !moveUp &&
-            listSearchFieldIndex < objectManagementListSearchFields.length) {
-            const caseListColumnAfterKey = `${objectManagementListSearchFields[listSearchFieldIndex + 1].key}`;
-            const caseListColumnAfterIndex = filteredListSearchField.findIndex(field => field.key === caseListColumnAfterKey);
-            filteredListSearchField.splice(caseListColumnAfterIndex + 1, 0, foundListSearchField);
-            this.updateObjectManagementListSearchField(objectId, filteredListSearchField);
-        }
-    }
-    saveListSearchFields() {
-        this.disableInput();
-        this.currentModalType$.pipe(take(1)).subscribe(currentModalType => {
-            if (currentModalType === 'create') {
-                this.addSearchField();
-            }
-            else {
-                this.updateSearchField();
-            }
-        });
-    }
-    columnRowClicked(row) {
-        this.resetFormGroup();
-        combineLatest([this.dataTypeItems$, this.fieldTypeItems$])
-            .pipe(take(1))
-            .subscribe(([dataTypeItems, fieldTypeItems]) => {
-            const column = this.cachedObjectManagementListSearchFields.find(cachedColumn => cachedColumn.key === row.key);
-            const dataTypeItem = dataTypeItems.find(item => item.key === column.dataType);
-            const dataTypeItemIndex = dataTypeItems.findIndex(item => item.key === column.dataType);
-            const fieldTypeItem = fieldTypeItems.find(item => item.key === column.fieldType);
-            const fieldTypeItemIndex = fieldTypeItems.findIndex(item => item.key === column.fieldType);
-            this.selectedDataTypeItemIndex$.next(dataTypeItemIndex);
-            this.selectedFieldTypeItemIndex$.next(fieldTypeItemIndex);
-            this.formGroup.patchValue({
-                key: column.key,
-                title: column.title,
-                path: column.path,
-                // @ts-ignore
-                dataType: Object.assign({}, dataTypeItem),
-                // @ts-ignore
-                fieldType: Object.assign({}, fieldTypeItem),
-            });
-            this.openModal('edit');
-        });
-    }
-    updateObjectManagementListSearchField(objectId, searchField) {
-        this.disableInput();
-        this.objectManagementService
-            .putSearchFields(objectId, searchField)
-            .pipe(tap(() => {
-            this.refreshObjectManagementListSearchFields();
-            localStorage.setItem(`list-search-fields${objectId}`, null);
-        }), catchError(() => {
-            this.enableInput();
-            return of(null);
-        }))
-            .subscribe();
-    }
-    addSearchField() {
-        const formValue = this.formGroup.value;
-        this.objectId$
-            .pipe(take(1), switchMap(objectId => this.objectManagementService.postSearchField(objectId, this.mapFormValuesToColumn(formValue))), tap(() => {
-            this.closeModal();
-            this.refreshObjectManagementListSearchFields();
-        }), catchError(() => {
-            this.enableInput();
-            return of(null);
-        }))
-            .subscribe();
-    }
-    updateSearchField() {
-        this.objectId$
-            .pipe(take(1), switchMap(objectId => this.objectManagementService.putSearchField(objectId, this.formGroup.value.key, this.mapFormValuesToColumn(this.formGroup.value))), tap(() => {
-            this.closeModal();
-            this.refreshObjectManagementListSearchFields();
-        }), catchError(() => {
-            this.enableInput();
-            return of(null);
-        }))
-            .subscribe();
-    }
-    setDownload(objectId, ObjectManagementSearchFields) {
-        this.downloadName$.next(`${objectId}.json`);
-        this.downloadUrl$.next(this.sanitizer.bypassSecurityTrustUrl('data:text/json;charset=UTF-8,' +
-            encodeURIComponent(JSON.stringify(ObjectManagementSearchFields, null, 2))));
-    }
-    disableInput() {
-        this.disableInput$.next(true);
-        this.formGroup.disable();
-    }
-    enableInput() {
-        this.disableInput$.next(false);
-        this.formGroup.enable();
-    }
-    refreshObjectManagementListSearchFields() {
-        this.refreshObjectManagementListSearchFields$.next(null);
-    }
-    resetFormGroup() {
-        this.formGroup.reset();
-        this.selectedDataTypeItemIndex$.next(0);
-        this.selectedFieldTypeItemIndex$.next(0);
-    }
-    mapFormValuesToColumn(formValue) {
-        return {
-            key: formValue.key,
-            title: formValue.title || '',
-            path: formValue.path,
-            dataType: formValue.dataType.key,
-            fieldType: formValue.fieldType.key,
-        };
-    }
-}
-ObjectManagementListSearchFieldsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ObjectManagementListSearchFieldsComponent, deps: [{ token: ObjectManagementService }, { token: i2.ActivatedRoute }, { token: i3$1.TranslateService }, { token: i4.ConfigService }, { token: i5$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-ObjectManagementListSearchFieldsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ObjectManagementListSearchFieldsComponent, selector: "valtimo-object-management-list-search-fields", viewQueries: [{ propertyName: "moveRowButtonsTemplateRef", first: true, predicate: ["moveRowButtons"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n<ng-container\n  *ngIf=\"{\n    searchFields: translatedObjectManagementListSearchFields$ | async,\n    fields: objectManagementFields$ | async,\n    objectId: objectId$ | async,\n    downloadUrl: downloadUrl$ | async,\n    downloadName: downloadName$ | async,\n    loading: loading$ | async\n  } as obs\"\n>\n  <div class=\"container-fluid pr-0 pl-0\">\n    <div class=\"text-right\">\n      <div class=\"btn-group mt-m3px mb-3 mr-2\">\n        <ng-container *ngTemplateOutlet=\"buttons; context: {obs: obs}\"></ng-container>\n      </div>\n    </div>\n    <ng-container *ngIf=\"!obs.loading; else loading\">\n      <ng-container *ngIf=\"obs.searchFields?.length > 0; else noConfigWarning\">\n        <ng-container *ngTemplateOutlet=\"list; context: {obs: obs}\"></ng-container>\n      </ng-container>\n    </ng-container>\n    <ng-container *ngTemplateOutlet=\"createEditModal\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"deleteModal\"></ng-container>\n  </div>\n</ng-container>\n\n<ng-template #buttons let-obs=\"obs\">\n  <a\n    cdsLink\n    class=\"center-link\"\n    [href]=\"obs.downloadUrl\"\n    [download]=\"obs.downloadName\"\n    [disabled]=\"\n      !obs.downloadUrl ||\n      !obs.downloadName ||\n      obs.searchFields?.length < 1 ||\n      obs.disableInput ||\n      obs.loading\n    \"\n  >\n    {{ 'searchFieldsOverview.download' | translate }}\n  </a>\n  <button\n    (click)=\"openModal('create')\"\n    cdsButton=\"primary\"\n    size=\"md\"\n    [disabled]=\"obs.loading\"\n    class=\"ml-3\"\n  >\n    {{ 'searchFieldsOverview.add' | translate }}\n    <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n  </button>\n</ng-template>\n\n<ng-template #moveRowButtons let-index=\"index\" let-length=\"length\">\n  <div\n    class=\"move-row-buttons\"\n    *ngIf=\"{\n      disableInput: disableInput$ | async,\n      objectId: objectId$ | async\n    } as obs\"\n  >\n    <i\n      class=\"mdi mdi-delete btn btn-outline-danger mr-1\"\n      (click)=\"deleteRow(index, $event)\"\n      [ngClass]=\"{'disabled disabled-move-row-button': obs.disableInput}\"\n    ></i>\n    <i\n      class=\"mdi mdi-arrow-up-bold btn btn-outline-primary mr-1\"\n      (click)=\"moveRow(index, true, $event, obs.objectId)\"\n      [ngClass]=\"{'disabled disabled-move-row-button': index === 0 || obs.disableInput}\"\n    ></i>\n    <i\n      class=\"mdi mdi-arrow-down-bold btn btn-outline-secondary\"\n      (click)=\"moveRow(index, false, $event, obs.objectId)\"\n      [ngClass]=\"{'disabled disabled-move-row-button': index === length - 1 || obs.disableInput}\"\n    ></i>\n  </div>\n</ng-template>\n\n<ng-template #list let-obs=\"obs\">\n  <valtimo-list\n    [items]=\"obs.searchFields\"\n    [fields]=\"obs.fields\"\n    [viewMode]=\"false\"\n    [header]=\"false\"\n    *ngIf=\"obs.searchFields; else loading\"\n    [lastColumnTemplate]=\"moveRowButtonsTemplateRef\"\n    (rowClicked)=\"columnRowClicked($event)\"\n  >\n  </valtimo-list>\n</ng-template>\n\n<ng-template #createEditModal>\n  <cds-modal\n    valtimoCdsModal\n    *ngIf=\"{\n      type: currentModalType$ | async,\n      show: showModal$ | async,\n      valid: valid$ | async,\n      disableInput: disableInput$ | async,\n      validKey: validKey$ | async\n    } as modalObs\"\n    [open]=\"modalObs.show\"\n  >\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n      <h3 cdsModalHeaderHeading>\n        {{\n          modalObs.type === 'create'\n            ? ('searchFieldsOverview.add' | translate)\n            : ('searchFieldsOverview.edit' | translate)\n        }}\n      </h3>\n    </cds-modal-header>\n    <section cdsModalContent>\n      <ng-container *ngTemplateOutlet=\"modalContent; context: {modalObs: modalObs}\"></ng-container>\n    </section>\n    <ng-container *ngTemplateOutlet=\"modalFooter; context: {modalObs: modalObs}\"></ng-container>\n  </cds-modal>\n</ng-template>\n\n<ng-template #modalContent let-modalObs=\"modalObs\">\n  <form [formGroup]=\"formGroup\" class=\"list-column-form\">\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label [disabled]=\"modalObs.disableInput\">\n        <span class=\"label-with-tooltip\">\n          {{ 'searchFieldsOverview.title' | translate }}\n          <v-tooltip-icon\n            [tooltip]=\"'searchFieldsOverviewTooltips.title' | translate\"\n            [disabled]=\"modalObs.disableInput\"\n          ></v-tooltip-icon>\n        </span>\n        <input cdsText formControlName=\"title\" />\n      </cds-label>\n    </div>\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label\n        [disabled]=\"modalObs.disableInput || modalObs.type === 'edit'\"\n        [invalid]=\"modalObs.validKey === false\"\n        [invalidText]=\"'searchFieldsOverview.uniqueKeyWarning' | translate\"\n      >\n        <span class=\"label-with-tooltip\">\n          {{ 'searchFieldsOverview.key' | translate }}\n          <v-tooltip-icon\n            [tooltip]=\"'searchFieldsOverviewTooltips.key' | translate\"\n            [disabled]=\"modalObs.disableInput\"\n          ></v-tooltip-icon>\n        </span>\n        <input cdsText formControlName=\"key\" [invalid]=\"modalObs.validKey === false\" />\n      </cds-label>\n    </div>\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label [disabled]=\"modalObs.disableInput\">\n        <span class=\"label-with-tooltip\">\n          {{ 'searchFieldsOverview.path' | translate }}\n          <v-tooltip-icon\n            [tooltip]=\"'searchFieldsOverviewTooltips.objectsApiPath' | translate\"\n            [disabled]=\"modalObs.disableInput\"\n          ></v-tooltip-icon>\n        </span>\n        <input cdsText formControlName=\"path\" />\n      </cds-label>\n    </div>\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label [disabled]=\"modalObs.disableInput\">\n        <span class=\"label-with-tooltip select-label\">\n          {{ 'searchFieldsOverview.dataType' | translate }}\n          <v-tooltip-icon\n            [tooltip]=\"'searchFieldsOverviewTooltips.dataType' | translate\"\n            [disabled]=\"modalObs.disableInput\"\n          ></v-tooltip-icon>\n        </span>\n        <cds-dropdown formControlName=\"dataType\" [disabled]=\"modalObs.disableInput\">\n          <cds-dropdown-list [items]=\"dataTypeItems$ | async\"></cds-dropdown-list>\n        </cds-dropdown>\n      </cds-label>\n    </div>\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label [disabled]=\"modalObs.disableInput\">\n        <span class=\"label-with-tooltip select-label\">\n          {{ 'searchFieldsOverview.fieldType' | translate }}\n          <v-tooltip-icon\n            [tooltip]=\"'searchFieldsOverviewTooltips.fieldType' | translate\"\n            [disabled]=\"modalObs.disableInput\"\n          ></v-tooltip-icon>\n        </span>\n        <cds-dropdown formControlName=\"fieldType\" [disabled]=\"modalObs.disableInput\">\n          <cds-dropdown-list [items]=\"fieldTypeItems$ | async\"></cds-dropdown-list>\n        </cds-dropdown>\n      </cds-label>\n    </div>\n  </form>\n</ng-template>\n\n<ng-template #modalFooter let-modalObs=\"modalObs\">\n  <cds-modal-footer>\n    <ng-container>\n      <button\n        cdsButton=\"secondary\"\n        [attr.modal-primary-focus]=\"true\"\n        (click)=\"closeModal()\"\n        [disabled]=\"modalObs.disableInput\"\n      >\n        {{ 'searchFieldsOverview.close' | translate }}\n      </button>\n      <button\n        cdsButton=\"primary\"\n        [attr.modal-primary-focus]=\"true\"\n        [disabled]=\"modalObs.valid === false\"\n        (click)=\"saveListSearchFields()\"\n        [disabled]=\"\n          modalObs.disableInput || modalObs.valid === false || modalObs.validKey === false\n        \"\n      >\n        {{ 'searchFieldsOverview.save' | translate }}\n      </button>\n    </ng-container>\n  </cds-modal-footer>\n</ng-template>\n\n<ng-template #deleteModal>\n  <valtimo-confirmation-modal\n    [showModalSubject$]=\"showDeleteModal$\"\n    [outputOnConfirm]=\"deleteRowIndex$ | async\"\n    (confirmEvent)=\"deleteRowConfirmation($event)\"\n    confirmButtonTextTranslationKey=\"searchFieldsOverview.deleteSearchField\"\n    titleTranslationKey=\"searchFieldsOverview.searchField\"\n    contentTranslationKey=\"searchFieldsOverview.deleteSearchFieldConfirmation\"\n  ></valtimo-confirmation-modal>\n</ng-template>\n\n<ng-template #noConfigWarning>\n  <div class=\"pl-2 pr-2 pb-2\">\n    <cds-notification\n      [notificationObj]=\"{\n        type: 'info',\n        title: 'searchFieldsOverview.noSearchFieldsConfiguredWarningTitle' | translate,\n        showClose: false\n      }\"\n    >\n    </cds-notification>\n  </div>\n</ng-template>\n\n<ng-template #loading>\n  <div class=\"loading-icon\"><cds-loading></cds-loading></div>\n</ng-template>\n", styles: ["/*!\n * Copyright 2015-2023 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */::ng-deep .tab-container{min-height:unset!important}::ng-deep .cds--inline-notification{max-width:100%}.label-with-tooltip{display:flex;align-items:center}.cds--text-input__field-wrapper:not(:last-child){margin-bottom:1rem}.display-type-dropdown{width:300px}.list-column-form{margin-bottom:3rem}.select-label{padding-bottom:.5rem;width:250px}.loading-icon{width:100%;display:flex;align-items:center;justify-content:center}.center-link{display:flex;align-items:center}::ng-deep .move-row-buttons{display:flex;flex-direction:row;justify-content:flex-end;padding-right:13px}\n"], dependencies: [{ kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i7.ListComponent, selector: "valtimo-list", inputs: ["items", "fields", "pagination", "viewMode", "isSearchable", "header", "actions", "paginationIdentifier", "initialSortState", "lastColumnTemplate"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged"] }, { kind: "component", type: i8.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i8.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "directive", type: i8.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: i5.TooltipIconComponent, selector: "v-tooltip-icon", inputs: ["tooltip", "disabled"] }, { kind: "component", type: i8.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i8.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i8.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i8.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i8.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "component", type: i8.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }, { kind: "component", type: i8.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "component", type: i8.Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: ["id", "label", "helperText", "placeholder", "displayValue", "clearText", "size", "type", "theme", "disabled", "skeleton", "inline", "disableArrowKeys", "invalid", "invalidText", "warn", "warnText", "appendInline", "scrollableContainer", "itemValueKey", "selectionFeedback", "menuButtonLabel", "selectedLabel", "dropUp"], outputs: ["selected", "onClose", "close"] }, { kind: "component", type: i8.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "directive", type: i8.Link, selector: "[cdsLink], [ibmLink]", inputs: ["inline", "disabled"] }, { kind: "directive", type: i8.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "directive", type: i10.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i10.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: i10.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i10.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i10.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i10.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i7.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm"], outputs: ["confirmEvent"] }, { kind: "directive", type: i7.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]" }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ObjectManagementListSearchFieldsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'valtimo-object-management-list-search-fields', template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n<ng-container\n  *ngIf=\"{\n    searchFields: translatedObjectManagementListSearchFields$ | async,\n    fields: objectManagementFields$ | async,\n    objectId: objectId$ | async,\n    downloadUrl: downloadUrl$ | async,\n    downloadName: downloadName$ | async,\n    loading: loading$ | async\n  } as obs\"\n>\n  <div class=\"container-fluid pr-0 pl-0\">\n    <div class=\"text-right\">\n      <div class=\"btn-group mt-m3px mb-3 mr-2\">\n        <ng-container *ngTemplateOutlet=\"buttons; context: {obs: obs}\"></ng-container>\n      </div>\n    </div>\n    <ng-container *ngIf=\"!obs.loading; else loading\">\n      <ng-container *ngIf=\"obs.searchFields?.length > 0; else noConfigWarning\">\n        <ng-container *ngTemplateOutlet=\"list; context: {obs: obs}\"></ng-container>\n      </ng-container>\n    </ng-container>\n    <ng-container *ngTemplateOutlet=\"createEditModal\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"deleteModal\"></ng-container>\n  </div>\n</ng-container>\n\n<ng-template #buttons let-obs=\"obs\">\n  <a\n    cdsLink\n    class=\"center-link\"\n    [href]=\"obs.downloadUrl\"\n    [download]=\"obs.downloadName\"\n    [disabled]=\"\n      !obs.downloadUrl ||\n      !obs.downloadName ||\n      obs.searchFields?.length < 1 ||\n      obs.disableInput ||\n      obs.loading\n    \"\n  >\n    {{ 'searchFieldsOverview.download' | translate }}\n  </a>\n  <button\n    (click)=\"openModal('create')\"\n    cdsButton=\"primary\"\n    size=\"md\"\n    [disabled]=\"obs.loading\"\n    class=\"ml-3\"\n  >\n    {{ 'searchFieldsOverview.add' | translate }}\n    <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n  </button>\n</ng-template>\n\n<ng-template #moveRowButtons let-index=\"index\" let-length=\"length\">\n  <div\n    class=\"move-row-buttons\"\n    *ngIf=\"{\n      disableInput: disableInput$ | async,\n      objectId: objectId$ | async\n    } as obs\"\n  >\n    <i\n      class=\"mdi mdi-delete btn btn-outline-danger mr-1\"\n      (click)=\"deleteRow(index, $event)\"\n      [ngClass]=\"{'disabled disabled-move-row-button': obs.disableInput}\"\n    ></i>\n    <i\n      class=\"mdi mdi-arrow-up-bold btn btn-outline-primary mr-1\"\n      (click)=\"moveRow(index, true, $event, obs.objectId)\"\n      [ngClass]=\"{'disabled disabled-move-row-button': index === 0 || obs.disableInput}\"\n    ></i>\n    <i\n      class=\"mdi mdi-arrow-down-bold btn btn-outline-secondary\"\n      (click)=\"moveRow(index, false, $event, obs.objectId)\"\n      [ngClass]=\"{'disabled disabled-move-row-button': index === length - 1 || obs.disableInput}\"\n    ></i>\n  </div>\n</ng-template>\n\n<ng-template #list let-obs=\"obs\">\n  <valtimo-list\n    [items]=\"obs.searchFields\"\n    [fields]=\"obs.fields\"\n    [viewMode]=\"false\"\n    [header]=\"false\"\n    *ngIf=\"obs.searchFields; else loading\"\n    [lastColumnTemplate]=\"moveRowButtonsTemplateRef\"\n    (rowClicked)=\"columnRowClicked($event)\"\n  >\n  </valtimo-list>\n</ng-template>\n\n<ng-template #createEditModal>\n  <cds-modal\n    valtimoCdsModal\n    *ngIf=\"{\n      type: currentModalType$ | async,\n      show: showModal$ | async,\n      valid: valid$ | async,\n      disableInput: disableInput$ | async,\n      validKey: validKey$ | async\n    } as modalObs\"\n    [open]=\"modalObs.show\"\n  >\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n      <h3 cdsModalHeaderHeading>\n        {{\n          modalObs.type === 'create'\n            ? ('searchFieldsOverview.add' | translate)\n            : ('searchFieldsOverview.edit' | translate)\n        }}\n      </h3>\n    </cds-modal-header>\n    <section cdsModalContent>\n      <ng-container *ngTemplateOutlet=\"modalContent; context: {modalObs: modalObs}\"></ng-container>\n    </section>\n    <ng-container *ngTemplateOutlet=\"modalFooter; context: {modalObs: modalObs}\"></ng-container>\n  </cds-modal>\n</ng-template>\n\n<ng-template #modalContent let-modalObs=\"modalObs\">\n  <form [formGroup]=\"formGroup\" class=\"list-column-form\">\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label [disabled]=\"modalObs.disableInput\">\n        <span class=\"label-with-tooltip\">\n          {{ 'searchFieldsOverview.title' | translate }}\n          <v-tooltip-icon\n            [tooltip]=\"'searchFieldsOverviewTooltips.title' | translate\"\n            [disabled]=\"modalObs.disableInput\"\n          ></v-tooltip-icon>\n        </span>\n        <input cdsText formControlName=\"title\" />\n      </cds-label>\n    </div>\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label\n        [disabled]=\"modalObs.disableInput || modalObs.type === 'edit'\"\n        [invalid]=\"modalObs.validKey === false\"\n        [invalidText]=\"'searchFieldsOverview.uniqueKeyWarning' | translate\"\n      >\n        <span class=\"label-with-tooltip\">\n          {{ 'searchFieldsOverview.key' | translate }}\n          <v-tooltip-icon\n            [tooltip]=\"'searchFieldsOverviewTooltips.key' | translate\"\n            [disabled]=\"modalObs.disableInput\"\n          ></v-tooltip-icon>\n        </span>\n        <input cdsText formControlName=\"key\" [invalid]=\"modalObs.validKey === false\" />\n      </cds-label>\n    </div>\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label [disabled]=\"modalObs.disableInput\">\n        <span class=\"label-with-tooltip\">\n          {{ 'searchFieldsOverview.path' | translate }}\n          <v-tooltip-icon\n            [tooltip]=\"'searchFieldsOverviewTooltips.objectsApiPath' | translate\"\n            [disabled]=\"modalObs.disableInput\"\n          ></v-tooltip-icon>\n        </span>\n        <input cdsText formControlName=\"path\" />\n      </cds-label>\n    </div>\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label [disabled]=\"modalObs.disableInput\">\n        <span class=\"label-with-tooltip select-label\">\n          {{ 'searchFieldsOverview.dataType' | translate }}\n          <v-tooltip-icon\n            [tooltip]=\"'searchFieldsOverviewTooltips.dataType' | translate\"\n            [disabled]=\"modalObs.disableInput\"\n          ></v-tooltip-icon>\n        </span>\n        <cds-dropdown formControlName=\"dataType\" [disabled]=\"modalObs.disableInput\">\n          <cds-dropdown-list [items]=\"dataTypeItems$ | async\"></cds-dropdown-list>\n        </cds-dropdown>\n      </cds-label>\n    </div>\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label [disabled]=\"modalObs.disableInput\">\n        <span class=\"label-with-tooltip select-label\">\n          {{ 'searchFieldsOverview.fieldType' | translate }}\n          <v-tooltip-icon\n            [tooltip]=\"'searchFieldsOverviewTooltips.fieldType' | translate\"\n            [disabled]=\"modalObs.disableInput\"\n          ></v-tooltip-icon>\n        </span>\n        <cds-dropdown formControlName=\"fieldType\" [disabled]=\"modalObs.disableInput\">\n          <cds-dropdown-list [items]=\"fieldTypeItems$ | async\"></cds-dropdown-list>\n        </cds-dropdown>\n      </cds-label>\n    </div>\n  </form>\n</ng-template>\n\n<ng-template #modalFooter let-modalObs=\"modalObs\">\n  <cds-modal-footer>\n    <ng-container>\n      <button\n        cdsButton=\"secondary\"\n        [attr.modal-primary-focus]=\"true\"\n        (click)=\"closeModal()\"\n        [disabled]=\"modalObs.disableInput\"\n      >\n        {{ 'searchFieldsOverview.close' | translate }}\n      </button>\n      <button\n        cdsButton=\"primary\"\n        [attr.modal-primary-focus]=\"true\"\n        [disabled]=\"modalObs.valid === false\"\n        (click)=\"saveListSearchFields()\"\n        [disabled]=\"\n          modalObs.disableInput || modalObs.valid === false || modalObs.validKey === false\n        \"\n      >\n        {{ 'searchFieldsOverview.save' | translate }}\n      </button>\n    </ng-container>\n  </cds-modal-footer>\n</ng-template>\n\n<ng-template #deleteModal>\n  <valtimo-confirmation-modal\n    [showModalSubject$]=\"showDeleteModal$\"\n    [outputOnConfirm]=\"deleteRowIndex$ | async\"\n    (confirmEvent)=\"deleteRowConfirmation($event)\"\n    confirmButtonTextTranslationKey=\"searchFieldsOverview.deleteSearchField\"\n    titleTranslationKey=\"searchFieldsOverview.searchField\"\n    contentTranslationKey=\"searchFieldsOverview.deleteSearchFieldConfirmation\"\n  ></valtimo-confirmation-modal>\n</ng-template>\n\n<ng-template #noConfigWarning>\n  <div class=\"pl-2 pr-2 pb-2\">\n    <cds-notification\n      [notificationObj]=\"{\n        type: 'info',\n        title: 'searchFieldsOverview.noSearchFieldsConfiguredWarningTitle' | translate,\n        showClose: false\n      }\"\n    >\n    </cds-notification>\n  </div>\n</ng-template>\n\n<ng-template #loading>\n  <div class=\"loading-icon\"><cds-loading></cds-loading></div>\n</ng-template>\n", styles: ["/*!\n * Copyright 2015-2023 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */::ng-deep .tab-container{min-height:unset!important}::ng-deep .cds--inline-notification{max-width:100%}.label-with-tooltip{display:flex;align-items:center}.cds--text-input__field-wrapper:not(:last-child){margin-bottom:1rem}.display-type-dropdown{width:300px}.list-column-form{margin-bottom:3rem}.select-label{padding-bottom:.5rem;width:250px}.loading-icon{width:100%;display:flex;align-items:center;justify-content:center}.center-link{display:flex;align-items:center}::ng-deep .move-row-buttons{display:flex;flex-direction:row;justify-content:flex-end;padding-right:13px}\n"] }]
-        }], ctorParameters: function () { return [{ type: ObjectManagementService }, { type: i2.ActivatedRoute }, { type: i3$1.TranslateService }, { type: i4.ConfigService }, { type: i5$1.DomSanitizer }]; }, propDecorators: { moveRowButtonsTemplateRef: [{
-                type: ViewChild,
-                args: ['moveRowButtons']
-            }] } });
-
-/*
- * Copyright 2015-2023 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 ObjectManagementDetailContainerComponent {
-    constructor(objectManagementState, objectManagementService, route, configService, tabService, pageTitleService) {
-        this.objectManagementState = objectManagementState;
-        this.objectManagementService = objectManagementService;
-        this.route = route;
-        this.configService = configService;
-        this.tabService = tabService;
-        this.pageTitleService = pageTitleService;
-        this.TabEnum = TabEnum;
-        this.objectId$ = this.route.params.pipe(map(params => params.id || ''), filter(id => !!id));
-        this.object$ = combineLatest([this.objectId$, this.objectManagementState.refresh$]).pipe(switchMap(([object]) => this.objectManagementService.getObjectById(object)), tap$1(object => {
-            this.pageTitleService.setCustomPageTitle(object.title);
-        }));
-        this.caseListColumn = this.configService.config.featureToggles.caseListColumn;
-    }
-    ngOnInit() {
-        this.openCurrentTabSubscription();
-    }
-    displayBodyComponent(tab) {
-        this.tabService.currentTab = tab;
-    }
-    openCurrentTabSubscription() {
-        this.tabSubscription = this.tabService.currentTab$.subscribe(value => (this.currentTab = value));
-    }
-    ngOnDestroy() {
-        var _a;
-        this.tabService.currentTab = TabEnum.GENERAL;
-        (_a = this.tabSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
-    }
-}
-ObjectManagementDetailContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ObjectManagementDetailContainerComponent, deps: [{ token: ObjectManagementStateService }, { token: ObjectManagementService }, { token: i2.ActivatedRoute }, { token: i4.ConfigService }, { token: TabService }, { token: i7.PageTitleService }], target: i0.ɵɵFactoryTarget.Component });
-ObjectManagementDetailContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ObjectManagementDetailContainerComponent, selector: "valtimo-object-management-detail-container", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content\">\n  <div class=\"container-fluid\">\n    <div class=\"col-12 px-0 mb-5\">\n      <valtimo-widget>\n        <ng-container *ngTemplateOutlet=\"title\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"tabs\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"tabContent\"></ng-container>\n      </valtimo-widget>\n    </div>\n  </div>\n</div>\n\n<ng-template #title>\n  <ng-container *ngIf=\"object$ | async as object\">\n    <div class=\"bg-light dossier-header\" *ngIf=\"object.showInDataMenu\">\n      <h3 class=\"dossier-title\">\n        <div *ngIf=\"object.showInDataMenu\" class=\"pull-right\">\n          <span class=\"badge badge-pill badge-info increase-size\">{{\n            'objectManagement.visibleInMenu' | translate\n          }}</span>\n        </div>\n      </h3>\n    </div>\n  </ng-container>\n</ng-template>\n\n<ng-template #tabs>\n  <ul class=\"nav nav-tabs\">\n    <li class=\"nav-item\">\n      <a\n        id=\"general-tab\"\n        class=\"nav-link clickable active\"\n        data-toggle=\"tab\"\n        (click)=\"displayBodyComponent(TabEnum.GENERAL)\"\n      >\n        {{ 'objectManagement.tabs.general' | translate }}\n      </a>\n    </li>\n    <li class=\"nav-item\">\n      <a\n        id=\"search-tab\"\n        class=\"nav-link clickable\"\n        data-toggle=\"tab\"\n        (click)=\"displayBodyComponent(TabEnum.SEARCH)\"\n      >\n        {{ 'objectManagement.tabs.searchFields' | translate }}\n      </a>\n    </li>\n    <li class=\"nav-item\" *ngIf=\"caseListColumn\">\n      <a\n        id=\"list-tab\"\n        class=\"nav-link clickable\"\n        data-toggle=\"tab\"\n        (click)=\"displayBodyComponent(TabEnum.LIST)\"\n      >\n        {{ 'objectManagement.tabs.list' | translate }}\n      </a>\n    </li>\n  </ul>\n</ng-template>\n\n<ng-template #tabContent>\n  <div class=\"pt-3 bg-white position-relative tab-container\">\n    <div *ngIf=\"currentTab && currentTab === TabEnum.GENERAL\">\n      <valtimo-object-management-detail [object$]=\"object$\"></valtimo-object-management-detail>\n    </div>\n    <div *ngIf=\"currentTab && currentTab === TabEnum.SEARCH\">\n      <valtimo-object-management-list-search-fields></valtimo-object-management-list-search-fields>\n    </div>\n    <div *ngIf=\"currentTab && currentTab === TabEnum.LIST\">\n      <valtimo-object-management-list-columns></valtimo-object-management-list-columns>\n    </div>\n  </div>\n</ng-template>\n", styles: [".tab-container{min-height:300px}.dossier-header{height:80px;padding-top:21px;padding-left:18px;padding-right:18px;border-bottom:1px solid rgba(0,0,0,.125)}.dossier-title{margin-top:0;margin-bottom:7px}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i7.WidgetComponent, selector: "valtimo-widget", inputs: ["type", "name", "icon", "contrast", "divider", "title", "subtitle", "collapseAble", "collapse", "additionalClasses"] }, { kind: "component", type: ObjectManagementDetailComponent, selector: "valtimo-object-management-detail", inputs: ["object$"] }, { kind: "component", type: ObjectManagementListColumnsComponent, selector: "valtimo-object-management-list-columns" }, { kind: "component", type: ObjectManagementListSearchFieldsComponent, selector: "valtimo-object-management-list-search-fields" }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ObjectManagementDetailContainerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'valtimo-object-management-detail-container', template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content\">\n  <div class=\"container-fluid\">\n    <div class=\"col-12 px-0 mb-5\">\n      <valtimo-widget>\n        <ng-container *ngTemplateOutlet=\"title\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"tabs\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"tabContent\"></ng-container>\n      </valtimo-widget>\n    </div>\n  </div>\n</div>\n\n<ng-template #title>\n  <ng-container *ngIf=\"object$ | async as object\">\n    <div class=\"bg-light dossier-header\" *ngIf=\"object.showInDataMenu\">\n      <h3 class=\"dossier-title\">\n        <div *ngIf=\"object.showInDataMenu\" class=\"pull-right\">\n          <span class=\"badge badge-pill badge-info increase-size\">{{\n            'objectManagement.visibleInMenu' | translate\n          }}</span>\n        </div>\n      </h3>\n    </div>\n  </ng-container>\n</ng-template>\n\n<ng-template #tabs>\n  <ul class=\"nav nav-tabs\">\n    <li class=\"nav-item\">\n      <a\n        id=\"general-tab\"\n        class=\"nav-link clickable active\"\n        data-toggle=\"tab\"\n        (click)=\"displayBodyComponent(TabEnum.GENERAL)\"\n      >\n        {{ 'objectManagement.tabs.general' | translate }}\n      </a>\n    </li>\n    <li class=\"nav-item\">\n      <a\n        id=\"search-tab\"\n        class=\"nav-link clickable\"\n        data-toggle=\"tab\"\n        (click)=\"displayBodyComponent(TabEnum.SEARCH)\"\n      >\n        {{ 'objectManagement.tabs.searchFields' | translate }}\n      </a>\n    </li>\n    <li class=\"nav-item\" *ngIf=\"caseListColumn\">\n      <a\n        id=\"list-tab\"\n        class=\"nav-link clickable\"\n        data-toggle=\"tab\"\n        (click)=\"displayBodyComponent(TabEnum.LIST)\"\n      >\n        {{ 'objectManagement.tabs.list' | translate }}\n      </a>\n    </li>\n  </ul>\n</ng-template>\n\n<ng-template #tabContent>\n  <div class=\"pt-3 bg-white position-relative tab-container\">\n    <div *ngIf=\"currentTab && currentTab === TabEnum.GENERAL\">\n      <valtimo-object-management-detail [object$]=\"object$\"></valtimo-object-management-detail>\n    </div>\n    <div *ngIf=\"currentTab && currentTab === TabEnum.SEARCH\">\n      <valtimo-object-management-list-search-fields></valtimo-object-management-list-search-fields>\n    </div>\n    <div *ngIf=\"currentTab && currentTab === TabEnum.LIST\">\n      <valtimo-object-management-list-columns></valtimo-object-management-list-columns>\n    </div>\n  </div>\n</ng-template>\n", styles: [".tab-container{min-height:300px}.dossier-header{height:80px;padding-top:21px;padding-left:18px;padding-right:18px;border-bottom:1px solid rgba(0,0,0,.125)}.dossier-title{margin-top:0;margin-bottom:7px}\n"] }]
-        }], ctorParameters: function () { return [{ type: ObjectManagementStateService }, { type: ObjectManagementService }, { type: i2.ActivatedRoute }, { type: i4.ConfigService }, { type: TabService }, { type: i7.PageTitleService }]; } });
-
-/*
- * Copyright 2015-2023 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 ObjectManagementUploadModalComponent {
-    constructor(objectManagementState, objectManagementService, formManagementService, pluginManagementService, modalService, translateService) {
-        this.objectManagementState = objectManagementState;
-        this.objectManagementService = objectManagementService;
-        this.formManagementService = formManagementService;
-        this.pluginManagementService = pluginManagementService;
-        this.modalService = modalService;
-        this.translateService = translateService;
-        this.clear$ = new Subject();
-        this.jsonString$ = new BehaviorSubject('');
-        this.error$ = new BehaviorSubject('');
-        this.disabled$ = new BehaviorSubject(false);
-        this.showForm$ = this.modalService.modalVisible$;
-        this.file$ = new BehaviorSubject(undefined);
-    }
-    ngAfterViewInit() {
-        this.openShowSubscription();
-        this.openFileSubscription();
-        this.openHideSubscription();
-    }
-    ngOnDestroy() {
-        var _a, _b;
-        (_a = this.showSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
-        (_b = this.hideSubscription) === null || _b === void 0 ? void 0 : _b.unsubscribe();
-        this.fileSubscription.unsubscribe();
-    }
-    hide() {
-        this.modalService.closeModal();
-    }
-    cancel() {
-        this.hide();
-    }
-    setFile(file) {
-        this.clearError();
-        this.file$.next(file);
-    }
-    uploadDefinition() {
-        this.disable();
-        this.jsonString$.pipe(take(1)).subscribe(objecttypeDefinition => {
-            this.objectManagementService
-                .createObject(Object.assign({}, JSON.parse(objecttypeDefinition)))
-                .subscribe(() => {
-                this.objectManagementState.refresh();
-                this.objectManagementState.hideModal();
-            });
-            this.closeErrorSubscription();
-            this.clearError();
-            this.enable();
-            this.hide();
-        });
-    }
-    openErrorSubscription(errorCode) {
-        this.closeErrorSubscription();
-        this.errorSubscription = this.translateService.stream(errorCode).subscribe(error => {
-            this.error$.next(error);
-        });
-    }
-    closeErrorSubscription() {
-        if (this.errorSubscription) {
-            this.errorSubscription.unsubscribe();
-        }
-    }
-    openFileSubscription() {
-        this.fileSubscription = this.file$.subscribe(file => {
-            if (file) {
-                const reader = new FileReader();
-                reader.onloadend = () => {
-                    const result = reader.result.toString();
-                    if (this.isValidJsonObjecttype(result)) {
-                        this.jsonString$.next(result);
-                    }
-                    else {
-                        this.clearJsonString();
-                    }
-                };
-                reader.readAsText(file);
-            }
-            else {
-                this.clearJsonString();
-            }
-        });
-    }
-    openShowSubscription() {
-        this.showSubscription = this.objectManagementState.showModal$.subscribe(() => {
-            this.show();
-            this.clearJsonString();
-            this.clearError();
-            this.clearDropzone();
-        });
-    }
-    openHideSubscription() {
-        this.hideSubscription = this.objectManagementState.hideModal$.subscribe(() => {
-            this.hide();
-        });
-    }
-    show() {
-        this.objectManagementState.modalType$.pipe(take(1)).subscribe(modalType => {
-            if (modalType === 'upload') {
-                this.modalService.openModal(this.objectManagementUploadModal);
-            }
-        });
-    }
-    clearError() {
-        this.error$.next('');
-    }
-    clearJsonString() {
-        this.jsonString$.next('');
-    }
-    clearDropzone() {
-        this.clear$.next(null);
-    }
-    isValidJsonObjecttype(string) {
-        var _a;
-        const jsonObjecttype = JSON.parse(string);
-        const isValid = this.validateObject(jsonObjecttype, [
-            'title',
-            'objecttypenApiPluginConfigurationId',
-            'objecttypeId',
-            'objecttypeVersion',
-            'objectenApiPluginConfigurationId',
-            'showInDataMenu',
-        ]);
-        const isObjecttypeTitleUnique = !((_a = this.objecttypes) === null || _a === void 0 ? void 0 : _a.find(objecttype => objecttype.title === jsonObjecttype.title));
-        if (isValid && isObjecttypeTitleUnique) {
-            return true;
-        }
-        else if (isValid && !isObjecttypeTitleUnique) {
-            this.clearDropzone();
-            this.openErrorSubscription('dropzone.error.objecttypeAlreadyExists');
-            return false;
-        }
-        else if (!isValid && isObjecttypeTitleUnique) {
-            this.clearDropzone();
-            this.openErrorSubscription('dropzone.error.invalidObjecttypeDef');
-            return false;
-        }
-    }
-    validateObject(obj, requiredKeys) {
-        const objKeys = Object.keys(obj);
-        return requiredKeys.every(key => objKeys.includes(key));
-    }
-    disable() {
-        this.disabled$.next(true);
-    }
-    enable() {
-        this.disabled$.next(false);
-    }
-}
-ObjectManagementUploadModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ObjectManagementUploadModalComponent, deps: [{ token: ObjectManagementStateService }, { token: ObjectManagementService }, { token: i3$2.FormManagementService }, { token: i4$1.PluginManagementService }, { token: i5.ModalService }, { token: i3$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-ObjectManagementUploadModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ObjectManagementUploadModalComponent, selector: "valtimo-object-management-upload-modal", inputs: { objecttypes: "objecttypes" }, viewQueries: [{ propertyName: "objectManagementUploadModal", first: true, predicate: ["objectManagementUploadModal"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF 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<v-modal\n  #objectManagementUploadModal\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    jsonString: jsonString$ | async,\n    error: error$ | async\n  } as obs\"\n>\n  <div role=\"header\">\n    <div class=\"add-title\">\n      <v-title [margin]=\"false\">{{ 'objectManagement.uploadObjecttype' | translate }}</v-title>\n    </div>\n  </div>\n  <div role=\"content\">\n    <ng-container *ngTemplateOutlet=\"uploadForm\"></ng-container>\n  </div>\n  <div role=\"footer\">\n    <div class=\"buttons\">\n      <v-button (clickEvent)=\"cancel()\" [disabled]=\"obs.disabled\" type=\"secondary\">\n        {{ 'objectManagement.cancel' | translate }}\n      </v-button>\n      <v-button\n        (clickEvent)=\"uploadDefinition()\"\n        [disabled]=\"obs.jsonString === '' || obs.disabled\"\n        mdiIcon=\"plus\"\n        type=\"success\"\n      >\n        {{ 'Upload' | translate }}\n      </v-button>\n    </div>\n  </div>\n</v-modal>\n\n<ng-template #uploadForm>\n  <ng-container *ngIf=\"showForm$ | async\">\n    <valtimo-dropzone\n      [clear$]=\"clear$\"\n      (fileSelected)=\"setFile($event)\"\n      [disabled]=\"disabled$ | async\"\n      [subtitle]=\"'dropzone.objecttypeDef' | translate\"\n      [externalError$]=\"error$\"\n      [maxFiles]=\"1\"\n    ></valtimo-dropzone>\n  </ng-container>\n</ng-template>\n", styles: ["/*!\n * Copyright 2015-2023 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.buttons{width:100%;display:flex;flex-direction:row;justify-content:space-between}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i7.DropzoneComponent, selector: "valtimo-dropzone", inputs: ["title", "hideTitle", "subtitle", "externalError$", "maxFileSize", "showMaxFileSize", "acceptedFiles", "clear$", "disabled", "hideFilePreview", "uploading", "camera", "maxFiles"], outputs: ["fileSelected"] }, { kind: "component", type: i5.ModalComponent, selector: "v-modal", inputs: ["appearingDelayMs", "maxWidthPx", "hideFooter"], outputs: ["closeEvent"] }, { kind: "component", type: i5.TitleComponent, selector: "v-title", inputs: ["type", "margin", "fullWidth", "center"] }, { kind: "component", type: i5.ButtonComponent, selector: "v-button", inputs: ["type", "mdiIcon", "disabled", "title", "titleTranslationKey"], outputs: ["clickEvent"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ObjectManagementUploadModalComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'valtimo-object-management-upload-modal', template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF 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<v-modal\n  #objectManagementUploadModal\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    jsonString: jsonString$ | async,\n    error: error$ | async\n  } as obs\"\n>\n  <div role=\"header\">\n    <div class=\"add-title\">\n      <v-title [margin]=\"false\">{{ 'objectManagement.uploadObjecttype' | translate }}</v-title>\n    </div>\n  </div>\n  <div role=\"content\">\n    <ng-container *ngTemplateOutlet=\"uploadForm\"></ng-container>\n  </div>\n  <div role=\"footer\">\n    <div class=\"buttons\">\n      <v-button (clickEvent)=\"cancel()\" [disabled]=\"obs.disabled\" type=\"secondary\">\n        {{ 'objectManagement.cancel' | translate }}\n      </v-button>\n      <v-button\n        (clickEvent)=\"uploadDefinition()\"\n        [disabled]=\"obs.jsonString === '' || obs.disabled\"\n        mdiIcon=\"plus\"\n        type=\"success\"\n      >\n        {{ 'Upload' | translate }}\n      </v-button>\n    </div>\n  </div>\n</v-modal>\n\n<ng-template #uploadForm>\n  <ng-container *ngIf=\"showForm$ | async\">\n    <valtimo-dropzone\n      [clear$]=\"clear$\"\n      (fileSelected)=\"setFile($event)\"\n      [disabled]=\"disabled$ | async\"\n      [subtitle]=\"'dropzone.objecttypeDef' | translate\"\n      [externalError$]=\"error$\"\n      [maxFiles]=\"1\"\n    ></valtimo-dropzone>\n  </ng-container>\n</ng-template>\n", styles: ["/*!\n * Copyright 2015-2023 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.buttons{width:100%;display:flex;flex-direction:row;justify-content:space-between}\n"] }]
-        }], ctorParameters: function () { return [{ type: ObjectManagementStateService }, { type: ObjectManagementService }, { type: i3$2.FormManagementService }, { type: i4$1.PluginManagementService }, { type: i5.ModalService }, { type: i3$1.TranslateService }]; }, propDecorators: { objectManagementUploadModal: [{
-                type: ViewChild,
-                args: ['objectManagementUploadModal']
-            }], objecttypes: [{
-                type: Input
-            }] } });
-
-/*
- * Copyright 2015-2023 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 ObjectManagementListComponent {
-    constructor(objectManagementService, objectManagementState, translateService, router) {
-        this.objectManagementService = objectManagementService;
-        this.objectManagementState = objectManagementState;
-        this.translateService = translateService;
-        this.router = router;
-        this.loading$ = new BehaviorSubject(true);
-        this.fields$ = new BehaviorSubject([]);
-        this.objecttypesInstances$ = combineLatest([
-            this.translateService.stream('key'),
-            this.objectManagementState.refresh$,
-        ]).pipe(tap$1(() => this.setFields()), switchMap$1(() => this.objectManagementService.getAllObjects()), tap$1(() => this.loading$.next(false)));
-    }
-    showAddModal() {
-        this.objectManagementState.setModalType('add');
-        this.objectManagementState.showModal();
-    }
-    showUploadModal() {
-        this.objectManagementState.setModalType('upload');
-        this.objectManagementState.showModal();
-    }
-    redirectToDetails(objectManagement) {
-        this.router.navigate(['/object-management/object', objectManagement.id]);
-    }
-    setFields() {
-        const keys = ['title'];
-        this.fields$.next(keys.map(key => ({
-            label: `${this.translateService.instant(`objectManagement.labels.${key}`)}`,
-            key,
-        })));
-    }
-}
-ObjectManagementListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ObjectManagementListComponent, deps: [{ token: ObjectManagementService }, { token: ObjectManagementStateService }, { token: i3$1.TranslateService }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
-ObjectManagementListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ObjectManagementListComponent, selector: "valtimo-object-management-list", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content pt-0\" *ngIf=\"{loading: loading$ | async} as obs\">\n  <div class=\"container-fluid\">\n    <div class=\"col-12 px-0 mb-5\">\n      <div class=\"text-right mt-m3px mb-3\">\n        <button (click)=\"showUploadModal()\" class=\"btn btn-secondary btn-space\">\n          <i class=\"icon mdi mdi-upload mr-1\"></i>\n          {{ 'objectManagement.uploadObjecttype' | translate }}\n        </button>\n        <button (click)=\"showAddModal()\" type=\"button\" class=\"btn btn-space btn-primary mr-0\">\n          <i class=\"icon mdi mdi-plus mr-1\"></i>\n          {{ 'objectManagement.createObjecttype' | translate }}\n        </button>\n      </div>\n      <ng-container *ngTemplateOutlet=\"list; context: {obs: obs}\"></ng-container>\n    </div>\n  </div>\n</div>\n\n<ng-template #list let-obs=\"obs\">\n  <ng-container *ngIf=\"fields$ | async as fields\">\n    <ng-container *ngIf=\"objecttypesInstances$ | async as objecttypesInstances\">\n      <valtimo-widget *ngIf=\"obs.loading === false\">\n        <valtimo-list\n          [items]=\"objecttypesInstances\"\n          [fields]=\"fields\"\n          [viewMode]=\"true\"\n          [header]=\"true\"\n          paginationIdentifier=\"objecttypesList\"\n          (rowClicked)=\"redirectToDetails($event)\"\n        >\n          <div header>\n            <h3 class=\"list-header-title\">\n              {{ 'objectManagement.title' | translate }}\n              <sup class=\"ml-1 badge badge-pill badge-primary\">{{\n                objecttypesInstances?.length || 0\n              }}</sup>\n            </h3>\n          </div>\n        </valtimo-list>\n      </valtimo-widget>\n    </ng-container>\n  </ng-container>\n</ng-template>\n\n<valtimo-object-management-upload-modal\n  [objecttypes]=\"objecttypesInstances$ | async\"\n></valtimo-object-management-upload-modal>\n<valtimo-object-management-modal></valtimo-object-management-modal>\n", styles: ["/*!\n * Copyright 2015-2023 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i7.WidgetComponent, selector: "valtimo-widget", inputs: ["type", "name", "icon", "contrast", "divider", "title", "subtitle", "collapseAble", "collapse", "additionalClasses"] }, { kind: "component", type: i7.ListComponent, selector: "valtimo-list", inputs: ["items", "fields", "pagination", "viewMode", "isSearchable", "header", "actions", "paginationIdentifier", "initialSortState", "lastColumnTemplate"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged"] }, { kind: "component", type: ObjectManagementModalComponent, selector: "valtimo-object-management-modal", inputs: ["prefillObject$"] }, { kind: "component", type: ObjectManagementUploadModalComponent, selector: "valtimo-object-management-upload-modal", inputs: ["objecttypes"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ObjectManagementListComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'valtimo-object-management-list', template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content pt-0\" *ngIf=\"{loading: loading$ | async} as obs\">\n  <div class=\"container-fluid\">\n    <div class=\"col-12 px-0 mb-5\">\n      <div class=\"text-right mt-m3px mb-3\">\n        <button (click)=\"showUploadModal()\" class=\"btn btn-secondary btn-space\">\n          <i class=\"icon mdi mdi-upload mr-1\"></i>\n          {{ 'objectManagement.uploadObjecttype' | translate }}\n        </button>\n        <button (click)=\"showAddModal()\" type=\"button\" class=\"btn btn-space btn-primary mr-0\">\n          <i class=\"icon mdi mdi-plus mr-1\"></i>\n          {{ 'objectManagement.createObjecttype' | translate }}\n        </button>\n      </div>\n      <ng-container *ngTemplateOutlet=\"list; context: {obs: obs}\"></ng-container>\n    </div>\n  </div>\n</div>\n\n<ng-template #list let-obs=\"obs\">\n  <ng-container *ngIf=\"fields$ | async as fields\">\n    <ng-container *ngIf=\"objecttypesInstances$ | async as objecttypesInstances\">\n      <valtimo-widget *ngIf=\"obs.loading === false\">\n        <valtimo-list\n          [items]=\"objecttypesInstances\"\n          [fields]=\"fields\"\n          [viewMode]=\"true\"\n          [header]=\"true\"\n          paginationIdentifier=\"objecttypesList\"\n          (rowClicked)=\"redirectToDetails($event)\"\n        >\n          <div header>\n            <h3 class=\"list-header-title\">\n              {{ 'objectManagement.title' | translate }}\n              <sup class=\"ml-1 badge badge-pill badge-primary\">{{\n                objecttypesInstances?.length || 0\n              }}</sup>\n            </h3>\n          </div>\n        </valtimo-list>\n      </valtimo-widget>\n    </ng-container>\n  </ng-container>\n</ng-template>\n\n<valtimo-object-management-upload-modal\n  [objecttypes]=\"objecttypesInstances$ | async\"\n></valtimo-object-management-upload-modal>\n<valtimo-object-management-modal></valtimo-object-management-modal>\n", styles: ["/*!\n * Copyright 2015-2023 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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: function () { return [{ type: ObjectManagementService }, { type: ObjectManagementStateService }, { type: i3$1.TranslateService }, { type: i2.Router }]; } });
-
-/*
- * Copyright 2015-2023 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: 'object-management',
-        canActivate: [AuthGuardService],
-        component: ObjectManagementListComponent,
-        data: { title: 'Objects', roles: [ROLE_ADMIN] },
-    },
-    {
-        path: 'object-management/object/:id',
-        canActivate: [AuthGuardService],
-        component: ObjectManagementDetailContainerComponent,
-        data: { title: 'Object', roles: [ROLE_ADMIN], customPageTitle: true },
-    },
-];
-class ObjectManagementRoutingModule {
-}
-ObjectManagementRoutingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ObjectManagementRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ObjectManagementRoutingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: ObjectManagementRoutingModule, imports: [CommonModule, i2.RouterModule], exports: [RouterModule] });
-ObjectManagementRoutingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ObjectManagementRoutingModule, imports: [CommonModule, RouterModule.forChild(routes), RouterModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ObjectManagementRoutingModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, RouterModule.forChild(routes)],
-                    exports: [RouterModule],
-                    declarations: [],
-                }]
-        }] });
-
-/*
- * Copyright 2015-2023 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 ObjectManagementModule {
-}
-ObjectManagementModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ObjectManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ObjectManagementModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: ObjectManagementModule, declarations: [ObjectManagementListComponent,
-        ObjectManagementDetailContainerComponent,
-        ObjectManagementDetailComponent,
-        ObjectManagementListColumnsComponent,
-        ObjectManagementModalComponent,
-        ObjectManagementUploadModalComponent,
-        ObjectManagementListSearchFieldsComponent], imports: [CommonModule,
-        DropzoneModule,
-        WidgetModule,
-        ListModule,
-        TranslateModule,
-        ObjectManagementRoutingModule,
-        ModalModule,
-        TitleModule,
-        ButtonModule,
-        FormModule,
-        InputModule,
-        SelectModule,
-        InputModule$1,
-        ButtonModule$1,
-        TooltipIconModule,
-        CarbonMultiInputModule,
-        ModalModule$1,
-        NotificationModule,
-        LoadingModule,
-        DropdownModule,
-        CheckboxModule,
-        LinkModule,
-        IconModule,
-        ReactiveFormsModule,
-        ConfirmationModalModule,
-        SpinnerModule,
-        ModalModule$2,
-        ValtimoCdsModalDirectiveModule] });
-ObjectManagementModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ObjectManagementModule, imports: [CommonModule,
-        DropzoneModule,
-        WidgetModule,
-        ListModule,
-        TranslateModule,
-        ObjectManagementRoutingModule,
-        ModalModule,
-        TitleModule,
-        ButtonModule,
-        FormModule,
-        InputModule,
-        SelectModule,
-        InputModule$1,
-        ButtonModule$1,
-        TooltipIconModule,
-        CarbonMultiInputModule,
-        ModalModule$1,
-        NotificationModule,
-        LoadingModule,
-        DropdownModule,
-        CheckboxModule,
-        LinkModule,
-        IconModule,
-        ReactiveFormsModule,
-        ConfirmationModalModule,
-        SpinnerModule,
-        ModalModule$2,
-        ValtimoCdsModalDirectiveModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ObjectManagementModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        ObjectManagementListComponent,
-                        ObjectManagementDetailContainerComponent,
-                        ObjectManagementDetailComponent,
-                        ObjectManagementListColumnsComponent,
-                        ObjectManagementModalComponent,
-                        ObjectManagementUploadModalComponent,
-                        ObjectManagementListSearchFieldsComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        DropzoneModule,
-                        WidgetModule,
-                        ListModule,
-                        TranslateModule,
-                        ObjectManagementRoutingModule,
-                        ModalModule,
-                        TitleModule,
-                        ButtonModule,
-                        FormModule,
-                        InputModule,
-                        SelectModule,
-                        InputModule$1,
-                        ButtonModule$1,
-                        TooltipIconModule,
-                        CarbonMultiInputModule,
-                        ModalModule$1,
-                        NotificationModule,
-                        LoadingModule,
-                        DropdownModule,
-                        CheckboxModule,
-                        LinkModule,
-                        IconModule,
-                        ReactiveFormsModule,
-                        ConfirmationModalModule,
-                        SpinnerModule,
-                        ModalModule$2,
-                        ValtimoCdsModalDirectiveModule,
-                    ],
-                    exports: [],
-                }]
-        }] });
-
-/*
- * Copyright 2015-2023 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.
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { ObjectManagementModule, ObjectManagementService };
-//# sourceMappingURL=valtimo-object-management.mjs.map