@valtimo/object-management 10.2.0

package/fesm2015/valtimo-object-management.mjs

@@ -0,0 +1,771 @@
+import * as i0 from '@angular/core';
+import { Injectable, Component, ViewChild, Input, NgModule } from '@angular/core';
+import * as i1 from '@angular/common/http';
+import * as i2 from '@valtimo/config';
+import { ROLE_ADMIN } from '@valtimo/config';
+import * as i3$1 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, filter, switchMap } from 'rxjs';
+import * as i6$2 from '@valtimo/components';
+import { DropzoneModule, WidgetModule, ListModule } from '@valtimo/components';
+import { take, tap, switchMap as switchMap$1 } from 'rxjs/operators';
+import * as i3 from '@valtimo/form-management';
+import * as i4 from '@valtimo/plugin';
+import * as i5 from '@valtimo/user-interface';
+import { ModalModule, TitleModule, ButtonModule, FormModule, InputModule, SelectModule } from '@valtimo/user-interface';
+import * as i6$1 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+
+/*
+ * Copyright 2015-2020 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);
+    }
+}
+ObjectManagementService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ObjectManagementService, deps: [{ token: i1.HttpClient }, { token: i2.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
+ObjectManagementService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ObjectManagementService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ObjectManagementService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: i2.ConfigService }]; } });
+
+var TabEnum;
+(function (TabEnum) {
+    TabEnum["GENERAL"] = "general";
+    TabEnum["LIST"] = "list";
+})(TabEnum || (TabEnum = {}));
+
+/*
+ * Copyright 2015-2020 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.2.12", ngImport: i0, type: ObjectManagementStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ObjectManagementStateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ObjectManagementStateService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ObjectManagementStateService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return []; } });
+
+/*
+ * Copyright 2015-2020 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.2.12", ngImport: i0, type: TabService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+TabService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TabService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TabService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+/*
+ * Copyright 2015-2020 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, formManagementService, pluginManagementService, modalService) {
+        this.objectManagementState = objectManagementState;
+        this.objectManagementService = objectManagementService;
+        this.formManagementService = formManagementService;
+        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.formManagementService.queryFormDefinitions().pipe(map((results) => {
+            var _a;
+            return (_a = results === null || results === void 0 ? void 0 : results.body) === null || _a === void 0 ? void 0 : _a.content.map(configuration => ({
+                id: configuration.id,
+                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));
+    }
+    selectObjectType(objecttype) {
+        this.selectedObjecttype$.next(objecttype);
+    }
+}
+ObjectManagementModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ObjectManagementModalComponent, deps: [{ token: ObjectManagementStateService }, { token: ObjectManagementService }, { token: i3.FormManagementService }, { token: i4.PluginManagementService }, { token: i5.ModalService }], target: i0.ɵɵFactoryTarget.Component });
+ObjectManagementModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", 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-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF 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 #objectManagementModal *ngIf=\"{\n    disabled: disabled$ | async,\n    valid: valid$ | async,\n    modalType: modalType$ | async,\n    prefillObject: prefillObject$ | async\n  } as obs\">\n  <div role=\"header\">\n    <div class=\"add-title\">\n      <v-title [margin]=\"false\">{{ (obs.modalType === 'add' ? 'objectManagement.createObjecttype' : 'objectManagement.editObjecttype') | translate }}</v-title>\n    </div>\n  </div>\n  <div role=\"content\">\n    <ng-container *ngTemplateOutlet=\"form; context: {prefillObject: obs.prefillObject, modalType: obs.modalType}\"></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 (clickEvent)=\"save()\" [disabled]=\"obs.disabled || !obs.valid\" mdiIcon=\"plus\" type=\"success\">\n        {{ (obs.modalType === 'add' ? 'objectManagement.add' : 'objectManagement.edit') | translate }}\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 *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 *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      <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-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS 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", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$"], outputs: ["valueChange"] }, { kind: "component", type: i5.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "clearable", "disabled", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder"], outputs: ["selectedChange", "clear"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i6$1.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ObjectManagementModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-object-management-modal', template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF 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 #objectManagementModal *ngIf=\"{\n    disabled: disabled$ | async,\n    valid: valid$ | async,\n    modalType: modalType$ | async,\n    prefillObject: prefillObject$ | async\n  } as obs\">\n  <div role=\"header\">\n    <div class=\"add-title\">\n      <v-title [margin]=\"false\">{{ (obs.modalType === 'add' ? 'objectManagement.createObjecttype' : 'objectManagement.editObjecttype') | translate }}</v-title>\n    </div>\n  </div>\n  <div role=\"content\">\n    <ng-container *ngTemplateOutlet=\"form; context: {prefillObject: obs.prefillObject, modalType: obs.modalType}\"></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 (clickEvent)=\"save()\" [disabled]=\"obs.disabled || !obs.valid\" mdiIcon=\"plus\" type=\"success\">\n        {{ (obs.modalType === 'add' ? 'objectManagement.add' : 'objectManagement.edit') | translate }}\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 *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 *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      <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-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS 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.FormManagementService }, { type: i4.PluginManagementService }, { type: i5.ModalService }]; }, propDecorators: { objectManagementModal: [{
+                type: ViewChild,
+                args: ['objectManagementModal']
+            }], prefillObject$: [{
+                type: Input
+            }] } });
+
+/*
+ * Copyright 2015-2020 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;
+    }
+    downloadDefinition(object) {
+        const dataString = 'data:text/json;charset=utf-8,' +
+            encodeURIComponent(JSON.stringify(object, null, 2));
+        console.log(dataString);
+        const downloadAnchorElement = document.getElementById('downloadAnchorElement');
+        downloadAnchorElement.setAttribute('href', dataString);
+        downloadAnchorElement.setAttribute('download', `${object.id}.json`);
+        downloadAnchorElement.click();
+    }
+    showEditModal() {
+        this.objectManagementState.setModalType('edit');
+        this.objectManagementState.showModal();
+    }
+}
+ObjectManagementDetailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ObjectManagementDetailComponent, deps: [{ token: ObjectManagementService }, { token: ObjectManagementStateService }], target: i0.ɵɵFactoryTarget.Component });
+ObjectManagementDetailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: ObjectManagementDetailComponent, selector: "valtimo-object-management-detail", inputs: { object$: "object$" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF 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 id=\"object-datail-content\" class=\"pt-0\" *ngIf=\"{\n  object: object$ | async\n} as obs\">\n  <ng-container *ngTemplateOutlet=\"buttons; context: {object: obs.object}\"></ng-container>\n  <div class=\"clearfix\"></div>\n  <ng-container *ngTemplateOutlet=\"widget ; context: {object: obs.object}\"></ng-container>\n</div>\n\n<ng-template #buttons let-object=\"object\">\n  <div class=\"btn-group mt-m3px mb-3 pr-2 float-right\">\n    <button (click)=\"downloadDefinition(object)\" class=\"btn btn-primary btn-space\">\n      <i class=\"icon mdi mdi-download mr-1\"></i>\n      {{ 'objectManagement.download' | translate }}\n    </button>\n    <a id=\"downloadAnchorElement\" class=\"d-none\"></a>\n    <button (click)=\"showEditModal()\" class=\"btn btn-secondary btn-space\">\n      <i class=\"icon mdi mdi-pencil mr-1\"></i>\n      {{ 'objectManagement.editObjecttype' | translate }}\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-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS 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: i6$2.WidgetComponent, selector: "valtimo-widget", inputs: ["type", "name", "icon", "contrast", "divider", "title", "subtitle", "collapseAble", "collapse", "additionalClasses"] }, { 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: i6$1.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ObjectManagementDetailComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-object-management-detail', template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF 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 id=\"object-datail-content\" class=\"pt-0\" *ngIf=\"{\n  object: object$ | async\n} as obs\">\n  <ng-container *ngTemplateOutlet=\"buttons; context: {object: obs.object}\"></ng-container>\n  <div class=\"clearfix\"></div>\n  <ng-container *ngTemplateOutlet=\"widget ; context: {object: obs.object}\"></ng-container>\n</div>\n\n<ng-template #buttons let-object=\"object\">\n  <div class=\"btn-group mt-m3px mb-3 pr-2 float-right\">\n    <button (click)=\"downloadDefinition(object)\" class=\"btn btn-primary btn-space\">\n      <i class=\"icon mdi mdi-download mr-1\"></i>\n      {{ 'objectManagement.download' | translate }}\n    </button>\n    <a id=\"downloadAnchorElement\" class=\"d-none\"></a>\n    <button (click)=\"showEditModal()\" class=\"btn btn-secondary btn-space\">\n      <i class=\"icon mdi mdi-pencil mr-1\"></i>\n      {{ 'objectManagement.editObjecttype' | translate }}\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-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS 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-2020 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 ObjectManagementListTabComponent {
+    constructor() { }
+}
+ObjectManagementListTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ObjectManagementListTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ObjectManagementListTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: ObjectManagementListTabComponent, selector: "valtimo-object-management-list-tab", inputs: { object$: "object$" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF 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 id=\"object-list-tab-content\" class=\"pt-0\">\n  <ng-container *ngTemplateOutlet=\"widget\"></ng-container>\n</div>\n\n<ng-template #widget></ng-template>\n\n", styles: ["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ObjectManagementListTabComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-object-management-list-tab', template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF 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 id=\"object-list-tab-content\" class=\"pt-0\">\n  <ng-container *ngTemplateOutlet=\"widget\"></ng-container>\n</div>\n\n<ng-template #widget></ng-template>\n\n", styles: ["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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 []; }, propDecorators: { object$: [{
+                type: Input
+            }] } });
+
+/*
+ * Copyright 2015-2020 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) {
+        this.objectManagementState = objectManagementState;
+        this.objectManagementService = objectManagementService;
+        this.route = route;
+        this.configService = configService;
+        this.tabService = tabService;
+        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)));
+        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.2.12", ngImport: i0, type: ObjectManagementDetailContainerComponent, deps: [{ token: ObjectManagementStateService }, { token: ObjectManagementService }, { token: i3$1.ActivatedRoute }, { token: i2.ConfigService }, { token: TabService }], target: i0.ɵɵFactoryTarget.Component });
+ObjectManagementDetailContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: ObjectManagementDetailContainerComponent, selector: "valtimo-object-management-detail-container", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2022 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF 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  <div class=\"bg-light dossier-header\" *ngIf=\"object$ | async as obs\">\n    <h3 class=\"dossier-title\">\n      {{ obs.title }}\n      <div *ngIf=\"obs.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-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\" *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.LIST\">\n      <valtimo-object-management-list-tab></valtimo-object-management-list-tab>\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: i6$2.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: ObjectManagementListTabComponent, selector: "valtimo-object-management-list-tab", inputs: ["object$"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i6$1.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ObjectManagementDetailContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-object-management-detail-container', template: "<!--\n  ~ Copyright 2015-2022 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF 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  <div class=\"bg-light dossier-header\" *ngIf=\"object$ | async as obs\">\n    <h3 class=\"dossier-title\">\n      {{ obs.title }}\n      <div *ngIf=\"obs.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-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\" *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.LIST\">\n      <valtimo-object-management-list-tab></valtimo-object-management-list-tab>\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: i3$1.ActivatedRoute }, { type: i2.ConfigService }, { type: TabService }]; } });
+
+/*
+ * Copyright 2015-2020 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', '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.2.12", ngImport: i0, type: ObjectManagementUploadModalComponent, deps: [{ token: ObjectManagementStateService }, { token: ObjectManagementService }, { token: i3.FormManagementService }, { token: i4.PluginManagementService }, { token: i5.ModalService }, { token: i6$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+ObjectManagementUploadModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", 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-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF 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 #objectManagementUploadModal *ngIf=\"{\n  disabled: disabled$ | async,\n  jsonString: jsonString$ | async,\n  error: error$ | async\n} as obs\">\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 (clickEvent)=\"uploadDefinition()\" [disabled]=\"obs.jsonString === '' || obs.disabled\" mdiIcon=\"plus\" type=\"success\">\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-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS 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: i6$2.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: i6$1.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ObjectManagementUploadModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-object-management-upload-modal', template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF 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 #objectManagementUploadModal *ngIf=\"{\n  disabled: disabled$ | async,\n  jsonString: jsonString$ | async,\n  error: error$ | async\n} as obs\">\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 (clickEvent)=\"uploadDefinition()\" [disabled]=\"obs.jsonString === '' || obs.disabled\" mdiIcon=\"plus\" type=\"success\">\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-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS 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.FormManagementService }, { type: i4.PluginManagementService }, { type: i5.ModalService }, { type: i6$1.TranslateService }]; }, propDecorators: { objectManagementUploadModal: [{
+                type: ViewChild,
+                args: ['objectManagementUploadModal']
+            }], objecttypes: [{
+                type: Input
+            }] } });
+
+/*
+ * Copyright 2015-2020 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(() => this.setFields()), switchMap$1(() => this.objectManagementService.getAllObjects()), tap(() => 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.2.12", ngImport: i0, type: ObjectManagementListComponent, deps: [{ token: ObjectManagementService }, { token: ObjectManagementStateService }, { token: i6$1.TranslateService }, { token: i3$1.Router }], target: i0.ɵɵFactoryTarget.Component });
+ObjectManagementListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: ObjectManagementListComponent, selector: "valtimo-object-management-list", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF 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 [objecttypes]=\"objecttypesInstances$ | async\"></valtimo-object-management-upload-modal>\n<valtimo-object-management-modal></valtimo-object-management-modal>\n\n\n", styles: ["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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: i6$2.WidgetComponent, selector: "valtimo-widget", inputs: ["type", "name", "icon", "contrast", "divider", "title", "subtitle", "collapseAble", "collapse", "additionalClasses"] }, { kind: "component", type: i6$2.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: i6$1.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ObjectManagementListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-object-management-list', template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF 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 [objecttypes]=\"objecttypesInstances$ | async\"></valtimo-object-management-upload-modal>\n<valtimo-object-management-modal></valtimo-object-management-modal>\n\n\n", styles: ["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF 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: i6$1.TranslateService }, { type: i3$1.Router }]; } });
+
+/*
+ * Copyright 2015-2020 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] },
+    }
+];
+class ObjectManagementRoutingModule {
+}
+ObjectManagementRoutingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ObjectManagementRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ObjectManagementRoutingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: ObjectManagementRoutingModule, imports: [CommonModule, i3$1.RouterModule], exports: [RouterModule] });
+ObjectManagementRoutingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ObjectManagementRoutingModule, imports: [CommonModule, RouterModule.forChild(routes), RouterModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ObjectManagementRoutingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, RouterModule.forChild(routes)],
+                    exports: [RouterModule],
+                    declarations: [],
+                }]
+        }] });
+
+/*
+ * Copyright 2015-2020 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.2.12", ngImport: i0, type: ObjectManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ObjectManagementModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: ObjectManagementModule, declarations: [ObjectManagementListComponent,
+        ObjectManagementDetailContainerComponent,
+        ObjectManagementDetailComponent,
+        ObjectManagementListTabComponent,
+        ObjectManagementModalComponent,
+        ObjectManagementUploadModalComponent], imports: [CommonModule,
+        DropzoneModule,
+        WidgetModule,
+        ListModule,
+        TranslateModule,
+        ObjectManagementRoutingModule,
+        ModalModule,
+        TitleModule,
+        ButtonModule,
+        FormModule,
+        InputModule,
+        SelectModule] });
+ObjectManagementModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ObjectManagementModule, imports: [CommonModule,
+        DropzoneModule,
+        WidgetModule,
+        ListModule,
+        TranslateModule,
+        ObjectManagementRoutingModule,
+        ModalModule,
+        TitleModule,
+        ButtonModule,
+        FormModule,
+        InputModule,
+        SelectModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ObjectManagementModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ObjectManagementListComponent,
+                        ObjectManagementDetailContainerComponent,
+                        ObjectManagementDetailComponent,
+                        ObjectManagementListTabComponent,
+                        ObjectManagementModalComponent,
+                        ObjectManagementUploadModalComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        DropzoneModule,
+                        WidgetModule,
+                        ListModule,
+                        TranslateModule,
+                        ObjectManagementRoutingModule,
+                        ModalModule,
+                        TitleModule,
+                        ButtonModule,
+                        FormModule,
+                        InputModule,
+                        SelectModule
+                    ],
+                    exports: []
+                }]
+        }] });
+
+/*
+ * Copyright 2015-2020 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