@valtimo/connector-management 4.23.0 → 5.0.0

package/fesm2015/valtimo-connector-management.mjs

@@ -0,0 +1,2044 @@
+import * as i0 from '@angular/core';
+import { Injectable, EventEmitter, Component, Input, Output, ViewChild, NgModule } from '@angular/core';
+import * as i5 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 * as i2 from '@valtimo/config';
+import { ROLE_ADMIN, ConfigService, Extension, BasicExtensionPoint } from '@valtimo/config';
+import { Subject, BehaviorSubject, combineLatest, timer, of } from 'rxjs';
+import { take, map, tap, switchMap, catchError } from 'rxjs/operators';
+import * as i1 from '@angular/common/http';
+import * as i2$1 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import * as i2$2 from '@valtimo/user-interface';
+import { ButtonModule, TableModule, ModalModule as ModalModule$1, StepperModule, CardModule, TitleModule, InputModule, PageModule, ParagraphModule } from '@valtimo/user-interface';
+import * as i6$1 from '@valtimo/components';
+import { WidgetModule, ListModule, SpinnerModule, ModalModule, FormIoModule } from '@valtimo/components';
+import { set, cloneDeep, get } from 'lodash';
+import * as i1$1 from '@valtimo/form';
+import * as i2$3 from '@valtimo/document';
+import * as i8 from '@angular/flex-layout/extended';
+import * as i6$2 from '@angular/flex-layout/flex';
+import { FlexLayoutModule } from '@angular/flex-layout';
+import { NGXLogger } from 'ngx-logger';
+
+/*
+ *
+ *  * 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.
+ *
+ */
+
+/*
+ * Copyright 2020 Dimpact.
+ *
+ * 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 ConnectorManagementService {
+    constructor(http, configService) {
+        this.http = http;
+        this.configService = configService;
+        this.valtimoApiConfig = configService.config.valtimoApi;
+    }
+    getConnectorInstances(params) {
+        return this.http.get(`${this.valtimoApiConfig.endpointUri}connector/instance`, { params });
+    }
+    getConnectorInstancesByType(typeId, params) {
+        return this.http.get(`${this.valtimoApiConfig.endpointUri}connector/instance/${typeId}`, { params });
+    }
+    getConnectorInstanceById(instanceId) {
+        return this.http.get(`${this.valtimoApiConfig.endpointUri}connector/instance?instanceId=${instanceId}`);
+    }
+    getConnectorTypes() {
+        return this.http.get(`${this.valtimoApiConfig.endpointUri}connector/type`);
+    }
+    createConnectorInstance(request) {
+        return this.http.post(`${this.valtimoApiConfig.endpointUri}connector/instance`, request);
+    }
+    updateConnectorInstance(request) {
+        return this.http.put(`${this.valtimoApiConfig.endpointUri}connector/instance`, request);
+    }
+    deleteConnectorInstance(connectorInstanceId) {
+        return this.http.delete(`${this.valtimoApiConfig.endpointUri}connector/instance/${connectorInstanceId}`);
+    }
+}
+ConnectorManagementService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ConnectorManagementService, deps: [{ token: i1.HttpClient }, { token: i2.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
+ConnectorManagementService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ConnectorManagementService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ConnectorManagementService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: i2.ConfigService }]; } });
+
+/*
+ * Copyright 2020 Dimpact.
+ *
+ * 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 ConnectorManagementStateService {
+    constructor() {
+        this._showModal$ = new Subject();
+        this._hideModal$ = new Subject();
+        this._showExtensionModal$ = new BehaviorSubject(false);
+        this._inputDisabled$ = new BehaviorSubject(false);
+        this._saveButtonDisabled$ = new BehaviorSubject(true);
+        this._refresh$ = new BehaviorSubject(null);
+        this._save$ = new Subject();
+        this._selectedInstance$ = new BehaviorSubject(undefined);
+        this._lastConfigIdAdded$ = new BehaviorSubject('');
+        this._selectedConnector$ = new BehaviorSubject(undefined);
+        this._connectorTypes$ = new BehaviorSubject(undefined);
+        this._modalType$ = new BehaviorSubject('add');
+        this._delete$ = new Subject();
+        this._hideModalSaveButton$ = new BehaviorSubject(false);
+    }
+    get showModal$() {
+        return this._showModal$.asObservable();
+    }
+    get hideModal$() {
+        return this._hideModal$.asObservable();
+    }
+    get showExtensionModal$() {
+        return this._showExtensionModal$.asObservable();
+    }
+    get inputDisabled$() {
+        return this._inputDisabled$.asObservable();
+    }
+    get refresh$() {
+        return this._refresh$.asObservable();
+    }
+    get selectedInstance$() {
+        return this._selectedInstance$.asObservable();
+    }
+    get lastConfigIdAdded$() {
+        return this._lastConfigIdAdded$.asObservable();
+    }
+    get selectedConnector$() {
+        return this._selectedConnector$.asObservable();
+    }
+    get connectorTypes$() {
+        return this._connectorTypes$.asObservable();
+    }
+    get saveButtonDisabled$() {
+        return this._saveButtonDisabled$.asObservable();
+    }
+    get save$() {
+        return this._save$.asObservable();
+    }
+    get modalType$() {
+        return this._modalType$.asObservable();
+    }
+    get delete$() {
+        return this._delete$.asObservable();
+    }
+    get hideModalSaveButton$() {
+        return this._hideModalSaveButton$.asObservable();
+    }
+    showModal() {
+        this._showModal$.next();
+    }
+    hideModal() {
+        this._hideModal$.next();
+    }
+    showExtensionModal() {
+        this._showExtensionModal$.next(true);
+    }
+    hideExtensionModal() {
+        this._showExtensionModal$.next(false);
+    }
+    disableInput() {
+        this._inputDisabled$.next(true);
+    }
+    enableInput() {
+        this._inputDisabled$.next(false);
+    }
+    refresh() {
+        this._refresh$.next(null);
+    }
+    setConnectorInstance(instance) {
+        this._selectedInstance$.next(instance);
+    }
+    setLastConfigIdAdded(id) {
+        this._lastConfigIdAdded$.next(id);
+    }
+    clearLastConfigIdAdded() {
+        this._lastConfigIdAdded$.next('');
+    }
+    setSelectedConnectorType(connectorType) {
+        this._selectedConnector$.next(connectorType);
+    }
+    clearSelectedConnector() {
+        this._selectedConnector$.next(undefined);
+    }
+    setConnectorTypes(connectorTypes) {
+        this._connectorTypes$.next(connectorTypes);
+    }
+    enableSaveButton() {
+        this._saveButtonDisabled$.next(false);
+    }
+    disableSaveButton() {
+        this._saveButtonDisabled$.next(true);
+    }
+    save() {
+        this._saveButtonDisabled$.pipe(take(1)).subscribe(saveButtonDisabled => {
+            if (!saveButtonDisabled) {
+                this._save$.next();
+            }
+        });
+    }
+    setModalType(type) {
+        this._modalType$.next(type);
+    }
+    delete() {
+        this._delete$.next();
+    }
+    hideModalSaveButton() {
+        this._hideModalSaveButton$.next(true);
+    }
+    showModalSaveButton() {
+        this._hideModalSaveButton$.next(false);
+    }
+}
+ConnectorManagementStateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ConnectorManagementStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ConnectorManagementStateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ConnectorManagementStateService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ConnectorManagementStateService, 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 MultiValueConnectorPropertyComponent {
+    constructor() {
+        this.valuesSet = new EventEmitter();
+        this.amountOfValues$ = new BehaviorSubject([null]);
+        this.removeButtonDisabled$ = this.amountOfValues$.pipe(map(amountOfValues => amountOfValues.length === 1));
+        this.values$ = new BehaviorSubject({});
+        this.addButtonDisabled$ = combineLatest([this.values$, this.amountOfValues$]).pipe(map(([values, amountOfValues]) => {
+            const objectValues = Object.values(values);
+            const validObjectValues = objectValues.filter(value => value === 0 || value);
+            return amountOfValues.length !== validObjectValues.length;
+        }));
+    }
+    ngOnInit() {
+        this.openValuesSubscription();
+        this.setDefaults();
+    }
+    ngOnDestroy() {
+        var _a;
+        (_a = this.valuesSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+    }
+    onValueChange(value, editField, index) {
+        this.values$.pipe(take(1)).subscribe(values => {
+            this.values$.next(Object.assign(Object.assign({}, values), { [index]: editField.editType === 'string[]'
+                    ? value.trim()
+                    : parseInt(value, 10) }));
+        });
+    }
+    addRow() {
+        this.amountOfValues$.pipe(take(1)).subscribe(amountOfValues => {
+            this.amountOfValues$.next([...amountOfValues, null]);
+        });
+    }
+    removeRow() {
+        combineLatest([this.values$, this.amountOfValues$])
+            .pipe(take(1))
+            .subscribe(([values, amountOfValues]) => {
+            const lastValueIndex = amountOfValues.length - 1;
+            const valuesCopy = Object.assign({}, values);
+            delete valuesCopy[lastValueIndex];
+            this.values$.next(valuesCopy);
+            this.amountOfValues$.next(amountOfValues.filter((curr, index) => index !== lastValueIndex));
+        });
+    }
+    openValuesSubscription() {
+        this.valuesSubscription = this.values$.subscribe(values => {
+            this.valuesSet.emit({
+                editFieldKey: this.editField.key,
+                values: Object.values(values).filter(value => value === 0 || value),
+            });
+        });
+    }
+    setDefaults() {
+        const defaultValue = this.defaultValue;
+        const validValues = Array.isArray(defaultValue) && defaultValue.filter(value => value === 0 || value);
+        if (validValues && validValues.length > 0) {
+            const valuesObject = {};
+            validValues.forEach((value, index) => {
+                valuesObject[index] = value;
+            });
+            this.values$.next(valuesObject);
+            this.amountOfValues$.next(validValues.map(() => null));
+        }
+    }
+}
+MultiValueConnectorPropertyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: MultiValueConnectorPropertyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MultiValueConnectorPropertyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: MultiValueConnectorPropertyComponent, selector: "valtimo-multi-value-connector-property", inputs: { editField: "editField", disabled: "disabled", defaultValue: "defaultValue" }, outputs: { valuesSet: "valuesSet" }, 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\n  class=\"form-group row\"\n  *ngIf=\"{amountOfValues: amountOfValues$ | async, values: values$ | async} as obs\"\n>\n  <label class=\"col-3 col-form-label text-sm-right\">\n    {{ 'connectorManagement.inputLabels.' + editField.key | translate }}\n  </label>\n  <div class=\"col-7\">\n    <ng-container *ngFor=\"let value of obs.amountOfValues; let index = index\">\n      <ng-container\n        *ngTemplateOutlet=\"input; context: {index: index, disabled: disabled, values: obs.values}\"\n      >\n      </ng-container>\n    </ng-container>\n    <ng-container *ngTemplateOutlet=\"buttons; context: {disabled: disabled}\"></ng-container>\n  </div>\n</div>\n\n<ng-template #input let-index=\"index\" let-disabled=\"disabled\" let-values=\"values\">\n  <input\n    *ngIf=\"editField.editType === 'string[]'\"\n    class=\"form-control mb-2\"\n    type=\"text\"\n    (input)=\"onValueChange($event.target.value, editField, index)\"\n    [disabled]=\"disabled\"\n    [value]=\"defaultValue && values[index] ? values[index] : ''\"\n  />\n  <input\n    *ngIf=\"editField.editType === 'number[]'\"\n    class=\"form-control mb-2\"\n    type=\"number\"\n    step=\"1\"\n    min=\"0\"\n    oninput=\"validity.valid||(value='');\"\n    (input)=\"onValueChange($event.target.value, editField, index)\"\n    [disabled]=\"disabled\"\n    [value]=\"defaultValue && values[index] ? values[index] : ''\"\n  />\n</ng-template>\n\n<ng-template #buttons let-disabled=\"disabled\">\n  <div class=\"button-container mt-1\">\n    <button\n      class=\"btn btn-danger btn-space btn-sm\"\n      (click)=\"removeRow()\"\n      [disabled]=\"disabled || (removeButtonDisabled$ | async)\"\n    >\n      <i class=\"icon mdi mdi-delete mr-1\"></i>\n      {{ 'connectorManagement.removeValue' | translate }}\n    </button>\n    <button\n      class=\"btn btn-secondary btn-space mr-0 btn-sm\"\n      (click)=\"addRow()\"\n      [disabled]=\"disabled || (addButtonDisabled$ | async)\"\n    >\n      <i class=\"icon mdi mdi-plus mr-1\"></i>\n      {{ 'connectorManagement.addValue' | translate }}\n    </button>\n  </div>\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 */.button-container{display:flex;width:100%;justify-content:flex-end}\n"], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i6.AsyncPipe, "translate": i2$1.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: MultiValueConnectorPropertyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-multi-value-connector-property', 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\n  class=\"form-group row\"\n  *ngIf=\"{amountOfValues: amountOfValues$ | async, values: values$ | async} as obs\"\n>\n  <label class=\"col-3 col-form-label text-sm-right\">\n    {{ 'connectorManagement.inputLabels.' + editField.key | translate }}\n  </label>\n  <div class=\"col-7\">\n    <ng-container *ngFor=\"let value of obs.amountOfValues; let index = index\">\n      <ng-container\n        *ngTemplateOutlet=\"input; context: {index: index, disabled: disabled, values: obs.values}\"\n      >\n      </ng-container>\n    </ng-container>\n    <ng-container *ngTemplateOutlet=\"buttons; context: {disabled: disabled}\"></ng-container>\n  </div>\n</div>\n\n<ng-template #input let-index=\"index\" let-disabled=\"disabled\" let-values=\"values\">\n  <input\n    *ngIf=\"editField.editType === 'string[]'\"\n    class=\"form-control mb-2\"\n    type=\"text\"\n    (input)=\"onValueChange($event.target.value, editField, index)\"\n    [disabled]=\"disabled\"\n    [value]=\"defaultValue && values[index] ? values[index] : ''\"\n  />\n  <input\n    *ngIf=\"editField.editType === 'number[]'\"\n    class=\"form-control mb-2\"\n    type=\"number\"\n    step=\"1\"\n    min=\"0\"\n    oninput=\"validity.valid||(value='');\"\n    (input)=\"onValueChange($event.target.value, editField, index)\"\n    [disabled]=\"disabled\"\n    [value]=\"defaultValue && values[index] ? values[index] : ''\"\n  />\n</ng-template>\n\n<ng-template #buttons let-disabled=\"disabled\">\n  <div class=\"button-container mt-1\">\n    <button\n      class=\"btn btn-danger btn-space btn-sm\"\n      (click)=\"removeRow()\"\n      [disabled]=\"disabled || (removeButtonDisabled$ | async)\"\n    >\n      <i class=\"icon mdi mdi-delete mr-1\"></i>\n      {{ 'connectorManagement.removeValue' | translate }}\n    </button>\n    <button\n      class=\"btn btn-secondary btn-space mr-0 btn-sm\"\n      (click)=\"addRow()\"\n      [disabled]=\"disabled || (addButtonDisabled$ | async)\"\n    >\n      <i class=\"icon mdi mdi-plus mr-1\"></i>\n      {{ 'connectorManagement.addValue' | translate }}\n    </button>\n  </div>\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 */.button-container{display:flex;width:100%;justify-content:flex-end}\n"] }]
+        }], propDecorators: { editField: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], defaultValue: [{
+                type: Input
+            }], valuesSet: [{
+                type: Output
+            }] } });
+
+/*
+ * 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 EditConnectorPropertiesComponent {
+    constructor(stateService) {
+        this.stateService = stateService;
+        this.withDefaults = false;
+        this.showDeleteButton = false;
+        this.showSaveButton = true;
+        this.propertiesSave = new EventEmitter();
+        this.connectorDelete = new EventEmitter();
+        this.modifiedProperties$ = new BehaviorSubject(undefined);
+        this.editFields$ = new BehaviorSubject([]);
+        this.connectorName$ = new BehaviorSubject('');
+        this.saveButtonDisabled$ = this.stateService.saveButtonDisabled$;
+        this.disabled$ = this.stateService.inputDisabled$;
+    }
+    ngOnInit() {
+        this.setEditFields();
+        this.setName();
+        this.openSaveButtonDisabledSubscription();
+        this.openSaveSubscription();
+        this.openDeleteSubscription();
+        this.stateService.showModalSaveButton();
+    }
+    ngOnChanges() {
+        this.setEditFields();
+        this.setName();
+    }
+    ngOnDestroy() {
+        var _a, _b, _c;
+        (_a = this.saveButtonDisabledSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        (_b = this.saveSubscription) === null || _b === void 0 ? void 0 : _b.unsubscribe();
+        (_c = this.deleteSubscription) === null || _c === void 0 ? void 0 : _c.unsubscribe();
+    }
+    multiFieldValuesSet(event) {
+        this.modifiedProperties$.pipe(take(1)).subscribe(properties => {
+            set(properties, event.editFieldKey, event.values);
+            this.modifiedProperties$.next(properties);
+        });
+    }
+    onSingleValueChange(value, editField) {
+        this.modifiedProperties$.pipe(take(1)).subscribe(properties => {
+            set(properties, editField.key, editField.editType === 'string' ? value.trim() : parseInt(value, 10));
+            this.modifiedProperties$.next(properties);
+        });
+    }
+    onNameValueChange(value) {
+        this.connectorName$.next(value.trim());
+    }
+    onSave() {
+        this.stateService.disableInput();
+        combineLatest([this.modifiedProperties$, this.connectorName$])
+            .pipe(take(1))
+            .subscribe(([properties, name]) => {
+            this.propertiesSave.emit({ properties, name });
+        });
+    }
+    onDelete() {
+        this.stateService.disableInput();
+        this.connectorDelete.emit();
+    }
+    setName() {
+        if (this.withDefaults && this.defaultName) {
+            this.connectorName$.next(this.defaultName);
+        }
+        else {
+            this.connectorName$.next('');
+        }
+    }
+    setModifiedProperties(editFields) {
+        const propertiesCopy = cloneDeep(this.properties);
+        if (!this.withDefaults) {
+            editFields.forEach(editField => {
+                set(propertiesCopy, editField.key, undefined);
+            });
+        }
+        this.modifiedProperties$.next(propertiesCopy);
+    }
+    setEditFields() {
+        const editFields = [];
+        const keysToFilter = ['className'];
+        const handlePropertyLevel = (propertyLevel, previousKeys) => {
+            const propertyLevelKeys = Object.keys(propertyLevel).filter(key => !keysToFilter.includes(key));
+            propertyLevelKeys.forEach(key => {
+                const propertyValue = propertyLevel[key];
+                const baseEditField = Object.assign({ key: previousKeys + key }, (this.withDefaults && { defaultValue: propertyValue }));
+                if (typeof propertyValue === 'number') {
+                    editFields.push(Object.assign(Object.assign({}, baseEditField), { editType: 'number' }));
+                }
+                else if (Array.isArray(propertyValue)) {
+                    if (propertyValue[0] && typeof propertyValue[0] === 'number') {
+                        editFields.push(Object.assign(Object.assign({}, baseEditField), { editType: 'number[]' }));
+                    }
+                    else {
+                        editFields.push(Object.assign(Object.assign({}, baseEditField), { editType: 'string[]' }));
+                    }
+                }
+                else if (typeof propertyValue === 'string') {
+                    editFields.push(Object.assign(Object.assign({}, baseEditField), { editType: 'string' }));
+                }
+                else if (typeof propertyValue === 'object') {
+                    handlePropertyLevel(propertyValue, `${previousKeys}${key}.`);
+                }
+            });
+        };
+        handlePropertyLevel(this.properties, '');
+        this.editFields$.next(editFields);
+        this.setModifiedProperties(editFields);
+    }
+    openSaveButtonDisabledSubscription() {
+        this.saveButtonDisabledSubscription = combineLatest([
+            this.editFields$,
+            this.modifiedProperties$,
+            this.connectorName$,
+        ])
+            .pipe(map(([editFields, modifiedProperties, connectorName]) => {
+            const values = editFields.map(field => get(modifiedProperties, field.key));
+            const validValues = values.filter(value => Array.isArray(value) ? value.length > 0 : value === 0 || value);
+            const invalidProperties = editFields.length !== validValues.length || !connectorName;
+            if (invalidProperties) {
+                this.stateService.disableSaveButton();
+            }
+            else {
+                this.stateService.enableSaveButton();
+            }
+        }))
+            .subscribe();
+    }
+    openSaveSubscription() {
+        this.saveSubscription = this.stateService.save$.subscribe(() => {
+            this.onSave();
+        });
+    }
+    openDeleteSubscription() {
+        this.deleteSubscription = this.stateService.delete$.subscribe(() => {
+            this.onDelete();
+        });
+    }
+}
+EditConnectorPropertiesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: EditConnectorPropertiesComponent, deps: [{ token: ConnectorManagementStateService }], target: i0.ɵɵFactoryTarget.Component });
+EditConnectorPropertiesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: EditConnectorPropertiesComponent, selector: "valtimo-edit-connector-properties", inputs: { properties: "properties", withDefaults: "withDefaults", showDeleteButton: "showDeleteButton", showSaveButton: "showSaveButton", defaultName: "defaultName" }, outputs: { propertiesSave: "propertiesSave", connectorDelete: "connectorDelete" }, usesOnChanges: 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<div\n  class=\"edit-fields\"\n  *ngIf=\"{editFields: editFields$ | async, disabled: disabled$ | async} as obs\"\n>\n  <ng-container *ngTemplateOutlet=\"nameInput; context: {disabled: obs.disabled}\"></ng-container>\n  <ng-container *ngFor=\"let editField of obs.editFields\">\n    <ng-container *ngIf=\"editField.editType === 'string' || editField.editType === 'number'\">\n      <ng-container\n        *ngTemplateOutlet=\"singleInput; context: {editField: editField, disabled: obs.disabled}\"\n      ></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"editField.editType === 'string[]' || editField.editType === 'number[]'\">\n      <valtimo-multi-value-connector-property\n        [editField]=\"editField\"\n        (valuesSet)=\"multiFieldValuesSet($event)\"\n        [disabled]=\"obs.disabled\"\n        [defaultValue]=\"withDefaults && editField.defaultValue\"\n      >\n      </valtimo-multi-value-connector-property>\n    </ng-container>\n  </ng-container>\n  <ng-container *ngTemplateOutlet=\"buttons; context: {disabled: obs.disabled}\"></ng-container>\n</div>\n\n<ng-template #nameInput let-disabled=\"disabled\">\n  <v-input\n    titleTranslationKey=\"connectorManagement.inputLabels.connectorName\"\n    [defaultValue]=\"withDefaults && defaultName ? defaultName : ''\"\n    [fullWidth]=\"true\"\n    [margin]=\"true\"\n    [disabled]=\"disabled\"\n    (valueChange)=\"onNameValueChange($event)\"\n  ></v-input>\n</ng-template>\n\n<ng-template #singleInput let-editField=\"editField\" let-disabled=\"disabled\">\n  <v-input\n    *ngIf=\"editField.editType === 'string'\"\n    [titleTranslationKey]=\"'connectorManagement.inputLabels.' + editField.key\"\n    [defaultValue]=\"withDefaults ? editField.defaultValue : ''\"\n    [fullWidth]=\"true\"\n    [margin]=\"true\"\n    [disabled]=\"disabled\"\n    (valueChange)=\"onSingleValueChange($event, editField)\"\n  ></v-input>\n  <v-input\n    *ngIf=\"editField.editType === 'number'\"\n    [titleTranslationKey]=\"'connectorManagement.inputLabels.' + editField.key\"\n    [defaultValue]=\"withDefaults ? editField.defaultValue : ''\"\n    [fullWidth]=\"true\"\n    [margin]=\"true\"\n    [disabled]=\"disabled\"\n    (valueChange)=\"onSingleValueChange($event, editField)\"\n    [step]=\"1\"\n    [min]=\"0\"\n  ></v-input>\n</ng-template>\n\n<ng-template #buttons let-disabled=\"disabled\">\n  <div class=\"border-top mt-3 pt-6\" *ngIf=\"showDeleteButton || showSaveButton\">\n    <div class=\"button-container\">\n      <button\n        *ngIf=\"showSaveButton\"\n        class=\"btn btn-primary\"\n        [disabled]=\"disabled || (saveButtonDisabled$ | async)\"\n        (click)=\"onSave()\"\n      >\n        <i class=\"icon mdi mdi-save mr-1\"></i>\n        {{ 'connectorManagement.save' | translate }}\n      </button>\n      <button\n        *ngIf=\"showDeleteButton\"\n        class=\"btn btn-danger btn-space\"\n        (click)=\"onDelete()\"\n        [disabled]=\"disabled\"\n      >\n        <i class=\"icon mdi mdi-delete mr-1\"></i>\n        {{ 'connectorManagement.remove' | translate }}\n      </button>\n    </div>\n  </div>\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 */.button-container{flex-flow:row-reverse;width:100%;display:flex;justify-content:space-between}\n"], components: [{ type: MultiValueConnectorPropertyComponent, selector: "valtimo-multi-value-connector-property", inputs: ["editField", "disabled", "defaultValue"], outputs: ["valuesSet"] }, { type: i2$2.InputComponent, selector: "v-input", inputs: ["type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "disabled", "step", "min"], outputs: ["valueChange"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i6.AsyncPipe, "translate": i2$1.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: EditConnectorPropertiesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-edit-connector-properties', 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\n  class=\"edit-fields\"\n  *ngIf=\"{editFields: editFields$ | async, disabled: disabled$ | async} as obs\"\n>\n  <ng-container *ngTemplateOutlet=\"nameInput; context: {disabled: obs.disabled}\"></ng-container>\n  <ng-container *ngFor=\"let editField of obs.editFields\">\n    <ng-container *ngIf=\"editField.editType === 'string' || editField.editType === 'number'\">\n      <ng-container\n        *ngTemplateOutlet=\"singleInput; context: {editField: editField, disabled: obs.disabled}\"\n      ></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"editField.editType === 'string[]' || editField.editType === 'number[]'\">\n      <valtimo-multi-value-connector-property\n        [editField]=\"editField\"\n        (valuesSet)=\"multiFieldValuesSet($event)\"\n        [disabled]=\"obs.disabled\"\n        [defaultValue]=\"withDefaults && editField.defaultValue\"\n      >\n      </valtimo-multi-value-connector-property>\n    </ng-container>\n  </ng-container>\n  <ng-container *ngTemplateOutlet=\"buttons; context: {disabled: obs.disabled}\"></ng-container>\n</div>\n\n<ng-template #nameInput let-disabled=\"disabled\">\n  <v-input\n    titleTranslationKey=\"connectorManagement.inputLabels.connectorName\"\n    [defaultValue]=\"withDefaults && defaultName ? defaultName : ''\"\n    [fullWidth]=\"true\"\n    [margin]=\"true\"\n    [disabled]=\"disabled\"\n    (valueChange)=\"onNameValueChange($event)\"\n  ></v-input>\n</ng-template>\n\n<ng-template #singleInput let-editField=\"editField\" let-disabled=\"disabled\">\n  <v-input\n    *ngIf=\"editField.editType === 'string'\"\n    [titleTranslationKey]=\"'connectorManagement.inputLabels.' + editField.key\"\n    [defaultValue]=\"withDefaults ? editField.defaultValue : ''\"\n    [fullWidth]=\"true\"\n    [margin]=\"true\"\n    [disabled]=\"disabled\"\n    (valueChange)=\"onSingleValueChange($event, editField)\"\n  ></v-input>\n  <v-input\n    *ngIf=\"editField.editType === 'number'\"\n    [titleTranslationKey]=\"'connectorManagement.inputLabels.' + editField.key\"\n    [defaultValue]=\"withDefaults ? editField.defaultValue : ''\"\n    [fullWidth]=\"true\"\n    [margin]=\"true\"\n    [disabled]=\"disabled\"\n    (valueChange)=\"onSingleValueChange($event, editField)\"\n    [step]=\"1\"\n    [min]=\"0\"\n  ></v-input>\n</ng-template>\n\n<ng-template #buttons let-disabled=\"disabled\">\n  <div class=\"border-top mt-3 pt-6\" *ngIf=\"showDeleteButton || showSaveButton\">\n    <div class=\"button-container\">\n      <button\n        *ngIf=\"showSaveButton\"\n        class=\"btn btn-primary\"\n        [disabled]=\"disabled || (saveButtonDisabled$ | async)\"\n        (click)=\"onSave()\"\n      >\n        <i class=\"icon mdi mdi-save mr-1\"></i>\n        {{ 'connectorManagement.save' | translate }}\n      </button>\n      <button\n        *ngIf=\"showDeleteButton\"\n        class=\"btn btn-danger btn-space\"\n        (click)=\"onDelete()\"\n        [disabled]=\"disabled\"\n      >\n        <i class=\"icon mdi mdi-delete mr-1\"></i>\n        {{ 'connectorManagement.remove' | translate }}\n      </button>\n    </div>\n  </div>\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 */.button-container{flex-flow:row-reverse;width:100%;display:flex;justify-content:space-between}\n"] }]
+        }], ctorParameters: function () { return [{ type: ConnectorManagementStateService }]; }, propDecorators: { properties: [{
+                type: Input
+            }], withDefaults: [{
+                type: Input
+            }], showDeleteButton: [{
+                type: Input
+            }], showSaveButton: [{
+                type: Input
+            }], defaultName: [{
+                type: Input
+            }], propertiesSave: [{
+                type: Output
+            }], connectorDelete: [{
+                type: Output
+            }] } });
+
+const editProductAanvragenConnectorForm = {
+    display: 'wizard',
+    settings: {
+        pdf: {
+            id: '1ec0f8ee-6685-5d98-a847-26f67b67d6f0',
+            src: 'https://files.form.io/pdf/5692b91fd1028f01000407e3/file/1ec0f8ee-6685-5d98-a847-26f67b67d6f0',
+        },
+    },
+    components: [
+        {
+            title: 'connectorForm.productaanvraag.step0.title',
+            breadcrumbClickable: true,
+            buttonSettings: {
+                previous: true,
+                cancel: true,
+                next: true,
+            },
+            navigateOnEnter: false,
+            saveOnEnter: false,
+            scrollToTop: false,
+            collapsible: false,
+            key: 'page0',
+            type: 'panel',
+            label: 'Page 0',
+            input: false,
+            tableView: false,
+            components: [
+                {
+                    label: 'HTML',
+                    attrs: [
+                        {
+                            attr: '',
+                            value: '',
+                        },
+                    ],
+                    content: 'connectorForm.productaanvraag.step0.tip',
+                    refreshOnChange: false,
+                    key: 'html4',
+                    type: 'htmlelement',
+                    input: false,
+                    tableView: false,
+                },
+                {
+                    key: 'productAanvraagTypes',
+                    type: 'editgrid',
+                    input: true,
+                    validate: {
+                        minLength: 1,
+                    },
+                    customClass: 'edit-grid-component',
+                    components: [
+                        {
+                            label: 'connectorForm.productaanvraag.step0.typeMapping.productAanvraagType.label',
+                            tooltip: 'connectorForm.productaanvraag.step0.typeMapping.productAanvraagType.tooltip',
+                            tableView: true,
+                            validate: {
+                                required: true,
+                            },
+                            key: 'productAanvraagType',
+                            type: 'textfield',
+                            input: true,
+                        },
+                        {
+                            label: 'connectorForm.productaanvraag.step0.typeMapping.caseDefinitionKey.label',
+                            widget: 'choicesjs',
+                            placeholder: 'connectorForm.productaanvraag.step0.typeMapping.caseDefinitionKey.placeholder',
+                            tableView: true,
+                            validate: {
+                                required: true,
+                            },
+                            key: 'caseDefinitionKey',
+                            type: 'select',
+                            input: true,
+                        },
+                        {
+                            label: 'connectorForm.productaanvraag.step0.typeMapping.processDefinitionKey.label',
+                            widget: 'choicesjs',
+                            tableView: true,
+                            dataSrc: 'custom',
+                            data: {
+                                custom: "values = window['productRequestDefinitions'][row.caseDefinitionKey] || []",
+                            },
+                            dataType: 'string',
+                            refreshOn: 'row.caseDefinitionKey',
+                            clearOnRefresh: true,
+                            key: 'processDefinitionKey',
+                            type: 'select',
+                            input: true,
+                            validate: {
+                                required: true,
+                            },
+                            placeholder: 'connectorForm.productaanvraag.step0.typeMapping.processDefinitionKey.placeholder',
+                        },
+                    ],
+                },
+            ],
+        },
+        {
+            title: 'connectorForm.productaanvraag.step1.title',
+            breadcrumbClickable: true,
+            buttonSettings: {
+                previous: true,
+                cancel: true,
+                next: true,
+            },
+            navigateOnEnter: false,
+            saveOnEnter: false,
+            scrollToTop: false,
+            collapsible: false,
+            key: 'page1',
+            type: 'panel',
+            label: 'Page 1',
+            input: false,
+            tableView: false,
+            components: [
+                {
+                    label: 'HTML',
+                    attrs: [
+                        {
+                            attr: '',
+                            value: '',
+                        },
+                    ],
+                    content: 'connectorForm.productaanvraag.step1.tip',
+                    refreshOnChange: false,
+                    key: 'html',
+                    type: 'htmlelement',
+                    input: false,
+                    tableView: false,
+                },
+                {
+                    title: 'connectorForm.productaanvraag.step1.connectors.panelTitle',
+                    collapsible: false,
+                    key: 'connectorFormProductaanvraagStep1ConnectorsPanelTitle',
+                    type: 'panel',
+                    label: 'Panel',
+                    input: false,
+                    tableView: false,
+                    components: [
+                        {
+                            label: 'connectorForm.productaanvraag.step1.connectors.openNotificatieConnector.label',
+                            widget: 'choicesjs',
+                            tableView: true,
+                            dataSrc: 'custom',
+                            data: {
+                                custom: "values = window['openNotificatieConnectorNames'] || []",
+                            },
+                            dataType: 'string',
+                            clearOnRefresh: true,
+                            key: 'openNotificatieConnectionName',
+                            type: 'select',
+                            input: true,
+                            validate: {
+                                required: true,
+                            },
+                            placeholder: 'connectorForm.productaanvraag.step1.connectors.openNotificatieConnector.placeholder',
+                        },
+                        {
+                            label: 'connectorForm.productaanvraag.step1.connectors.objectsApiConnector.label',
+                            widget: 'choicesjs',
+                            tableView: true,
+                            dataSrc: 'custom',
+                            data: {
+                                custom: "values = window['objectApiConnectorNames'] || []",
+                            },
+                            dataType: 'string',
+                            clearOnRefresh: true,
+                            key: 'objectsApiConnectionName',
+                            type: 'select',
+                            input: true,
+                            validate: {
+                                required: true,
+                            },
+                            placeholder: 'connectorForm.productaanvraag.step1.connectors.objectsApiConnector.placeholder',
+                        },
+                    ],
+                },
+            ],
+        },
+        {
+            title: 'connectorForm.productaanvraag.step2.title',
+            breadcrumbClickable: true,
+            buttonSettings: {
+                previous: true,
+                cancel: true,
+                next: true,
+            },
+            navigateOnEnter: false,
+            saveOnEnter: false,
+            scrollToTop: false,
+            collapsible: false,
+            key: 'page2',
+            type: 'panel',
+            label: 'Page 2',
+            input: false,
+            tableView: false,
+            components: [
+                {
+                    label: 'HTML',
+                    attrs: [
+                        {
+                            attr: '',
+                            value: '',
+                        },
+                    ],
+                    content: 'connectorForm.productaanvraag.step2.tip',
+                    refreshOnChange: false,
+                    key: 'html3',
+                    type: 'htmlelement',
+                    input: false,
+                    tableView: false,
+                },
+                {
+                    title: 'connectorForm.productaanvraag.step2.applicant.panelTitle',
+                    collapsible: false,
+                    key: 'connectorFormProductaanvraagstep2ApplicantPanelTitle',
+                    type: 'panel',
+                    label: 'Panel',
+                    input: false,
+                    tableView: false,
+                    components: [
+                        {
+                            label: 'HTML',
+                            attrs: [
+                                {
+                                    attr: '',
+                                    value: '',
+                                },
+                            ],
+                            content: 'connectorForm.productaanvraag.step2.applicant.tip',
+                            refreshOnChange: false,
+                            key: 'html5',
+                            type: 'htmlelement',
+                            input: false,
+                            tableView: false,
+                        },
+                        {
+                            label: 'connectorForm.productaanvraag.step2.applicant.roleTypeUrl.label',
+                            tooltip: 'connectorForm.productaanvraag.step2.applicant.roleTypeUrl.tooltip',
+                            tableView: true,
+                            validate: {
+                                required: true,
+                            },
+                            key: 'applicantRoleTypeUrl',
+                            type: 'textfield',
+                            input: true,
+                        },
+                    ],
+                },
+            ],
+        },
+        {
+            title: 'connectorForm.productaanvraag.step3.title',
+            breadcrumbClickable: true,
+            buttonSettings: {
+                previous: true,
+                cancel: true,
+                next: true,
+            },
+            navigateOnEnter: false,
+            saveOnEnter: false,
+            scrollToTop: false,
+            collapsible: false,
+            key: 'page3',
+            type: 'panel',
+            label: 'Page 3',
+            input: false,
+            tableView: false,
+            components: [
+                {
+                    label: 'HTML',
+                    attrs: [
+                        {
+                            attr: '',
+                            value: '',
+                        },
+                    ],
+                    content: 'connectorForm.productaanvraag.step3.tip',
+                    refreshOnChange: false,
+                    key: 'html6',
+                    type: 'htmlelement',
+                    input: false,
+                    tableView: false,
+                },
+                {
+                    label: 'connectorForm.productaanvraag.step3.name',
+                    tableView: true,
+                    validate: {
+                        required: true,
+                    },
+                    key: 'connectorName',
+                    type: 'textfield',
+                    input: true,
+                },
+            ],
+        },
+    ],
+};
+
+/*
+ * Copyright 2015-2021 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 EditProductAanvragenConnectorComponent {
+    constructor(formTranslationService, formMappingService, documentService, translateService, connectorManagementService, stateService) {
+        this.formTranslationService = formTranslationService;
+        this.formMappingService = formMappingService;
+        this.documentService = documentService;
+        this.translateService = translateService;
+        this.connectorManagementService = connectorManagementService;
+        this.stateService = stateService;
+        this.showDeleteButton = false;
+        this.propertiesSave = new EventEmitter();
+        this.connectorDelete = new EventEmitter();
+        this.formRefresh$ = new Subject();
+        this.formDefinition$ = new BehaviorSubject(undefined);
+        this.translatedFormDefinition$ = this.formDefinition$.pipe(map(definition => this.formTranslationService.translateForm(definition)));
+        this.caseDefinitionOptions = [];
+        this.processDocumentDefinitionOptions = {};
+        this.options = {
+            disableAlerts: true,
+        };
+        this.mapCaseDefinitionKeyComponent = (component) => {
+            if (component.key === 'caseDefinitionKey') {
+                return Object.assign(Object.assign({}, component), { disabled: false, data: { values: this.caseDefinitionOptions } });
+            }
+            return component;
+        };
+    }
+    ngOnInit() {
+        window['productRequestDefinitions'] = {};
+        this.openFormDefinitionSubscription();
+        this.openDeleteSubscription();
+        this.formDefinition$.next(editProductAanvragenConnectorForm);
+        this.loadConnectorNames();
+        this.loadDefinitions();
+        this.stateService.hideModalSaveButton();
+    }
+    ngOnDestroy() {
+        var _a, _b, _c;
+        (_a = this.formDefinitionSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        (_b = this.translateSubscription) === null || _b === void 0 ? void 0 : _b.unsubscribe();
+        (_c = this.deleteSubscription) === null || _c === void 0 ? void 0 : _c.unsubscribe();
+    }
+    onSubmit(event) {
+        const submission = event.data;
+        const properties = cloneDeep(this.properties);
+        properties.objectsApiConnectionName = submission.objectsApiConnectionName;
+        properties.openNotificatieConnectionName = submission.openNotificatieConnectionName;
+        properties.aanvragerRolTypeUrl = submission.applicantRoleTypeUrl;
+        properties.typeMapping = submission.productAanvraagTypes;
+        this.propertiesSave.emit({ properties, name: submission.connectorName });
+    }
+    onDelete() {
+        this.stateService.disableInput();
+        this.connectorDelete.emit();
+    }
+    openFormDefinitionSubscription() {
+        this.formDefinitionSubscription = combineLatest([
+            this.formDefinition$,
+            this.translateService.stream('key'),
+        ]).subscribe(([form]) => {
+            const translatedForm = this.formTranslationService.translateForm(form);
+            this.refreshForm({ form: translatedForm });
+        });
+    }
+    prefillForm() {
+        const properties = cloneDeep(this.properties);
+        const submission = {};
+        submission.objectsApiConnectionName = properties.objectsApiConnectionName;
+        submission.openNotificatieConnectionName = properties.openNotificatieConnectionName;
+        submission.applicantRoleTypeUrl = properties.aanvragerRolTypeUrl;
+        submission.productAanvraagTypes = properties.typeMapping;
+        submission.connectorName = this.defaultName;
+        this.refreshForm({ submission: { data: submission } });
+    }
+    refreshForm(refreshValue) {
+        this.formRefresh$.next(refreshValue);
+    }
+    loadDefinitions() {
+        let documentDefinitions;
+        this.documentService
+            .getAllDefinitions()
+            .pipe(tap(resDocumentDefinitions => (documentDefinitions = resDocumentDefinitions.content)), switchMap(resDocumentDefinitions => combineLatest(resDocumentDefinitions.content.map(definition => this.documentService.findProcessDocumentDefinitions(definition.id.name)))), tap(res => {
+            var _a;
+            this.caseDefinitionOptions = documentDefinitions.map(documentDefinition => ({
+                label: documentDefinition.id.name,
+                value: documentDefinition.id.name,
+            }));
+            documentDefinitions.forEach((documentDefinition, index) => {
+                this.processDocumentDefinitionOptions[documentDefinition.id.name] = res[index].map(processDocumentDefinition => processDocumentDefinition.id.processDefinitionKey);
+            });
+            window['productRequestDefinitions'] = this.processDocumentDefinitionOptions;
+            const definitionWithCaseDefinitionOptions = this.formMappingService.mapComponents(this.formDefinition$.getValue(), this.mapCaseDefinitionKeyComponent);
+            this.formDefinition$.next(definitionWithCaseDefinitionOptions);
+            if ((_a = this.properties) === null || _a === void 0 ? void 0 : _a.aanvragerRolTypeUrl) {
+                this.prefillForm();
+            }
+        }))
+            .subscribe();
+    }
+    loadConnectorNames() {
+        this.connectorManagementService
+            .getConnectorTypes()
+            .pipe(tap(res => {
+            res.forEach(connectorType => {
+                if (connectorType.name === 'ObjectsApi') {
+                    this.loadConnectorNamesByType('objectApiConnectorNames', connectorType.id);
+                }
+                else if (connectorType.name === 'OpenNotificatie') {
+                    this.loadConnectorNamesByType('openNotificatieConnectorNames', connectorType.id);
+                }
+            });
+        }))
+            .subscribe();
+    }
+    loadConnectorNamesByType(windowKey, connectorTypeId) {
+        this.connectorManagementService
+            .getConnectorInstancesByType(connectorTypeId)
+            .pipe(map(res => (window[windowKey] = res.content.map(connector => connector.name))))
+            .subscribe();
+    }
+    openDeleteSubscription() {
+        this.deleteSubscription = this.stateService.delete$.subscribe(() => {
+            this.onDelete();
+        });
+    }
+}
+EditProductAanvragenConnectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: EditProductAanvragenConnectorComponent, deps: [{ token: i1$1.FormTranslationService }, { token: i1$1.FormMappingService }, { token: i2$3.DocumentService }, { token: i2$1.TranslateService }, { token: ConnectorManagementService }, { token: ConnectorManagementStateService }], target: i0.ɵɵFactoryTarget.Component });
+EditProductAanvragenConnectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: EditProductAanvragenConnectorComponent, selector: "valtimo-edit-product-aanvragen-connector", inputs: { properties: "properties", defaultName: "defaultName", showDeleteButton: "showDeleteButton" }, outputs: { propertiesSave: "propertiesSave", connectorDelete: "connectorDelete" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2021 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF 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\n  *ngIf=\"translatedFormDefinition$ | async as definition\"\n  class=\"edit-product-request\"\n  [ngClass]=\"{'has-delete': showDeleteButton}\"\n>\n  <valtimo-form-io\n    [form]=\"definition\"\n    [formRefresh$]=\"formRefresh$\"\n    [options]=\"options\"\n    (submit)=\"onSubmit($event)\"\n  >\n  </valtimo-form-io>\n\n  <button *ngIf=\"showDeleteButton\" class=\"btn btn-danger btn-space\" (click)=\"onDelete()\">\n    <i class=\"icon mdi mdi-delete mr-1\"></i>\n    {{ 'connectorManagement.remove' | translate }}\n  </button>\n</div>\n", styles: ["/*!\n * Copyright 2015-2021 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.edit-product-request ::ng-deep .btn-wizard-nav-cancel{display:none}.edit-product-request ::ng-deep .list-inline{display:flex;flex-direction:row;justify-content:flex-end}.edit-product-request ::ng-deep .col-sm-2{flex:0 0 25%;max-width:25%}.edit-product-request ::ng-deep .edit-grid-component>label{display:none}.edit-product-request.has-delete ::ng-deep .list-inline{margin-bottom:-30px}.edit-product-request .btn-danger{position:relative}\n"], components: [{ type: i6$1.FormioComponent, selector: "valtimo-form-io", inputs: ["form", "options", "submission", "formRefresh$"], outputs: ["submit", "change"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i8.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }], pipes: { "async": i6.AsyncPipe, "translate": i2$1.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: EditProductAanvragenConnectorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-edit-product-aanvragen-connector', template: "<!--\n  ~ Copyright 2015-2021 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF 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\n  *ngIf=\"translatedFormDefinition$ | async as definition\"\n  class=\"edit-product-request\"\n  [ngClass]=\"{'has-delete': showDeleteButton}\"\n>\n  <valtimo-form-io\n    [form]=\"definition\"\n    [formRefresh$]=\"formRefresh$\"\n    [options]=\"options\"\n    (submit)=\"onSubmit($event)\"\n  >\n  </valtimo-form-io>\n\n  <button *ngIf=\"showDeleteButton\" class=\"btn btn-danger btn-space\" (click)=\"onDelete()\">\n    <i class=\"icon mdi mdi-delete mr-1\"></i>\n    {{ 'connectorManagement.remove' | translate }}\n  </button>\n</div>\n", styles: ["/*!\n * Copyright 2015-2021 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.edit-product-request ::ng-deep .btn-wizard-nav-cancel{display:none}.edit-product-request ::ng-deep .list-inline{display:flex;flex-direction:row;justify-content:flex-end}.edit-product-request ::ng-deep .col-sm-2{flex:0 0 25%;max-width:25%}.edit-product-request ::ng-deep .edit-grid-component>label{display:none}.edit-product-request.has-delete ::ng-deep .list-inline{margin-bottom:-30px}.edit-product-request .btn-danger{position:relative}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$1.FormTranslationService }, { type: i1$1.FormMappingService }, { type: i2$3.DocumentService }, { type: i2$1.TranslateService }, { type: ConnectorManagementService }, { type: ConnectorManagementStateService }]; }, propDecorators: { properties: [{
+                type: Input
+            }], defaultName: [{
+                type: Input
+            }], showDeleteButton: [{
+                type: Input
+            }], propertiesSave: [{
+                type: Output
+            }], connectorDelete: [{
+                type: Output
+            }] } });
+
+const editTaakConnectorForm = {
+    components: [
+        {
+            label: 'connectorForm.taak.name',
+            tableView: false,
+            validate: {
+                required: true,
+            },
+            key: 'connectorName',
+            type: 'textfield',
+            input: true,
+        },
+        {
+            label: 'connectorForm.taak.openNotificatieConnector.label',
+            widget: 'choicesjs',
+            tableView: false,
+            dataSrc: 'custom',
+            data: {
+                custom: "values = window['openNotificatieConnectorNames'] || []",
+            },
+            dataType: 'string',
+            clearOnRefresh: true,
+            key: 'openNotificatieConnectionName',
+            type: 'select',
+            input: true,
+            validate: {
+                required: true,
+            },
+            placeholder: 'connectorForm.taak.openNotificatieConnector.placeholder',
+        },
+        {
+            label: 'connectorForm.taak.objectsApiConnector.label',
+            widget: 'choicesjs',
+            tableView: false,
+            dataSrc: 'custom',
+            data: {
+                custom: "values = window['objectApiConnectorNames'] || []",
+            },
+            dataType: 'string',
+            clearOnRefresh: true,
+            key: 'objectsApiConnectionName',
+            type: 'select',
+            input: true,
+            validate: {
+                required: true,
+            },
+            placeholder: 'connectorForm.taak.objectsApiConnector.placeholder',
+        },
+        {
+            key: 'submit',
+            type: 'button',
+            customClass: 'list-inline',
+            leftIcon: 'icon mdi mdi-save mt-1',
+            input: true,
+            label: 'connectorManagement.save',
+            tableView: false,
+            disableOnInvalid: true,
+        },
+    ],
+};
+
+/*
+ * Copyright 2015-2022 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 EditTaakConnectorComponent {
+    constructor(formTranslationService, formMappingService, translateService, connectorManagementService, stateService) {
+        this.formTranslationService = formTranslationService;
+        this.formMappingService = formMappingService;
+        this.translateService = translateService;
+        this.connectorManagementService = connectorManagementService;
+        this.stateService = stateService;
+        this.showDeleteButton = false;
+        this.propertiesSave = new EventEmitter();
+        this.connectorDelete = new EventEmitter();
+        this.formRefresh$ = new Subject();
+        this.formDefinition$ = new BehaviorSubject(undefined);
+        this.translatedFormDefinition$ = this.formDefinition$.pipe(map(definition => this.formTranslationService.translateForm(definition)));
+        this.options = {
+            disableAlerts: true,
+        };
+    }
+    ngOnInit() {
+        this.openFormDefinitionSubscription();
+        this.openDeleteSubscription();
+        this.formDefinition$.next(editTaakConnectorForm);
+        this.loadConnectorNames();
+        this.prefillForm();
+        this.stateService.hideModalSaveButton();
+    }
+    ngOnDestroy() {
+        var _a, _b, _c;
+        (_a = this.formDefinitionSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        (_b = this.translateSubscription) === null || _b === void 0 ? void 0 : _b.unsubscribe();
+        (_c = this.deleteSubscription) === null || _c === void 0 ? void 0 : _c.unsubscribe();
+    }
+    onSubmit(event) {
+        const submission = event.data;
+        const properties = cloneDeep(this.properties);
+        properties.objectsApiConnectionName = submission.objectsApiConnectionName;
+        properties.openNotificatieConnectionName = submission.openNotificatieConnectionName;
+        this.propertiesSave.emit({ properties, name: submission.connectorName });
+    }
+    onDelete() {
+        this.stateService.disableInput();
+        this.connectorDelete.emit();
+    }
+    openFormDefinitionSubscription() {
+        this.formDefinitionSubscription = combineLatest([
+            this.formDefinition$,
+            this.translateService.stream('key'),
+        ]).subscribe(([form]) => {
+            const translatedForm = this.formTranslationService.translateForm(form);
+            this.refreshForm({ form: translatedForm });
+        });
+    }
+    prefillForm() {
+        timer(100)
+            .pipe(tap(() => {
+            if (this.defaultName !== undefined) {
+                const properties = cloneDeep(this.properties);
+                const submission = {};
+                submission.objectsApiConnectionName = properties.objectsApiConnectionName;
+                submission.openNotificatieConnectionName = properties.openNotificatieConnectionName;
+                submission.connectorName = this.defaultName;
+                this.refreshForm({ submission: { data: submission } });
+            }
+        }))
+            .subscribe();
+    }
+    refreshForm(refreshValue) {
+        this.formRefresh$.next(refreshValue);
+    }
+    loadConnectorNames() {
+        this.connectorManagementService
+            .getConnectorTypes()
+            .pipe(tap(res => {
+            res.forEach(connectorType => {
+                if (connectorType.name === 'ObjectsApi') {
+                    this.loadConnectorNamesByType('objectApiConnectorNames', connectorType.id);
+                }
+                else if (connectorType.name === 'OpenNotificatie') {
+                    this.loadConnectorNamesByType('openNotificatieConnectorNames', connectorType.id);
+                }
+            });
+        }))
+            .subscribe();
+    }
+    loadConnectorNamesByType(windowKey, connectorTypeId) {
+        this.connectorManagementService
+            .getConnectorInstancesByType(connectorTypeId)
+            .pipe(map(res => (window[windowKey] = res.content.map(connector => connector.name))))
+            .subscribe();
+    }
+    openDeleteSubscription() {
+        this.deleteSubscription = this.stateService.delete$.subscribe(() => {
+            this.onDelete();
+        });
+    }
+}
+EditTaakConnectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: EditTaakConnectorComponent, deps: [{ token: i1$1.FormTranslationService }, { token: i1$1.FormMappingService }, { token: i2$1.TranslateService }, { token: ConnectorManagementService }, { token: ConnectorManagementStateService }], target: i0.ɵɵFactoryTarget.Component });
+EditTaakConnectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: EditTaakConnectorComponent, selector: "valtimo-edit-taak-connector", inputs: { properties: "properties", defaultName: "defaultName", showDeleteButton: "showDeleteButton" }, outputs: { propertiesSave: "propertiesSave", connectorDelete: "connectorDelete" }, 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\n  *ngIf=\"translatedFormDefinition$ | async as definition\"\n  class=\"edit-taak\"\n  [ngClass]=\"{'has-delete': showDeleteButton}\"\n>\n  <valtimo-form-io\n    [form]=\"definition\"\n    [formRefresh$]=\"formRefresh$\"\n    [options]=\"options\"\n    (submit)=\"onSubmit($event)\"\n  >\n  </valtimo-form-io>\n\n  <button *ngIf=\"showDeleteButton\" class=\"btn btn-danger btn-space\" (click)=\"onDelete()\">\n    <i class=\"icon mdi mdi-delete mr-1\"></i>\n    {{ 'connectorManagement.remove' | translate }}\n  </button>\n</div>\n", styles: ["/*!\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 */.edit-taak ::ng-deep .list-inline{display:flex;flex-direction:row;justify-content:flex-end}.edit-taak .btn-danger{position:absolute;bottom:35px}\n"], components: [{ type: i6$1.FormioComponent, selector: "valtimo-form-io", inputs: ["form", "options", "submission", "formRefresh$"], outputs: ["submit", "change"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i8.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }], pipes: { "async": i6.AsyncPipe, "translate": i2$1.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: EditTaakConnectorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-edit-taak-connector', 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\n  *ngIf=\"translatedFormDefinition$ | async as definition\"\n  class=\"edit-taak\"\n  [ngClass]=\"{'has-delete': showDeleteButton}\"\n>\n  <valtimo-form-io\n    [form]=\"definition\"\n    [formRefresh$]=\"formRefresh$\"\n    [options]=\"options\"\n    (submit)=\"onSubmit($event)\"\n  >\n  </valtimo-form-io>\n\n  <button *ngIf=\"showDeleteButton\" class=\"btn btn-danger btn-space\" (click)=\"onDelete()\">\n    <i class=\"icon mdi mdi-delete mr-1\"></i>\n    {{ 'connectorManagement.remove' | translate }}\n  </button>\n</div>\n", styles: ["/*!\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 */.edit-taak ::ng-deep .list-inline{display:flex;flex-direction:row;justify-content:flex-end}.edit-taak .btn-danger{position:absolute;bottom:35px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$1.FormTranslationService }, { type: i1$1.FormMappingService }, { type: i2$1.TranslateService }, { type: ConnectorManagementService }, { type: ConnectorManagementStateService }]; }, propDecorators: { properties: [{
+                type: Input
+            }], defaultName: [{
+                type: Input
+            }], showDeleteButton: [{
+                type: Input
+            }], propertiesSave: [{
+                type: Output
+            }], connectorDelete: [{
+                type: Output
+            }] } });
+
+/*
+ * 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 EditConnectorFormComponent {
+    constructor() {
+        this.withDefaults = false;
+        this.showDeleteButton = false;
+        this.showSaveButton = true;
+        this.propertiesSave = new EventEmitter();
+        this.connectorDelete = new EventEmitter();
+        this.productAanvragenName = 'ProductAanvragen';
+        this.taakName = 'Taak';
+        this.customConnectorNames = [this.productAanvragenName, this.taakName];
+    }
+}
+EditConnectorFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: EditConnectorFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+EditConnectorFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: EditConnectorFormComponent, selector: "valtimo-edit-connector-form", inputs: { properties: "properties", withDefaults: "withDefaults", showDeleteButton: "showDeleteButton", showSaveButton: "showSaveButton", defaultName: "defaultName", connectorName: "connectorName" }, outputs: { propertiesSave: "propertiesSave", connectorDelete: "connectorDelete" }, 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<valtimo-edit-connector-properties\n  *ngIf=\"!customConnectorNames.includes(connectorName)\"\n  [properties]=\"properties\"\n  [withDefaults]=\"withDefaults\"\n  [defaultName]=\"defaultName\"\n  [showDeleteButton]=\"showDeleteButton\"\n  (propertiesSave)=\"propertiesSave.emit($event)\"\n  (connectorDelete)=\"connectorDelete.emit()\"\n  [showSaveButton]=\"showSaveButton\"\n>\n</valtimo-edit-connector-properties>\n\n<valtimo-edit-product-aanvragen-connector\n  *ngIf=\"connectorName === productAanvragenName\"\n  [defaultName]=\"defaultName\"\n  [properties]=\"properties\"\n  [showDeleteButton]=\"showDeleteButton\"\n  (propertiesSave)=\"propertiesSave.emit($event)\"\n  (connectorDelete)=\"connectorDelete.emit()\"\n>\n</valtimo-edit-product-aanvragen-connector>\n\n<valtimo-edit-taak-connector\n  *ngIf=\"connectorName === taakName\"\n  [defaultName]=\"defaultName\"\n  [properties]=\"properties\"\n  [showDeleteButton]=\"showDeleteButton\"\n  (propertiesSave)=\"propertiesSave.emit($event)\"\n  (connectorDelete)=\"connectorDelete.emit()\"\n>\n</valtimo-edit-taak-connector>\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"], components: [{ type: EditConnectorPropertiesComponent, selector: "valtimo-edit-connector-properties", inputs: ["properties", "withDefaults", "showDeleteButton", "showSaveButton", "defaultName"], outputs: ["propertiesSave", "connectorDelete"] }, { type: EditProductAanvragenConnectorComponent, selector: "valtimo-edit-product-aanvragen-connector", inputs: ["properties", "defaultName", "showDeleteButton"], outputs: ["propertiesSave", "connectorDelete"] }, { type: EditTaakConnectorComponent, selector: "valtimo-edit-taak-connector", inputs: ["properties", "defaultName", "showDeleteButton"], outputs: ["propertiesSave", "connectorDelete"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: EditConnectorFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-edit-connector-form', 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<valtimo-edit-connector-properties\n  *ngIf=\"!customConnectorNames.includes(connectorName)\"\n  [properties]=\"properties\"\n  [withDefaults]=\"withDefaults\"\n  [defaultName]=\"defaultName\"\n  [showDeleteButton]=\"showDeleteButton\"\n  (propertiesSave)=\"propertiesSave.emit($event)\"\n  (connectorDelete)=\"connectorDelete.emit()\"\n  [showSaveButton]=\"showSaveButton\"\n>\n</valtimo-edit-connector-properties>\n\n<valtimo-edit-product-aanvragen-connector\n  *ngIf=\"connectorName === productAanvragenName\"\n  [defaultName]=\"defaultName\"\n  [properties]=\"properties\"\n  [showDeleteButton]=\"showDeleteButton\"\n  (propertiesSave)=\"propertiesSave.emit($event)\"\n  (connectorDelete)=\"connectorDelete.emit()\"\n>\n</valtimo-edit-product-aanvragen-connector>\n\n<valtimo-edit-taak-connector\n  *ngIf=\"connectorName === taakName\"\n  [defaultName]=\"defaultName\"\n  [properties]=\"properties\"\n  [showDeleteButton]=\"showDeleteButton\"\n  (propertiesSave)=\"propertiesSave.emit($event)\"\n  (connectorDelete)=\"connectorDelete.emit()\"\n>\n</valtimo-edit-taak-connector>\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"] }]
+        }], propDecorators: { properties: [{
+                type: Input
+            }], withDefaults: [{
+                type: Input
+            }], showDeleteButton: [{
+                type: Input
+            }], showSaveButton: [{
+                type: Input
+            }], defaultName: [{
+                type: Input
+            }], connectorName: [{
+                type: Input
+            }], propertiesSave: [{
+                type: Output
+            }], connectorDelete: [{
+                type: Output
+            }] } });
+
+/*
+ * 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 ModifyConnectorComponent {
+    constructor(connectorManagementService, stateService, alertService, translateService) {
+        this.connectorManagementService = connectorManagementService;
+        this.stateService = stateService;
+        this.alertService = alertService;
+        this.translateService = translateService;
+        this.showSaveButton = true;
+        this.showDeleteButton = true;
+        this.instance$ = this.stateService.selectedInstance$;
+    }
+    onSave(event) {
+        this.stateService.disableInput();
+        this.instance$.pipe(take(1)).subscribe(instance => {
+            this.connectorManagementService
+                .updateConnectorInstance({
+                name: event.name,
+                typeId: instance.type.id,
+                id: instance.id,
+                connectorProperties: event.properties,
+            })
+                .subscribe(() => {
+                this.alertService.success(this.translateService.instant('connectorManagement.messages.modifySuccess'));
+                this.stateService.hideModal();
+                this.stateService.enableInput();
+                this.stateService.refresh();
+            }, () => {
+                this.stateService.enableInput();
+            });
+        });
+    }
+    onDelete() {
+        this.stateService.disableInput();
+        this.instance$.pipe(take(1)).subscribe(instance => {
+            this.connectorManagementService.deleteConnectorInstance(instance.id).subscribe(() => {
+                this.alertService.success(this.translateService.instant('connectorManagement.messages.deleteSuccess'));
+                this.stateService.hideModal();
+                this.stateService.enableInput();
+                this.stateService.refresh();
+            }, () => {
+                this.stateService.enableInput();
+            });
+        });
+    }
+}
+ModifyConnectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ModifyConnectorComponent, deps: [{ token: ConnectorManagementService }, { token: ConnectorManagementStateService }, { token: i6$1.AlertService }, { token: i2$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+ModifyConnectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: ModifyConnectorComponent, selector: "valtimo-modify-connector", inputs: { showSaveButton: "showSaveButton", showDeleteButton: "showDeleteButton" }, 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<valtimo-edit-connector-form\n  *ngIf=\"instance$ | async as instance\"\n  [properties]=\"instance.properties\"\n  [withDefaults]=\"true\"\n  [defaultName]=\"instance.name\"\n  [showDeleteButton]=\"showDeleteButton\"\n  [connectorName]=\"instance.type.name\"\n  [showSaveButton]=\"showSaveButton\"\n  (propertiesSave)=\"onSave($event)\"\n  (connectorDelete)=\"onDelete()\"\n>\n</valtimo-edit-connector-form>\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"], components: [{ type: EditConnectorFormComponent, selector: "valtimo-edit-connector-form", inputs: ["properties", "withDefaults", "showDeleteButton", "showSaveButton", "defaultName", "connectorName"], outputs: ["propertiesSave", "connectorDelete"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i6.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ModifyConnectorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-modify-connector', 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<valtimo-edit-connector-form\n  *ngIf=\"instance$ | async as instance\"\n  [properties]=\"instance.properties\"\n  [withDefaults]=\"true\"\n  [defaultName]=\"instance.name\"\n  [showDeleteButton]=\"showDeleteButton\"\n  [connectorName]=\"instance.type.name\"\n  [showSaveButton]=\"showSaveButton\"\n  (propertiesSave)=\"onSave($event)\"\n  (connectorDelete)=\"onDelete()\"\n>\n</valtimo-edit-connector-form>\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: ConnectorManagementService }, { type: ConnectorManagementStateService }, { type: i6$1.AlertService }, { type: i2$1.TranslateService }]; }, propDecorators: { showSaveButton: [{
+                type: Input
+            }], showDeleteButton: [{
+                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 AddConnectorSelectComponent {
+    constructor(connectorManagementService, stateService, translateService) {
+        this.connectorManagementService = connectorManagementService;
+        this.stateService = stateService;
+        this.translateService = translateService;
+        this.selectedConnector$ = this.stateService.selectedConnector$;
+        this.disabled$ = this.stateService.inputDisabled$;
+        this.connectorTypes$ = this.stateService.connectorTypes$;
+    }
+    ngOnInit() {
+        this.openRefreshSubscription();
+        this.getConnectorTypes();
+    }
+    ngOnDestroy() {
+        var _a;
+        (_a = this.refreshSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+    }
+    selectConnector(connectorType) {
+        this.stateService.setSelectedConnectorType(connectorType);
+    }
+    deselectConnector() {
+        this.stateService.clearSelectedConnector();
+    }
+    getConnectorTypes() {
+        this.connectorManagementService.getConnectorTypes().subscribe(connectorTypes => {
+            this.stateService.setConnectorTypes(connectorTypes);
+        });
+    }
+    openRefreshSubscription() {
+        this.refreshSubscription = combineLatest([
+            this.stateService.showModal$,
+            this.stateService.refresh$,
+        ]).subscribe(() => {
+            this.deselectConnector();
+        });
+    }
+}
+AddConnectorSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: AddConnectorSelectComponent, deps: [{ token: ConnectorManagementService }, { token: ConnectorManagementStateService }, { token: i2$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+AddConnectorSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: AddConnectorSelectComponent, selector: "valtimo-add-connector-select", 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<ng-container *ngIf=\"connectorTypes$ | async as connectorTypes; else loading\">\n  <div fxLayout=\"row wrap\" fxLayoutGap=\"22px grid\">\n    <div fxFlex=\"33.3%\" *ngFor=\"let connectorType of connectorTypes\">\n      <v-card\n        [titleTranslationKey]=\"'connector.' + connectorType.name + '.title'\"\n        [descriptionTranslationKey]=\"'connector.' + connectorType.name + '.description'\"\n        [selectable]=\"true\"\n        [selected]=\"(selectedConnector$ | async)?.name === connectorType.name\"\n        [fullHeight]=\"true\"\n        (selectEvent)=\"selectConnector(connectorType)\"\n        (deselectEvent)=\"deselectConnector()\"\n      ></v-card>\n    </div>\n  </div>\n</ng-container>\n\n<ng-template #loading>\n  <div fxLayout=\"row wrap\" fxLayoutGap=\"22px grid\">\n    <ng-container *ngTemplateOutlet=\"loadingCard\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"loadingCard\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"loadingCard\"></ng-container>\n  </div>\n</ng-template>\n\n<ng-template #loadingCard>\n  <div fxFlex=\"33.3%\">\n    <v-card [loading]=\"true\" [loadingDescription]=\"true\" [loadingTitle]=\"true\"></v-card>\n  </div>\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 */.btn-back{position:absolute}.cards-container{display:flex;flex-flow:row wrap;width:100%}.card{width:calc(33.3% - 20px);margin-right:30px}.card:nth-child(3n+3){margin-right:0}.card-header{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"], components: [{ type: i2$2.CardComponent, selector: "v-card", inputs: ["titleTranslationKey", "title", "descriptionTranslationKey", "description", "selectable", "selected", "fullHeight", "loading", "loadingTitle", "loadingDescription"], outputs: ["selectEvent", "deselectEvent"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6$2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i6$2.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6$2.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i6.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: AddConnectorSelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-add-connector-select', 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<ng-container *ngIf=\"connectorTypes$ | async as connectorTypes; else loading\">\n  <div fxLayout=\"row wrap\" fxLayoutGap=\"22px grid\">\n    <div fxFlex=\"33.3%\" *ngFor=\"let connectorType of connectorTypes\">\n      <v-card\n        [titleTranslationKey]=\"'connector.' + connectorType.name + '.title'\"\n        [descriptionTranslationKey]=\"'connector.' + connectorType.name + '.description'\"\n        [selectable]=\"true\"\n        [selected]=\"(selectedConnector$ | async)?.name === connectorType.name\"\n        [fullHeight]=\"true\"\n        (selectEvent)=\"selectConnector(connectorType)\"\n        (deselectEvent)=\"deselectConnector()\"\n      ></v-card>\n    </div>\n  </div>\n</ng-container>\n\n<ng-template #loading>\n  <div fxLayout=\"row wrap\" fxLayoutGap=\"22px grid\">\n    <ng-container *ngTemplateOutlet=\"loadingCard\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"loadingCard\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"loadingCard\"></ng-container>\n  </div>\n</ng-template>\n\n<ng-template #loadingCard>\n  <div fxFlex=\"33.3%\">\n    <v-card [loading]=\"true\" [loadingDescription]=\"true\" [loadingTitle]=\"true\"></v-card>\n  </div>\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 */.btn-back{position:absolute}.cards-container{display:flex;flex-flow:row wrap;width:100%}.card{width:calc(33.3% - 20px);margin-right:30px}.card:nth-child(3n+3){margin-right:0}.card-header{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"] }]
+        }], ctorParameters: function () { return [{ type: ConnectorManagementService }, { type: ConnectorManagementStateService }, { type: i2$1.TranslateService }]; } });
+
+/*
+ * 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 AddConnectorConfigureComponent {
+    constructor(connectorManagementService, stateService, alertService, translateService) {
+        this.connectorManagementService = connectorManagementService;
+        this.stateService = stateService;
+        this.alertService = alertService;
+        this.translateService = translateService;
+        this.showSaveButton = true;
+        this.selectedConnector$ = this.stateService.selectedConnector$;
+        this.disabled$ = this.stateService.inputDisabled$;
+        this.connectorTypes$ = this.stateService.connectorTypes$;
+    }
+    selectConnector(connectorType) {
+        this.stateService.setSelectedConnectorType(connectorType);
+    }
+    onSave(event) {
+        this.stateService.disableInput();
+        this.selectedConnector$.pipe(take(1)).subscribe(selectedConnectorType => {
+            this.connectorManagementService
+                .createConnectorInstance({
+                name: event.name,
+                typeId: selectedConnectorType.id,
+                connectorProperties: event.properties,
+            })
+                .subscribe(() => {
+                this.alertService.success(this.translateService.instant('connectorManagement.messages.addSuccess'));
+                this.stateService.hideModal();
+                this.stateService.enableInput();
+                this.stateService.refresh();
+            }, () => {
+                this.stateService.enableInput();
+            });
+        });
+    }
+}
+AddConnectorConfigureComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: AddConnectorConfigureComponent, deps: [{ token: ConnectorManagementService }, { token: ConnectorManagementStateService }, { token: i6$1.AlertService }, { token: i2$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+AddConnectorConfigureComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: AddConnectorConfigureComponent, selector: "valtimo-add-connector-configure", inputs: { showSaveButton: "showSaveButton" }, 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<valtimo-edit-connector-form\n  *ngIf=\"selectedConnector$ | async as connector\"\n  [connectorName]=\"connector.name\"\n  [properties]=\"(selectedConnector$ | async).properties\"\n  (propertiesSave)=\"onSave($event)\"\n  [showSaveButton]=\"showSaveButton\"\n>\n</valtimo-edit-connector-form>\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 */.btn-back{position:absolute}.cards-container{display:flex;flex-flow:row wrap;width:100%}.card{width:calc(33.3% - 20px);margin-right:30px}.card:nth-child(3n+3){margin-right:0}.card-header{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"], components: [{ type: EditConnectorFormComponent, selector: "valtimo-edit-connector-form", inputs: ["properties", "withDefaults", "showDeleteButton", "showSaveButton", "defaultName", "connectorName"], outputs: ["propertiesSave", "connectorDelete"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i6.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: AddConnectorConfigureComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-add-connector-configure', 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<valtimo-edit-connector-form\n  *ngIf=\"selectedConnector$ | async as connector\"\n  [connectorName]=\"connector.name\"\n  [properties]=\"(selectedConnector$ | async).properties\"\n  (propertiesSave)=\"onSave($event)\"\n  [showSaveButton]=\"showSaveButton\"\n>\n</valtimo-edit-connector-form>\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 */.btn-back{position:absolute}.cards-container{display:flex;flex-flow:row wrap;width:100%}.card{width:calc(33.3% - 20px);margin-right:30px}.card:nth-child(3n+3){margin-right:0}.card-header{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"] }]
+        }], ctorParameters: function () { return [{ type: ConnectorManagementService }, { type: ConnectorManagementStateService }, { type: i6$1.AlertService }, { type: i2$1.TranslateService }]; }, propDecorators: { showSaveButton: [{
+                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 ConnectorModalComponent {
+    constructor(stateService, modalService) {
+        this.stateService = stateService;
+        this.modalService = modalService;
+        this.connectorTypeSelected$ = this.stateService.selectedConnector$;
+        this.saveButtonDisabled$ = this.stateService.saveButtonDisabled$;
+        this.inputDisabled$ = this.stateService.inputDisabled$;
+        this.hideModalSaveButton$ = this.stateService.hideModalSaveButton$;
+        this.returnToFirstStepSubject$ = new Subject();
+    }
+    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.stateService.disableInput();
+        this.modalService.closeModal();
+        this.modalService.appearingDelayMs$.pipe(take(1)).subscribe(appearingDelay => {
+            setTimeout(() => {
+                this.returnToFirstStep();
+                this.stateService.enableInput();
+                this.stateService.clearSelectedConnector();
+            }, appearingDelay);
+        });
+    }
+    complete() {
+        this.stateService.save();
+    }
+    delete() {
+        this.stateService.delete();
+    }
+    openShowSubscription() {
+        this.showSubscription = this.stateService.showModal$.subscribe(() => {
+            this.show();
+        });
+    }
+    openHideSubscription() {
+        this.hideSubscription = this.stateService.hideModal$.subscribe(() => {
+            this.hide();
+        });
+    }
+    returnToFirstStep() {
+        this.returnToFirstStepSubject$.next(true);
+    }
+    show() {
+        this.stateService.modalType$.pipe(take(1)).subscribe(modalType => {
+            if (modalType === 'add') {
+                this.modalService.openModal(this.connectorCreateModal);
+            }
+            else if (modalType === 'modify') {
+                this.modalService.openModal(this.connectorEditModal);
+            }
+        });
+    }
+}
+ConnectorModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ConnectorModalComponent, deps: [{ token: ConnectorManagementStateService }, { token: i2$2.ModalService }], target: i0.ɵɵFactoryTarget.Component });
+ConnectorModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: ConnectorModalComponent, selector: "valtimo-connector-modal", viewQueries: [{ propertyName: "connectorCreateModal", first: true, predicate: ["connectorCreateModal"], descendants: true }, { propertyName: "connectorEditModal", first: true, predicate: ["connectorEditModal"], 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 #connectorEditModal>\n  <div role=\"header\">\n    <div class=\"edit-connector-title\">\n      <v-title [margin]=\"false\">{{ 'connectorManagement.modify' | translate }}</v-title>\n    </div>\n  </div>\n  <div role=\"content\">\n    <valtimo-modify-connector\n      [showSaveButton]=\"false\"\n      [showDeleteButton]=\"false\"\n    ></valtimo-modify-connector>\n  </div>\n  <div role=\"footer\">\n    <div class=\"edit-connector-buttons\">\n      <v-button\n        [disabled]=\"inputDisabled$ | async\"\n        (clickEvent)=\"delete()\"\n        [mdiIcon]=\"'delete'\"\n        type=\"danger\"\n        >{{ 'connectorManagement.remove' | translate }}</v-button\n      >\n      <v-button\n        *ngIf=\"(hideModalSaveButton$ | async) === false\"\n        [disabled]=\"(saveButtonDisabled$ | async) || (inputDisabled$ | async)\"\n        (clickEvent)=\"complete()\"\n        [mdiIcon]=\"'check'\"\n        type=\"success\"\n        >{{ 'connectorManagement.save' | translate }}</v-button\n      >\n    </div>\n  </div>\n</v-modal>\n\n<v-stepper-container\n  (completeEvent)=\"complete()\"\n  (cancelClickEvent)=\"hide()\"\n  [disabled]=\"inputDisabled$ | async\"\n  [returnToFirstStepSubject$]=\"returnToFirstStepSubject$\"\n>\n  <v-modal #connectorCreateModal (closeEvent)=\"hide()\">\n    <div role=\"header\">\n      <v-stepper-header></v-stepper-header>\n    </div>\n    <div role=\"content\">\n      <v-stepper-content>\n        <v-stepper-step titleTranslationKey=\"addConnectorSteps.step0\">\n          <valtimo-add-connector-select></valtimo-add-connector-select>\n        </v-stepper-step>\n        <v-stepper-step titleTranslationKey=\"addConnectorSteps.step1\">\n          <valtimo-add-connector-configure\n            [showSaveButton]=\"false\"\n          ></valtimo-add-connector-configure>\n        </v-stepper-step>\n      </v-stepper-content>\n    </div>\n    <div role=\"footer\">\n      <v-stepper-footer>\n        <v-stepper-footer-step\n          nextButtonTranslationKey=\"addConnectorSteps.step1\"\n          [nextButtonEnabled]=\"connectorTypeSelected$ | async\"\n        ></v-stepper-footer-step>\n        <v-stepper-footer-step\n          completeButtonTranslationKey=\"addConnectorSteps.complete\"\n          [completeButtonEnabled]=\"(saveButtonDisabled$ | async) === false\"\n          [showCompleteButton]=\"(hideModalSaveButton$ | async) === false\"\n        ></v-stepper-footer-step>\n      </v-stepper-footer>\n    </div>\n  </v-modal>\n</v-stepper-container>\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 */.edit-connector-buttons,.edit-connector-title{width:100%;display:flex;flex-direction:row;justify-content:space-between}.edit-connector-title{justify-content:center}\n"], components: [{ type: i2$2.ModalComponent, selector: "v-modal", inputs: ["appearingDelayMs", "maxWidthPx"], outputs: ["closeEvent"] }, { type: i2$2.TitleComponent, selector: "v-title", inputs: ["type", "margin"] }, { type: ModifyConnectorComponent, selector: "valtimo-modify-connector", inputs: ["showSaveButton", "showDeleteButton"] }, { type: i2$2.ButtonComponent, selector: "v-button", inputs: ["type", "mdiIcon", "disabled"], outputs: ["clickEvent"] }, { type: i2$2.StepperContainerComponent, selector: "v-stepper-container", inputs: ["returnToFirstStepSubject$", "disabled"], outputs: ["cancelClickEvent", "completeEvent", "nextStepEvent"] }, { type: i2$2.StepperHeaderComponent, selector: "v-stepper-header" }, { type: i2$2.StepperContentComponent, selector: "v-stepper-content" }, { type: i2$2.StepperStepComponent, selector: "v-stepper-step", inputs: ["titleTranslationKey"] }, { type: AddConnectorSelectComponent, selector: "valtimo-add-connector-select" }, { type: AddConnectorConfigureComponent, selector: "valtimo-add-connector-configure", inputs: ["showSaveButton"] }, { type: i2$2.StepperFooterComponent, selector: "v-stepper-footer" }, { type: i2$2.StepperFooterStepComponent, selector: "v-stepper-footer-step", inputs: ["nextButtonEnabled", "completeButtonEnabled", "nextButtonTranslationKey", "cancelButtonTranslationKey", "completeButtonTranslationKey", "completeButtonMdiIcon", "showCompleteButton"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i2$1.TranslatePipe, "async": i6.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ConnectorModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-connector-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 #connectorEditModal>\n  <div role=\"header\">\n    <div class=\"edit-connector-title\">\n      <v-title [margin]=\"false\">{{ 'connectorManagement.modify' | translate }}</v-title>\n    </div>\n  </div>\n  <div role=\"content\">\n    <valtimo-modify-connector\n      [showSaveButton]=\"false\"\n      [showDeleteButton]=\"false\"\n    ></valtimo-modify-connector>\n  </div>\n  <div role=\"footer\">\n    <div class=\"edit-connector-buttons\">\n      <v-button\n        [disabled]=\"inputDisabled$ | async\"\n        (clickEvent)=\"delete()\"\n        [mdiIcon]=\"'delete'\"\n        type=\"danger\"\n        >{{ 'connectorManagement.remove' | translate }}</v-button\n      >\n      <v-button\n        *ngIf=\"(hideModalSaveButton$ | async) === false\"\n        [disabled]=\"(saveButtonDisabled$ | async) || (inputDisabled$ | async)\"\n        (clickEvent)=\"complete()\"\n        [mdiIcon]=\"'check'\"\n        type=\"success\"\n        >{{ 'connectorManagement.save' | translate }}</v-button\n      >\n    </div>\n  </div>\n</v-modal>\n\n<v-stepper-container\n  (completeEvent)=\"complete()\"\n  (cancelClickEvent)=\"hide()\"\n  [disabled]=\"inputDisabled$ | async\"\n  [returnToFirstStepSubject$]=\"returnToFirstStepSubject$\"\n>\n  <v-modal #connectorCreateModal (closeEvent)=\"hide()\">\n    <div role=\"header\">\n      <v-stepper-header></v-stepper-header>\n    </div>\n    <div role=\"content\">\n      <v-stepper-content>\n        <v-stepper-step titleTranslationKey=\"addConnectorSteps.step0\">\n          <valtimo-add-connector-select></valtimo-add-connector-select>\n        </v-stepper-step>\n        <v-stepper-step titleTranslationKey=\"addConnectorSteps.step1\">\n          <valtimo-add-connector-configure\n            [showSaveButton]=\"false\"\n          ></valtimo-add-connector-configure>\n        </v-stepper-step>\n      </v-stepper-content>\n    </div>\n    <div role=\"footer\">\n      <v-stepper-footer>\n        <v-stepper-footer-step\n          nextButtonTranslationKey=\"addConnectorSteps.step1\"\n          [nextButtonEnabled]=\"connectorTypeSelected$ | async\"\n        ></v-stepper-footer-step>\n        <v-stepper-footer-step\n          completeButtonTranslationKey=\"addConnectorSteps.complete\"\n          [completeButtonEnabled]=\"(saveButtonDisabled$ | async) === false\"\n          [showCompleteButton]=\"(hideModalSaveButton$ | async) === false\"\n        ></v-stepper-footer-step>\n      </v-stepper-footer>\n    </div>\n  </v-modal>\n</v-stepper-container>\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 */.edit-connector-buttons,.edit-connector-title{width:100%;display:flex;flex-direction:row;justify-content:space-between}.edit-connector-title{justify-content:center}\n"] }]
+        }], ctorParameters: function () { return [{ type: ConnectorManagementStateService }, { type: i2$2.ModalService }]; }, propDecorators: { connectorCreateModal: [{
+                type: ViewChild,
+                args: ['connectorCreateModal']
+            }], connectorEditModal: [{
+                type: ViewChild,
+                args: ['connectorEditModal']
+            }] } });
+
+/*
+ * 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 ConnectorManagementComponent {
+    constructor(connectorManagementService, translateService, stateService) {
+        this.connectorManagementService = connectorManagementService;
+        this.translateService = translateService;
+        this.stateService = stateService;
+        this.loading$ = new BehaviorSubject(true);
+        this.fields$ = new BehaviorSubject([]);
+        this.columns$ = this.fields$.pipe(map(fields => fields.map(field => ({
+            dataKey: field.key,
+            labelTranslationKey: field.label,
+        }))));
+        this.currentPageAndSize$ = new BehaviorSubject({
+            page: 0,
+            size: 10,
+        });
+        this.pageSizes$ = new BehaviorSubject({
+            collectionSize: 0,
+            maxPaginationItemSize: 5,
+        });
+        this.pagination$ = combineLatest([
+            this.currentPageAndSize$,
+            this.pageSizes$,
+        ]).pipe(map(([currentPage, sizes]) => (Object.assign(Object.assign(Object.assign({}, currentPage), sizes), { page: currentPage.page + 1 }))));
+        this.connectorInstances$ = combineLatest([
+            this.currentPageAndSize$,
+            this.translateService.stream('key'),
+            this.stateService.refresh$,
+        ]).pipe(tap(() => this.setFields()), switchMap(([currentPage]) => combineLatest([
+            this.connectorManagementService.getConnectorInstances({
+                page: currentPage.page,
+                size: currentPage.size,
+            }),
+            this.connectorManagementService.getConnectorTypes(),
+        ])), tap(([instanceRes]) => {
+            this.pageSizes$.pipe(take(1)).subscribe(sizes => {
+                this.pageSizes$.next(Object.assign(Object.assign({}, sizes), { collectionSize: instanceRes.totalElements }));
+            });
+        }), map(([instanceRes, typesRes]) => instanceRes.content.map(instance => {
+            var _a;
+            return (Object.assign(Object.assign({}, instance), { typeName: (_a = typesRes.find(type => type.id === instance.type.id)) === null || _a === void 0 ? void 0 : _a.name }));
+        })), tap(() => this.loading$.next(false)));
+    }
+    ngOnDestroy() {
+        this.stateService.hideModal();
+    }
+    paginationClicked(newPageNumber) {
+        this.currentPageAndSize$.pipe(take(1)).subscribe(currentPage => {
+            this.currentPageAndSize$.next(Object.assign(Object.assign({}, currentPage), { page: newPageNumber - 1 }));
+        });
+    }
+    paginationSet(newPageSize) {
+        if (newPageSize) {
+            this.currentPageAndSize$.pipe(take(1)).subscribe(currentPage => {
+                this.currentPageAndSize$.next(Object.assign(Object.assign({}, currentPage), { size: newPageSize }));
+            });
+        }
+    }
+    rowClicked(instance) {
+        this.stateService.setModalType('modify');
+        this.stateService.setConnectorInstance(instance);
+        this.stateService.showModal();
+    }
+    showAddModal() {
+        this.stateService.setModalType('add');
+        this.stateService.showModal();
+    }
+    setFields() {
+        const keys = ['name', 'typeName'];
+        this.fields$.next(keys.map(key => ({ label: `connectorManagement.labels.${key}`, key })));
+    }
+}
+ConnectorManagementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ConnectorManagementComponent, deps: [{ token: ConnectorManagementService }, { token: i2$1.TranslateService }, { token: ConnectorManagementStateService }], target: i0.ɵɵFactoryTarget.Component });
+ConnectorManagementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: ConnectorManagementComponent, selector: "valtimo-connector-management", 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-page-container\n  *ngIf=\"{\n    connectorInstances: connectorInstances$ | async,\n    fields: fields$ | async,\n    columns: columns$ | async,\n    pagination: pagination$ | async,\n    loading: loading$ | async\n  } as obs\"\n>\n  <v-page-header>\n    <v-page-header-introduction>\n      <v-title>{{ 'pages.connectors.title' | translate }}</v-title>\n      <v-paragraph>{{ 'pages.connectors.description' | translate }}</v-paragraph>\n    </v-page-header-introduction>\n    <v-page-header-actions>\n      <v-button\n        (clickEvent)=\"showAddModal()\"\n        type=\"primary\"\n        mdiIcon=\"plus\"\n        [disabled]=\"obs.loading\"\n      >\n        {{ 'connectorManagement.add' | translate }}\n      </v-button>\n    </v-page-header-actions>\n  </v-page-header>\n  <v-page-content>\n    <v-table\n      [loading]=\"obs.loading\"\n      [items]=\"obs.connectorInstances\"\n      [columns]=\"obs.columns\"\n      [showEditButtons]=\"true\"\n      [amountOfLoadingRows]=\"2\"\n      [collectionSize]=\"obs.pagination.collectionSize\"\n      [maxPaginationItemSize]=\"obs.pagination.maxPaginationItemSize\"\n      [page]=\"obs.pagination.page\"\n      [size]=\"obs.pagination.size\"\n      [itemsTranslationKey]=\"'connectorManagement.tableItemsText'\"\n      (editButtonClicked)=\"rowClicked($event)\"\n      (paginationSizeSet)=\"paginationSet($event)\"\n      (paginationPageSet)=\"paginationClicked($event)\"\n    ></v-table>\n  </v-page-content>\n</v-page-container>\n\n<valtimo-connector-modal></valtimo-connector-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 */\n"], components: [{ type: i2$2.PageContainerComponent, selector: "v-page-container" }, { type: i2$2.PageHeaderComponent, selector: "v-page-header" }, { type: i2$2.PageHeaderIntroductionComponent, selector: "v-page-header-introduction" }, { type: i2$2.TitleComponent, selector: "v-title", inputs: ["type", "margin"] }, { type: i2$2.ParagraphComponent, selector: "v-paragraph" }, { type: i2$2.PageHeaderActionsComponent, selector: "v-page-header-actions" }, { type: i2$2.ButtonComponent, selector: "v-button", inputs: ["type", "mdiIcon", "disabled"], outputs: ["clickEvent"] }, { type: i2$2.PageContentComponent, selector: "v-page-content" }, { type: i2$2.TableComponent, selector: "v-table", inputs: ["items", "columns", "loading", "showEditButtons", "showPagination", "editButtonTranslationKey", "itemsTranslationKey", "mobileBreakpointPx", "amountOfLoadingRows", "collectionSize", "maxPaginationItemSize", "page", "size"], outputs: ["editButtonClicked", "paginationSizeSet", "paginationPageSet"] }, { type: ConnectorModalComponent, selector: "valtimo-connector-modal" }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i6.AsyncPipe, "translate": i2$1.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ConnectorManagementComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-connector-management', 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-page-container\n  *ngIf=\"{\n    connectorInstances: connectorInstances$ | async,\n    fields: fields$ | async,\n    columns: columns$ | async,\n    pagination: pagination$ | async,\n    loading: loading$ | async\n  } as obs\"\n>\n  <v-page-header>\n    <v-page-header-introduction>\n      <v-title>{{ 'pages.connectors.title' | translate }}</v-title>\n      <v-paragraph>{{ 'pages.connectors.description' | translate }}</v-paragraph>\n    </v-page-header-introduction>\n    <v-page-header-actions>\n      <v-button\n        (clickEvent)=\"showAddModal()\"\n        type=\"primary\"\n        mdiIcon=\"plus\"\n        [disabled]=\"obs.loading\"\n      >\n        {{ 'connectorManagement.add' | translate }}\n      </v-button>\n    </v-page-header-actions>\n  </v-page-header>\n  <v-page-content>\n    <v-table\n      [loading]=\"obs.loading\"\n      [items]=\"obs.connectorInstances\"\n      [columns]=\"obs.columns\"\n      [showEditButtons]=\"true\"\n      [amountOfLoadingRows]=\"2\"\n      [collectionSize]=\"obs.pagination.collectionSize\"\n      [maxPaginationItemSize]=\"obs.pagination.maxPaginationItemSize\"\n      [page]=\"obs.pagination.page\"\n      [size]=\"obs.pagination.size\"\n      [itemsTranslationKey]=\"'connectorManagement.tableItemsText'\"\n      (editButtonClicked)=\"rowClicked($event)\"\n      (paginationSizeSet)=\"paginationSet($event)\"\n      (paginationPageSet)=\"paginationClicked($event)\"\n    ></v-table>\n  </v-page-content>\n</v-page-container>\n\n<valtimo-connector-modal></valtimo-connector-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 */\n"] }]
+        }], ctorParameters: function () { return [{ type: ConnectorManagementService }, { type: i2$1.TranslateService }, { type: ConnectorManagementStateService }]; } });
+
+/*
+ * 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: 'connectors',
+        component: ConnectorManagementComponent,
+        canActivate: [AuthGuardService],
+        data: { title: 'Connectors', roles: [ROLE_ADMIN] },
+    },
+];
+class ConnectorManagementRoutingModule {
+}
+ConnectorManagementRoutingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ConnectorManagementRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ConnectorManagementRoutingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ConnectorManagementRoutingModule, imports: [CommonModule, i5.RouterModule], exports: [RouterModule] });
+ConnectorManagementRoutingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ConnectorManagementRoutingModule, imports: [[CommonModule, RouterModule.forChild(routes)], RouterModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ConnectorManagementRoutingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [CommonModule, RouterModule.forChild(routes)],
+                    exports: [RouterModule],
+                }]
+        }] });
+
+/*
+ * 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 ObjectApiSyncService {
+    constructor(http, configService) {
+        this.http = http;
+        this.configService = configService;
+        this.valtimoApiConfig = configService.config.valtimoApi;
+    }
+    getObjectSyncConfigs(documentDefinitionName) {
+        return this.http.get(`${this.valtimoApiConfig.endpointUri}object/sync/config`, { params: { documentDefinitionName } });
+    }
+    createObjectSyncConfig(request) {
+        return this.http.post(`${this.valtimoApiConfig.endpointUri}object/sync/config`, request);
+    }
+    modifyObjectSyncConfig(request) {
+        return this.http.put(`${this.valtimoApiConfig.endpointUri}object/sync/config`, request);
+    }
+    deleteObjectSyncConfig(configId) {
+        return this.http.delete(`${this.valtimoApiConfig.endpointUri}object/sync/config/${configId}`);
+    }
+}
+ObjectApiSyncService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ObjectApiSyncService, deps: [{ token: i1.HttpClient }, { token: i2.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
+ObjectApiSyncService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ObjectApiSyncService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ObjectApiSyncService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: i2.ConfigService }]; } });
+
+/*
+ * 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 ConnectorLinkExtensionModalComponent {
+    constructor(connectorManagementService, translateService, stateService, objectApiSyncService, route, alertService) {
+        this.connectorManagementService = connectorManagementService;
+        this.translateService = translateService;
+        this.stateService = stateService;
+        this.objectApiSyncService = objectApiSyncService;
+        this.route = route;
+        this.alertService = alertService;
+        this.loading$ = new BehaviorSubject(true);
+        this.fields$ = new BehaviorSubject([]);
+        this.currentPageAndSize$ = new BehaviorSubject({
+            page: 0,
+            size: 10,
+        });
+        this.pageSizes$ = new BehaviorSubject({
+            collectionSize: 0,
+            maxPaginationItemSize: 5,
+        });
+        this.pagination$ = combineLatest([
+            this.currentPageAndSize$,
+            this.pageSizes$,
+        ]).pipe(map(([currentPage, sizes]) => (Object.assign(Object.assign(Object.assign({}, currentPage), sizes), { page: currentPage.page + 1 }))));
+        this.connectorInstances$ = combineLatest([
+            this.currentPageAndSize$,
+            this.connectorManagementService.getConnectorTypes(),
+            this.translateService.stream('key'),
+            this.stateService.refresh$,
+        ]).pipe(tap(() => this.setFields()), switchMap(([currentPage, types]) => { var _a; return this.connectorManagementService.getConnectorInstancesByType((_a = types.find(type => type.name.toLowerCase().includes('objectsapi'))) === null || _a === void 0 ? void 0 : _a.id, { page: currentPage.page, size: currentPage.size }); }), tap(instanceRes => {
+            this.pageSizes$.pipe(take(1)).subscribe(sizes => {
+                this.pageSizes$.next(Object.assign(Object.assign({}, sizes), { collectionSize: instanceRes.totalElements }));
+            });
+        }), map(res => res.content), tap(() => this.loading$.next(false)));
+        this.noObjectsApiConnectors$ = this.connectorInstances$.pipe(map(instances => !instances || instances.length === 0));
+        this.disabled$ = this.stateService.inputDisabled$;
+    }
+    ngAfterViewInit() {
+        this.showSubscription = this.stateService.showExtensionModal$.subscribe(show => {
+            if (show) {
+                this.show();
+            }
+            else {
+                this.hide();
+            }
+        });
+    }
+    ngOnDestroy() {
+        var _a;
+        (_a = this.showSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+    }
+    paginationClicked(newPageNumber) {
+        this.currentPageAndSize$.pipe(take(1)).subscribe(currentPage => {
+            this.currentPageAndSize$.next(Object.assign(Object.assign({}, currentPage), { page: newPageNumber - 1 }));
+        });
+    }
+    paginationSet(newPageSize) {
+        if (newPageSize) {
+            this.currentPageAndSize$.pipe(take(1)).subscribe(currentPage => {
+                this.currentPageAndSize$.next(Object.assign(Object.assign({}, currentPage), { size: newPageSize }));
+            });
+        }
+    }
+    rowClicked(instance) {
+        var _a, _b;
+        const connectorInstanceId = instance.id;
+        const enabled = true;
+        const documentDefinitionName = this.route.snapshot.paramMap.get('name');
+        const objectTypeUrl = (_b = (_a = instance.properties) === null || _a === void 0 ? void 0 : _a.objectType) === null || _b === void 0 ? void 0 : _b.url;
+        const splitObjectTypeUrl = objectTypeUrl === null || objectTypeUrl === void 0 ? void 0 : objectTypeUrl.split('/');
+        const objectTypeId = splitObjectTypeUrl[splitObjectTypeUrl.length - 1];
+        this.stateService.disableInput();
+        this.objectApiSyncService
+            .createObjectSyncConfig({ connectorInstanceId, enabled, documentDefinitionName, objectTypeId })
+            .subscribe(res => {
+            this.alertService.success(this.translateService.instant('connectorManagement.extension.addSyncSuccess'));
+            this.stateService.hideExtensionModal();
+            this.stateService.enableInput();
+            this.stateService.refresh();
+            this.stateService.setLastConfigIdAdded(res.objectSyncConfig.id);
+        }, () => {
+            this.stateService.enableInput();
+        });
+    }
+    setFields() {
+        const getTranslatedLabel = (key) => this.translateService.instant(`connectorManagement.labels.${key}`);
+        const keys = ['name'];
+        this.fields$.next(keys.map(key => ({ label: getTranslatedLabel(key), key })));
+    }
+    show() {
+        this.modal.show();
+    }
+    hide() {
+        this.modal.hide();
+    }
+}
+ConnectorLinkExtensionModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ConnectorLinkExtensionModalComponent, deps: [{ token: ConnectorManagementService }, { token: i2$1.TranslateService }, { token: ConnectorManagementStateService }, { token: ObjectApiSyncService }, { token: i5.ActivatedRoute }, { token: i6$1.AlertService }], target: i0.ɵɵFactoryTarget.Component });
+ConnectorLinkExtensionModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: ConnectorLinkExtensionModalComponent, selector: "valtimo-connector-link-extension-modal", viewQueries: [{ propertyName: "modal", first: true, predicate: ["modal"], descendants: true }], ngImport: i0, template: "<valtimo-modal #modal [title]=\"'connectorManagement.extension.buttonText' | translate\">\n  <div\n    class=\"mt-2\"\n    body\n    *ngIf=\"{\n      connectorInstances: connectorInstances$ | async,\n      fields: fields$ | async,\n      pagination: pagination$ | async,\n      loading: loading$ | async,\n      disabled: disabled$ | async,\n      noConnectors: noObjectsApiConnectors$ | async\n    } as obs\"\n  >\n    <div *ngIf=\"obs.loading === false; else loading\" [ngClass]=\"{disabled: obs.disabled}\">\n      <ng-container *ngIf=\"!obs.noConnectors; else noConnectors\">\n        <p class=\"lead\">{{ 'connectorManagement.extension.clickToSync' | translate }}</p>\n        <valtimo-widget>\n          <valtimo-list\n            [items]=\"obs.connectorInstances\"\n            [fields]=\"obs.fields\"\n            [header]=\"false\"\n            [viewMode]=\"false\"\n            [isSearchable]=\"false\"\n            [pagination]=\"obs.pagination\"\n            paginationIdentifier=\"connectorManagementList\"\n            (paginationClicked)=\"paginationClicked($event)\"\n            (paginationSet)=\"paginationSet($event)\"\n            (rowClicked)=\"rowClicked($event)\"\n          >\n            <div header>\n              <h3 class=\"list-header-title\">{{ 'connectorManagement.title' | translate }}</h3>\n              <h5 class=\"list-header-description\">\n                {{ 'connectorManagement.subtitle' | translate }}\n              </h5>\n            </div>\n          </valtimo-list>\n        </valtimo-widget>\n      </ng-container>\n    </div>\n  </div>\n</valtimo-modal>\n\n<ng-template #loading>\n  <valtimo-spinner></valtimo-spinner>\n</ng-template>\n\n<ng-template #noConnectors>\n  <p class=\"lead\">{{ 'connectorManagement.extension.noConnectors' | translate }}</p>\n</ng-template>\n", styles: [".disabled{opacity:.8;pointer-events:none;filter:grayscale(1)}\n"], components: [{ type: i6$1.ModalComponent, selector: "valtimo-modal", inputs: ["elementId", "title", "subtitle", "templateBelowSubtitle", "showFooter"] }, { type: i6$1.WidgetComponent, selector: "valtimo-widget", inputs: ["type", "name", "icon", "contrast", "divider", "title", "subtitle", "collapseAble", "collapse", "additionalClasses"] }, { type: i6$1.ListComponent, selector: "valtimo-list", inputs: ["items", "fields", "pagination", "viewMode", "isSearchable", "header", "actions", "paginationIdentifier", "initialSortState"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged"] }, { type: i6$1.SpinnerComponent, selector: "valtimo-spinner", inputs: ["useBootstrapSpinner", "name", "type", "size", "color", "bdColor", "fullScreen", "noMarginTop"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i8.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }], pipes: { "translate": i2$1.TranslatePipe, "async": i6.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ConnectorLinkExtensionModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-connector-link-extension-modal', template: "<valtimo-modal #modal [title]=\"'connectorManagement.extension.buttonText' | translate\">\n  <div\n    class=\"mt-2\"\n    body\n    *ngIf=\"{\n      connectorInstances: connectorInstances$ | async,\n      fields: fields$ | async,\n      pagination: pagination$ | async,\n      loading: loading$ | async,\n      disabled: disabled$ | async,\n      noConnectors: noObjectsApiConnectors$ | async\n    } as obs\"\n  >\n    <div *ngIf=\"obs.loading === false; else loading\" [ngClass]=\"{disabled: obs.disabled}\">\n      <ng-container *ngIf=\"!obs.noConnectors; else noConnectors\">\n        <p class=\"lead\">{{ 'connectorManagement.extension.clickToSync' | translate }}</p>\n        <valtimo-widget>\n          <valtimo-list\n            [items]=\"obs.connectorInstances\"\n            [fields]=\"obs.fields\"\n            [header]=\"false\"\n            [viewMode]=\"false\"\n            [isSearchable]=\"false\"\n            [pagination]=\"obs.pagination\"\n            paginationIdentifier=\"connectorManagementList\"\n            (paginationClicked)=\"paginationClicked($event)\"\n            (paginationSet)=\"paginationSet($event)\"\n            (rowClicked)=\"rowClicked($event)\"\n          >\n            <div header>\n              <h3 class=\"list-header-title\">{{ 'connectorManagement.title' | translate }}</h3>\n              <h5 class=\"list-header-description\">\n                {{ 'connectorManagement.subtitle' | translate }}\n              </h5>\n            </div>\n          </valtimo-list>\n        </valtimo-widget>\n      </ng-container>\n    </div>\n  </div>\n</valtimo-modal>\n\n<ng-template #loading>\n  <valtimo-spinner></valtimo-spinner>\n</ng-template>\n\n<ng-template #noConnectors>\n  <p class=\"lead\">{{ 'connectorManagement.extension.noConnectors' | translate }}</p>\n</ng-template>\n", styles: [".disabled{opacity:.8;pointer-events:none;filter:grayscale(1)}\n"] }]
+        }], ctorParameters: function () { return [{ type: ConnectorManagementService }, { type: i2$1.TranslateService }, { type: ConnectorManagementStateService }, { type: ObjectApiSyncService }, { type: i5.ActivatedRoute }, { type: i6$1.AlertService }]; }, propDecorators: { modal: [{
+                type: ViewChild,
+                args: ['modal']
+            }] } });
+
+/*
+ * 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 ConnectorLinkExtensionComponent {
+    constructor(stateService, objectApiSyncService, translateService, route, alertService, connectorManagementService) {
+        this.stateService = stateService;
+        this.objectApiSyncService = objectApiSyncService;
+        this.translateService = translateService;
+        this.route = route;
+        this.alertService = alertService;
+        this.connectorManagementService = connectorManagementService;
+        this.loading$ = new BehaviorSubject(true);
+        this.objectApiSyncConfig$ = combineLatest([
+            this.route.params,
+            this.translateService.stream('key'),
+            this.stateService.refresh$,
+        ]).pipe(switchMap(([params]) => this.objectApiSyncService.getObjectSyncConfigs(params.name)), switchMap(configs => combineLatest([
+            of(configs),
+            ...configs.map(config => this.connectorManagementService
+                .getConnectorInstanceById(config.connectorInstanceId)
+                .pipe(catchError(() => of('')))),
+        ])), map(results => {
+            const [, ...instances] = results.filter(result => result);
+            return results[0].map(syncConfig => {
+                var _a;
+                return (Object.assign(Object.assign({}, syncConfig), { title: ((_a = instances.find(instance => instance.id === syncConfig.connectorInstanceId)) === null || _a === void 0 ? void 0 : _a.name) ||
+                        'Objects API' }));
+            });
+        }), map(results => (Array.isArray(results) && results.length > 0 ? results[0] : null)), tap(() => {
+            this.loading$.next(false);
+        }));
+        this.disabled$ = this.stateService.inputDisabled$;
+    }
+    ngOnDestroy() {
+        this.stateService.hideExtensionModal();
+    }
+    openModal() {
+        this.stateService.showExtensionModal();
+    }
+    toggleSync(config) {
+        this.stateService.disableInput();
+        this.objectApiSyncService
+            .modifyObjectSyncConfig(Object.assign(Object.assign({}, config), { enabled: !config.enabled }))
+            .subscribe(() => {
+            if (!config.enabled) {
+                this.alertService.success(this.translateService.instant('connectorManagement.extension.addSyncSuccess'));
+            }
+            else {
+                this.alertService.success(this.translateService.instant('connectorManagement.extension.disableSyncSuccess'));
+            }
+            this.stateService.enableInput();
+            this.stateService.refresh();
+        }, () => {
+            this.stateService.enableInput();
+        });
+    }
+    deleteSync(configId) {
+        this.stateService.disableInput();
+        this.objectApiSyncService.deleteObjectSyncConfig(configId).subscribe(() => {
+            this.alertService.success(this.translateService.instant('connectorManagement.extension.deleteSyncSuccess'));
+            this.stateService.enableInput();
+            this.stateService.refresh();
+        }, () => {
+            this.stateService.enableInput();
+        });
+    }
+}
+ConnectorLinkExtensionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ConnectorLinkExtensionComponent, deps: [{ token: ConnectorManagementStateService }, { token: ObjectApiSyncService }, { token: i2$1.TranslateService }, { token: i5.ActivatedRoute }, { token: i6$1.AlertService }, { token: ConnectorManagementService }], target: i0.ɵɵFactoryTarget.Component });
+ConnectorLinkExtensionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: ConnectorLinkExtensionComponent, selector: "valtimo-connector-link-extension", ngImport: i0, template: "<h2 class=\"mb-4 mt-6\">{{ 'connectorManagement.extension.title' | translate }}</h2>\n\n<ng-container\n  *ngIf=\"{\n    syncConfig: objectApiSyncConfig$ | async,\n    loading: loading$ | async,\n    disabled: disabled$ | async\n  } as obs\"\n>\n  <ng-container *ngIf=\"obs.loading === false; else loading\">\n    <ng-container *ngIf=\"obs.syncConfig; else addSync\">\n      <div class=\"card card-border card-contrast\">\n        <div class=\"card-header card-header-contrast card-header-featured\">\n          <div>\n            {{ obs.syncConfig.title }}\n          </div>\n          <div class=\"controls\">\n            <button\n              class=\"btn btn-danger ml-3\"\n              [disabled]=\"obs.disabled\"\n              (click)=\"deleteSync(obs.syncConfig.id)\"\n            >\n              <i class=\"icon mdi mdi-delete\"></i>\n            </button>\n          </div>\n        </div>\n        <div class=\"card-body\">\n          <div class=\"setting-row\">\n            {{ 'connectorManagement.autoSync' | translate }}\n            <div class=\"controls\">\n              <div class=\"switch-button switch-button-success\">\n                <input\n                  type=\"checkbox\"\n                  [checked]=\"obs.syncConfig.enabled\"\n                  [disabled]=\"obs.disabled\"\n                  name=\"sync\"\n                  id=\"sync\"\n                  (click)=\"toggleSync(obs.syncConfig)\"\n                />\n                <span><label for=\"sync\"></label></span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </ng-container>\n  </ng-container>\n</ng-container>\n\n<valtimo-connector-link-extension-modal></valtimo-connector-link-extension-modal>\n\n<ng-template #loading>\n  <valtimo-spinner></valtimo-spinner>\n</ng-template>\n\n<ng-template #addSync>\n  <div class=\"text-right mt-5\">\n    <button class=\"btn btn-primary\" (click)=\"openModal()\" [disabled]=\"disabled$ | async\">\n      <i class=\"icon mdi mdi-plus mr-1\"></i>\n      {{ 'connectorManagement.extension.buttonText' | translate }}\n    </button>\n  </div>\n</ng-template>\n", styles: [".card-header,.setting-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.controls{display:flex;align-items:center}\n"], components: [{ type: ConnectorLinkExtensionModalComponent, selector: "valtimo-connector-link-extension-modal" }, { type: i6$1.SpinnerComponent, selector: "valtimo-spinner", inputs: ["useBootstrapSpinner", "name", "type", "size", "color", "bdColor", "fullScreen", "noMarginTop"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i2$1.TranslatePipe, "async": i6.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ConnectorLinkExtensionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-connector-link-extension', template: "<h2 class=\"mb-4 mt-6\">{{ 'connectorManagement.extension.title' | translate }}</h2>\n\n<ng-container\n  *ngIf=\"{\n    syncConfig: objectApiSyncConfig$ | async,\n    loading: loading$ | async,\n    disabled: disabled$ | async\n  } as obs\"\n>\n  <ng-container *ngIf=\"obs.loading === false; else loading\">\n    <ng-container *ngIf=\"obs.syncConfig; else addSync\">\n      <div class=\"card card-border card-contrast\">\n        <div class=\"card-header card-header-contrast card-header-featured\">\n          <div>\n            {{ obs.syncConfig.title }}\n          </div>\n          <div class=\"controls\">\n            <button\n              class=\"btn btn-danger ml-3\"\n              [disabled]=\"obs.disabled\"\n              (click)=\"deleteSync(obs.syncConfig.id)\"\n            >\n              <i class=\"icon mdi mdi-delete\"></i>\n            </button>\n          </div>\n        </div>\n        <div class=\"card-body\">\n          <div class=\"setting-row\">\n            {{ 'connectorManagement.autoSync' | translate }}\n            <div class=\"controls\">\n              <div class=\"switch-button switch-button-success\">\n                <input\n                  type=\"checkbox\"\n                  [checked]=\"obs.syncConfig.enabled\"\n                  [disabled]=\"obs.disabled\"\n                  name=\"sync\"\n                  id=\"sync\"\n                  (click)=\"toggleSync(obs.syncConfig)\"\n                />\n                <span><label for=\"sync\"></label></span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </ng-container>\n  </ng-container>\n</ng-container>\n\n<valtimo-connector-link-extension-modal></valtimo-connector-link-extension-modal>\n\n<ng-template #loading>\n  <valtimo-spinner></valtimo-spinner>\n</ng-template>\n\n<ng-template #addSync>\n  <div class=\"text-right mt-5\">\n    <button class=\"btn btn-primary\" (click)=\"openModal()\" [disabled]=\"disabled$ | async\">\n      <i class=\"icon mdi mdi-plus mr-1\"></i>\n      {{ 'connectorManagement.extension.buttonText' | translate }}\n    </button>\n  </div>\n</ng-template>\n", styles: [".card-header,.setting-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.controls{display:flex;align-items:center}\n"] }]
+        }], ctorParameters: function () { return [{ type: ConnectorManagementStateService }, { type: ObjectApiSyncService }, { type: i2$1.TranslateService }, { type: i5.ActivatedRoute }, { type: i6$1.AlertService }, { type: ConnectorManagementService }]; } });
+
+/*
+ * 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 ConnectorManagementModule {
+}
+ConnectorManagementModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ConnectorManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ConnectorManagementModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ConnectorManagementModule, declarations: [ConnectorManagementComponent,
+        AddConnectorSelectComponent,
+        AddConnectorConfigureComponent,
+        ConnectorModalComponent,
+        ModifyConnectorComponent,
+        EditConnectorPropertiesComponent,
+        MultiValueConnectorPropertyComponent,
+        ConnectorLinkExtensionComponent,
+        ConnectorLinkExtensionModalComponent,
+        EditProductAanvragenConnectorComponent,
+        EditConnectorFormComponent,
+        EditTaakConnectorComponent], imports: [CommonModule,
+        ConnectorManagementRoutingModule,
+        TranslateModule,
+        WidgetModule,
+        ListModule,
+        SpinnerModule,
+        ModalModule,
+        FormIoModule,
+        ButtonModule,
+        TableModule,
+        ModalModule$1,
+        StepperModule,
+        CardModule,
+        FlexLayoutModule,
+        TitleModule,
+        InputModule,
+        PageModule,
+        ParagraphModule], exports: [ConnectorManagementComponent,
+        AddConnectorSelectComponent,
+        AddConnectorConfigureComponent,
+        ConnectorModalComponent,
+        ModifyConnectorComponent,
+        EditConnectorPropertiesComponent,
+        MultiValueConnectorPropertyComponent,
+        ConnectorLinkExtensionComponent,
+        ConnectorLinkExtensionModalComponent,
+        EditProductAanvragenConnectorComponent,
+        EditTaakConnectorComponent] });
+ConnectorManagementModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ConnectorManagementModule, providers: [ConnectorManagementStateService], imports: [[
+            CommonModule,
+            ConnectorManagementRoutingModule,
+            TranslateModule,
+            WidgetModule,
+            ListModule,
+            SpinnerModule,
+            ModalModule,
+            FormIoModule,
+            ButtonModule,
+            TableModule,
+            ModalModule$1,
+            StepperModule,
+            CardModule,
+            FlexLayoutModule,
+            TitleModule,
+            InputModule,
+            PageModule,
+            ParagraphModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ConnectorManagementModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    providers: [ConnectorManagementStateService],
+                    declarations: [
+                        ConnectorManagementComponent,
+                        AddConnectorSelectComponent,
+                        AddConnectorConfigureComponent,
+                        ConnectorModalComponent,
+                        ModifyConnectorComponent,
+                        EditConnectorPropertiesComponent,
+                        MultiValueConnectorPropertyComponent,
+                        ConnectorLinkExtensionComponent,
+                        ConnectorLinkExtensionModalComponent,
+                        EditProductAanvragenConnectorComponent,
+                        EditConnectorFormComponent,
+                        EditTaakConnectorComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        ConnectorManagementRoutingModule,
+                        TranslateModule,
+                        WidgetModule,
+                        ListModule,
+                        SpinnerModule,
+                        ModalModule,
+                        FormIoModule,
+                        ButtonModule,
+                        TableModule,
+                        ModalModule$1,
+                        StepperModule,
+                        CardModule,
+                        FlexLayoutModule,
+                        TitleModule,
+                        InputModule,
+                        PageModule,
+                        ParagraphModule,
+                    ],
+                    exports: [
+                        ConnectorManagementComponent,
+                        AddConnectorSelectComponent,
+                        AddConnectorConfigureComponent,
+                        ConnectorModalComponent,
+                        ModifyConnectorComponent,
+                        EditConnectorPropertiesComponent,
+                        MultiValueConnectorPropertyComponent,
+                        ConnectorLinkExtensionComponent,
+                        ConnectorLinkExtensionModalComponent,
+                        EditProductAanvragenConnectorComponent,
+                        EditTaakConnectorComponent,
+                    ],
+                }]
+        }] });
+
+/*
+ * 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.
+ */
+function connectorLinkExtensionInitializer(injector) {
+    const configService = injector.get(ConfigService);
+    const logger = injector.get(NGXLogger);
+    return () => new Promise((resolve, reject) => {
+        try {
+            logger.debug('connector link extension initializer before init');
+            const extension = new Extension('ConnectorLink', new BasicExtensionPoint('dossier-management', 'dossier', 'right-panel', ConnectorLinkExtensionComponent));
+            configService.addExtension(extension);
+            logger.debug('connector link extension initializer after init');
+            resolve();
+        }
+        catch (error) {
+            logger.debug('connector link extension initializer error', error);
+            reject(error);
+        }
+    });
+}
+
+/*
+ * 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 { AddConnectorConfigureComponent, AddConnectorSelectComponent, ConnectorLinkExtensionComponent, ConnectorLinkExtensionModalComponent, ConnectorManagementComponent, ConnectorManagementModule, ConnectorManagementService, ConnectorManagementStateService, ConnectorModalComponent, EditConnectorPropertiesComponent, EditProductAanvragenConnectorComponent, EditTaakConnectorComponent, ModifyConnectorComponent, MultiValueConnectorPropertyComponent, ObjectApiSyncService, connectorLinkExtensionInitializer };
+//# sourceMappingURL=valtimo-connector-management.mjs.map