@valtimo/connector-management 4.15.3-next-main.14 → 4.15.3-next-main.15

package/fesm2015/valtimo-connector-management.js

@@ -14,1735 +14,1735 @@ import { FormTranslationService, FormMappingService } from '@valtimo/form';
 import { DocumentService } from '@valtimo/document';
 import { NGXLogger } from 'ngx-logger';
 
-/*
- * 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.ɵprov = ɵɵdefineInjectable({ factory: function ConnectorManagementService_Factory() { return new ConnectorManagementService(ɵɵinject(HttpClient), ɵɵinject(ConfigService)); }, token: ConnectorManagementService, providedIn: "root" });
-ConnectorManagementService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-ConnectorManagementService.ctorParameters = () => [
-    { type: HttpClient },
-    { type: 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 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.ɵprov = ɵɵdefineInjectable({ factory: function ConnectorManagementService_Factory() { return new ConnectorManagementService(ɵɵinject(HttpClient), ɵɵinject(ConfigService)); }, token: ConnectorManagementService, providedIn: "root" });
+ConnectorManagementService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+ConnectorManagementService.ctorParameters = () => [
+    { type: HttpClient },
+    { type: 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 BehaviorSubject(false);
-        this._showExtensionModal$ = new BehaviorSubject(false);
-        this._inputDisabled$ = new BehaviorSubject(false);
-        this._refresh$ = new BehaviorSubject('refresh');
-        this._selectedInstance$ = new BehaviorSubject(undefined);
-        this._lastConfigIdAdded$ = new BehaviorSubject('');
-    }
-    get showModal$() {
-        return this._showModal$.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();
-    }
-    showModal() {
-        this._showModal$.next(true);
-    }
-    hideModal() {
-        this._showModal$.next(false);
-    }
-    showExtensionModal() {
-        this._showExtensionModal$.next(true);
-    }
-    hideExtensionModal() {
-        this._showExtensionModal$.next(false);
-    }
-    disableInput() {
-        this._inputDisabled$.next(true);
-    }
-    enableInput() {
-        this._inputDisabled$.next(false);
-    }
-    refresh() {
-        this._refresh$.next('refresh');
-    }
-    setConnectorInstance(instance) {
-        this._selectedInstance$.next(instance);
-    }
-    setLastConfigIdAdded(id) {
-        this._lastConfigIdAdded$.next(id);
-    }
-    clearLastConfigIdAdded() {
-        this._lastConfigIdAdded$.next('');
-    }
-}
-ConnectorManagementStateService.ɵprov = ɵɵdefineInjectable({ factory: function ConnectorManagementStateService_Factory() { return new ConnectorManagementStateService(); }, token: ConnectorManagementStateService, providedIn: "root" });
-ConnectorManagementStateService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
+/*
+ * 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 BehaviorSubject(false);
+        this._showExtensionModal$ = new BehaviorSubject(false);
+        this._inputDisabled$ = new BehaviorSubject(false);
+        this._refresh$ = new BehaviorSubject('refresh');
+        this._selectedInstance$ = new BehaviorSubject(undefined);
+        this._lastConfigIdAdded$ = new BehaviorSubject('');
+    }
+    get showModal$() {
+        return this._showModal$.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();
+    }
+    showModal() {
+        this._showModal$.next(true);
+    }
+    hideModal() {
+        this._showModal$.next(false);
+    }
+    showExtensionModal() {
+        this._showExtensionModal$.next(true);
+    }
+    hideExtensionModal() {
+        this._showExtensionModal$.next(false);
+    }
+    disableInput() {
+        this._inputDisabled$.next(true);
+    }
+    enableInput() {
+        this._inputDisabled$.next(false);
+    }
+    refresh() {
+        this._refresh$.next('refresh');
+    }
+    setConnectorInstance(instance) {
+        this._selectedInstance$.next(instance);
+    }
+    setLastConfigIdAdded(id) {
+        this._lastConfigIdAdded$.next(id);
+    }
+    clearLastConfigIdAdded() {
+        this._lastConfigIdAdded$.next('');
+    }
+}
+ConnectorManagementStateService.ɵprov = ɵɵdefineInjectable({ factory: function ConnectorManagementStateService_Factory() { return new ConnectorManagementStateService(); }, token: ConnectorManagementStateService, providedIn: "root" });
+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 ConnectorManagementComponent {
-    constructor(connectorManagementService, translateService, stateService) {
-        this.connectorManagementService = connectorManagementService;
-        this.translateService = translateService;
-        this.stateService = stateService;
-        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.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)));
-        this.modalType$ = new BehaviorSubject('add');
-    }
-    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.modalType$.next('modify');
-        this.stateService.setConnectorInstance(instance);
-        this.stateService.showModal();
-    }
-    showAddModal() {
-        this.modalType$.next('add');
-        this.stateService.showModal();
-    }
-    setFields() {
-        const getTranslatedLabel = (key) => this.translateService.instant(`connectorManagement.labels.${key}`);
-        const keys = ['name', 'typeName'];
-        this.fields$.next(keys.map((key) => ({ label: getTranslatedLabel(key), key })));
-    }
-}
-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<div class=\"main-content pt-0\" *ngIf=\"{\n    connectorInstances: connectorInstances$ | async,\n    fields: fields$ | async,\n    pagination: pagination$ | async,\n    loading: loading$ | async\n  } as obs\">\n  <div class=\"container-fluid\">\n    <ng-container *ngTemplateOutlet=\"buttons;context:{loading: obs.loading}\"></ng-container>\n    <valtimo-widget *ngIf=\"obs.loading === false; else loading\">\n      <valtimo-list\n        [items]=\"obs.connectorInstances\"\n        [fields]=\"obs.fields\"\n        [header]=\"true\"\n        [viewMode]=\"true\"\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\">{{ 'connectorManagement.subtitle' | translate }}</h5>\n        </div>\n      </valtimo-list>\n    </valtimo-widget>\n  </div>\n</div>\n\n<valtimo-connector-modal [modalType]=\"modalType$ | async\">\n</valtimo-connector-modal>\n\n<ng-template #buttons let-loading=\"loading\">\n  <div class=\"btn-group mt-m3px mb-3 float-right\">\n    <button class=\"btn btn-primary btn-space mr-0\" [disabled]=\"loading\" (click)=\"showAddModal()\">\n      <i class=\"icon mdi mdi-plus\"></i>&nbsp;\n      {{ 'connectorManagement.add' | translate }}\n    </button>\n  </div>\n  <div class=\"clearfix\"></div>\n</ng-template>\n\n<ng-template #loading>\n  <valtimo-spinner></valtimo-spinner>\n</ng-template>\n\n",
-                styles: ["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */"]
-            },] }
-];
-ConnectorManagementComponent.ctorParameters = () => [
-    { type: ConnectorManagementService },
-    { type: 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.
+ */
+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.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)));
+        this.modalType$ = new BehaviorSubject('add');
+    }
+    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.modalType$.next('modify');
+        this.stateService.setConnectorInstance(instance);
+        this.stateService.showModal();
+    }
+    showAddModal() {
+        this.modalType$.next('add');
+        this.stateService.showModal();
+    }
+    setFields() {
+        const getTranslatedLabel = (key) => this.translateService.instant(`connectorManagement.labels.${key}`);
+        const keys = ['name', 'typeName'];
+        this.fields$.next(keys.map((key) => ({ label: getTranslatedLabel(key), key })));
+    }
+}
+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<div class=\"main-content pt-0\" *ngIf=\"{\n    connectorInstances: connectorInstances$ | async,\n    fields: fields$ | async,\n    pagination: pagination$ | async,\n    loading: loading$ | async\n  } as obs\">\n  <div class=\"container-fluid\">\n    <ng-container *ngTemplateOutlet=\"buttons;context:{loading: obs.loading}\"></ng-container>\n    <valtimo-widget *ngIf=\"obs.loading === false; else loading\">\n      <valtimo-list\n        [items]=\"obs.connectorInstances\"\n        [fields]=\"obs.fields\"\n        [header]=\"true\"\n        [viewMode]=\"true\"\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\">{{ 'connectorManagement.subtitle' | translate }}</h5>\n        </div>\n      </valtimo-list>\n    </valtimo-widget>\n  </div>\n</div>\n\n<valtimo-connector-modal [modalType]=\"modalType$ | async\">\n</valtimo-connector-modal>\n\n<ng-template #buttons let-loading=\"loading\">\n  <div class=\"btn-group mt-m3px mb-3 float-right\">\n    <button class=\"btn btn-primary btn-space mr-0\" [disabled]=\"loading\" (click)=\"showAddModal()\">\n      <i class=\"icon mdi mdi-plus\"></i>&nbsp;\n      {{ 'connectorManagement.add' | translate }}\n    </button>\n  </div>\n  <div class=\"clearfix\"></div>\n</ng-template>\n\n<ng-template #loading>\n  <valtimo-spinner></valtimo-spinner>\n</ng-template>\n\n",
+                styles: ["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */"]
+            },] }
+];
+ConnectorManagementComponent.ctorParameters = () => [
+    { type: ConnectorManagementService },
+    { type: 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 ɵ0 = { title: 'Connectors', roles: [ROLE_ADMIN] };
-const routes = [
-    {
-        path: 'connectors',
-        component: ConnectorManagementComponent,
-        canActivate: [AuthGuardService],
-        data: ɵ0
-    },
-];
-class ConnectorManagementRoutingModule {
-}
-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.
+ */
+const ɵ0 = { title: 'Connectors', roles: [ROLE_ADMIN] };
+const routes = [
+    {
+        path: 'connectors',
+        component: ConnectorManagementComponent,
+        canActivate: [AuthGuardService],
+        data: ɵ0
+    },
+];
+class ConnectorManagementRoutingModule {
+}
+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.ɵprov = ɵɵdefineInjectable({ factory: function ObjectApiSyncService_Factory() { return new ObjectApiSyncService(ɵɵinject(HttpClient), ɵɵinject(ConfigService)); }, token: ObjectApiSyncService, providedIn: "root" });
-ObjectApiSyncService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-ObjectApiSyncService.ctorParameters = () => [
-    { type: HttpClient },
-    { type: 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 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.ɵprov = ɵɵdefineInjectable({ factory: function ObjectApiSyncService_Factory() { return new ObjectApiSyncService(ɵɵinject(HttpClient), ɵɵinject(ConfigService)); }, token: ObjectApiSyncService, providedIn: "root" });
+ObjectApiSyncService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+ObjectApiSyncService.ctorParameters = () => [
+    { type: HttpClient },
+    { type: 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]) => this.connectorManagementService.getConnectorInstancesByType(types.find((type) => type.name.toLowerCase().includes('objectsapi')).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.decorators = [
-    { type: Component, args: [{
-                selector: 'valtimo-connector-link-extension-modal',
-                template: "<valtimo-modal #modal [title]=\"'connectorManagement.extension.buttonText'| translate\">\n  <div class=\"mt-2\" body *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    <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\">{{ 'connectorManagement.subtitle' | translate }}</h5>\n            </div>\n          </valtimo-list>\n        </valtimo-widget>\n      </ng-container>\n    </div>\n  </div>\n</valtimo-modal>\n\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{filter:grayscale(1);opacity:.8;pointer-events:none}"]
-            },] }
-];
-ConnectorLinkExtensionModalComponent.ctorParameters = () => [
-    { type: ConnectorManagementService },
-    { type: TranslateService },
-    { type: ConnectorManagementStateService },
-    { type: ObjectApiSyncService },
-    { type: ActivatedRoute },
-    { type: AlertService }
-];
-ConnectorLinkExtensionModalComponent.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 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]) => this.connectorManagementService.getConnectorInstancesByType(types.find((type) => type.name.toLowerCase().includes('objectsapi')).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.decorators = [
+    { type: Component, args: [{
+                selector: 'valtimo-connector-link-extension-modal',
+                template: "<valtimo-modal #modal [title]=\"'connectorManagement.extension.buttonText'| translate\">\n  <div class=\"mt-2\" body *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    <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\">{{ 'connectorManagement.subtitle' | translate }}</h5>\n            </div>\n          </valtimo-list>\n        </valtimo-widget>\n      </ng-container>\n    </div>\n  </div>\n</valtimo-modal>\n\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{filter:grayscale(1);opacity:.8;pointer-events:none}"]
+            },] }
+];
+ConnectorLinkExtensionModalComponent.ctorParameters = () => [
+    { type: ConnectorManagementService },
+    { type: TranslateService },
+    { type: ConnectorManagementStateService },
+    { type: ObjectApiSyncService },
+    { type: ActivatedRoute },
+    { type: AlertService }
+];
+ConnectorLinkExtensionModalComponent.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 AddConnectorComponent {
-    constructor(connectorManagementService, stateService, alertService, translateService) {
-        this.connectorManagementService = connectorManagementService;
-        this.stateService = stateService;
-        this.alertService = alertService;
-        this.translateService = translateService;
-        this.connectorTypes$ = this.connectorManagementService.getConnectorTypes();
-        this.selectedConnector$ = new BehaviorSubject(undefined);
-        this.disabled$ = this.stateService.inputDisabled$;
-    }
-    ngOnInit() {
-        this.refreshSubscription = combineLatest([this.stateService.showModal$, this.stateService.refresh$])
-            .subscribe(() => {
-            this.goBack();
-        });
-    }
-    ngOnDestroy() {
-        var _a;
-        (_a = this.refreshSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
-    }
-    selectConnector(connectorType) {
-        this.selectedConnector$.next(connectorType);
-    }
-    goBack() {
-        this.selectedConnector$.next(undefined);
-    }
-    onSave(event) {
-        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();
-            });
-        });
-    }
-}
-AddConnectorComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'valtimo-add-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<ng-container *ngIf=\"connectorTypes$ | async as connectorTypes; else loading\">\n  <ng-container *ngIf=\"(selectedConnector$ | async) === undefined; else configure\">\n    <p class=\"lead\">\n      {{'connectorManagement.' + (connectorTypes?.length > 0 ? 'addHeader' : 'noConnectorsAvailable') | translate}}\n    </p>\n    <div class=\"cards-container mt-3\">\n      <div *ngFor=\"let connectorType of connectorTypes\" class=\"card card-border text-center\">\n        <div class=\"card-header\">{{connectorType.name}}</div>\n        <div class=\"card-body\">\n          <button class=\"btn btn-primary\" (click)=\"selectConnector(connectorType)\">\n            {{'connectorManagement.configureButton' | translate}}\n          </button>\n        </div>\n      </div>\n    </div>\n  </ng-container>\n</ng-container>\n\n<ng-template #configure>\n  <ng-container *ngIf=\"selectedConnector$ | async as connector\">\n    <button class=\"btn btn-outline-secondary btn-sm btn-back\" (click)=\"goBack()\" [disabled]=\"disabled$ | async\">\n      <i class=\"icon mdi mdi-arrow-left mr-1\"></i>\n      {{'connectorManagement.goBack' | translate}}\n    </button>\n    <p class=\"lead text-center mb-3 pb-3 border-bottom\">\n      {{('connectorManagement.configureWith' | translate) + ' ' + connector.name}}\n    </p>\n    <valtimo-edit-connector-form\n      [connectorName]=\"connector.name\"\n      [properties]=\"(selectedConnector$ | async).properties\"\n      (propertiesSave)=\"onSave($event)\"\n    >\n    </valtimo-edit-connector-form>\n  </ng-container>\n</ng-template>\n\n<ng-template #loading>\n  <valtimo-spinner></valtimo-spinner>\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{margin-right:30px;width:calc(33.3% - 20px)}.card:nth-child(3n+3){margin-right:0}.card-header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}"]
-            },] }
-];
-AddConnectorComponent.ctorParameters = () => [
-    { type: ConnectorManagementService },
-    { type: ConnectorManagementStateService },
-    { type: AlertService },
-    { type: 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 AddConnectorComponent {
+    constructor(connectorManagementService, stateService, alertService, translateService) {
+        this.connectorManagementService = connectorManagementService;
+        this.stateService = stateService;
+        this.alertService = alertService;
+        this.translateService = translateService;
+        this.connectorTypes$ = this.connectorManagementService.getConnectorTypes();
+        this.selectedConnector$ = new BehaviorSubject(undefined);
+        this.disabled$ = this.stateService.inputDisabled$;
+    }
+    ngOnInit() {
+        this.refreshSubscription = combineLatest([this.stateService.showModal$, this.stateService.refresh$])
+            .subscribe(() => {
+            this.goBack();
+        });
+    }
+    ngOnDestroy() {
+        var _a;
+        (_a = this.refreshSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+    }
+    selectConnector(connectorType) {
+        this.selectedConnector$.next(connectorType);
+    }
+    goBack() {
+        this.selectedConnector$.next(undefined);
+    }
+    onSave(event) {
+        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();
+            });
+        });
+    }
+}
+AddConnectorComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'valtimo-add-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<ng-container *ngIf=\"connectorTypes$ | async as connectorTypes; else loading\">\n  <ng-container *ngIf=\"(selectedConnector$ | async) === undefined; else configure\">\n    <p class=\"lead\">\n      {{'connectorManagement.' + (connectorTypes?.length > 0 ? 'addHeader' : 'noConnectorsAvailable') | translate}}\n    </p>\n    <div class=\"cards-container mt-3\">\n      <div *ngFor=\"let connectorType of connectorTypes\" class=\"card card-border text-center\">\n        <div class=\"card-header\">{{connectorType.name}}</div>\n        <div class=\"card-body\">\n          <button class=\"btn btn-primary\" (click)=\"selectConnector(connectorType)\">\n            {{'connectorManagement.configureButton' | translate}}\n          </button>\n        </div>\n      </div>\n    </div>\n  </ng-container>\n</ng-container>\n\n<ng-template #configure>\n  <ng-container *ngIf=\"selectedConnector$ | async as connector\">\n    <button class=\"btn btn-outline-secondary btn-sm btn-back\" (click)=\"goBack()\" [disabled]=\"disabled$ | async\">\n      <i class=\"icon mdi mdi-arrow-left mr-1\"></i>\n      {{'connectorManagement.goBack' | translate}}\n    </button>\n    <p class=\"lead text-center mb-3 pb-3 border-bottom\">\n      {{('connectorManagement.configureWith' | translate) + ' ' + connector.name}}\n    </p>\n    <valtimo-edit-connector-form\n      [connectorName]=\"connector.name\"\n      [properties]=\"(selectedConnector$ | async).properties\"\n      (propertiesSave)=\"onSave($event)\"\n    >\n    </valtimo-edit-connector-form>\n  </ng-container>\n</ng-template>\n\n<ng-template #loading>\n  <valtimo-spinner></valtimo-spinner>\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{margin-right:30px;width:calc(33.3% - 20px)}.card:nth-child(3n+3){margin-right:0}.card-header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}"]
+            },] }
+];
+AddConnectorComponent.ctorParameters = () => [
+    { type: ConnectorManagementService },
+    { type: ConnectorManagementStateService },
+    { type: AlertService },
+    { type: 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 ModifyConnectorComponent {
-    constructor(connectorManagementService, stateService, alertService, translateService) {
-        this.connectorManagementService = connectorManagementService;
-        this.stateService = stateService;
-        this.alertService = alertService;
-        this.translateService = translateService;
-        this.instance$ = this.stateService.selectedInstance$;
-    }
-    onSave(event) {
-        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.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.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<ng-container *ngIf=\"instance$ | async as instance\">\n  <p class=\"lead text-center mb-3 pb-3 border-bottom\">\n    {{('connectorManagement.modifyWith' | translate) + ' ' + instance.type.name}}\n  </p>\n  <valtimo-edit-connector-form\n    [properties]=\"instance.properties\"\n    [withDefaults]=\"true\"\n    [defaultName]=\"instance.name\"\n    [showDeleteButton]=\"true\"\n    [connectorName]=\"instance.type.name\"\n    (propertiesSave)=\"onSave($event)\"\n    (connectorDelete)=\"onDelete()\"\n  >\n  </valtimo-edit-connector-form>\n</ng-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 */"]
-            },] }
-];
-ModifyConnectorComponent.ctorParameters = () => [
-    { type: ConnectorManagementService },
-    { type: ConnectorManagementStateService },
-    { type: AlertService },
-    { type: 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 ModifyConnectorComponent {
+    constructor(connectorManagementService, stateService, alertService, translateService) {
+        this.connectorManagementService = connectorManagementService;
+        this.stateService = stateService;
+        this.alertService = alertService;
+        this.translateService = translateService;
+        this.instance$ = this.stateService.selectedInstance$;
+    }
+    onSave(event) {
+        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.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.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<ng-container *ngIf=\"instance$ | async as instance\">\n  <p class=\"lead text-center mb-3 pb-3 border-bottom\">\n    {{('connectorManagement.modifyWith' | translate) + ' ' + instance.type.name}}\n  </p>\n  <valtimo-edit-connector-form\n    [properties]=\"instance.properties\"\n    [withDefaults]=\"true\"\n    [defaultName]=\"instance.name\"\n    [showDeleteButton]=\"true\"\n    [connectorName]=\"instance.type.name\"\n    (propertiesSave)=\"onSave($event)\"\n    (connectorDelete)=\"onDelete()\"\n  >\n  </valtimo-edit-connector-form>\n</ng-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 */"]
+            },] }
+];
+ModifyConnectorComponent.ctorParameters = () => [
+    { type: ConnectorManagementService },
+    { type: ConnectorManagementStateService },
+    { type: AlertService },
+    { type: 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 ConnectorModalComponent {
-    constructor(stateService) {
-        this.stateService = stateService;
-    }
-    ngAfterViewInit() {
-        this.showSubscription = this.stateService.showModal$.subscribe((show) => {
-            if (show) {
-                this.show();
-            }
-            else {
-                this.hide();
-            }
-        });
-    }
-    ngOnDestroy() {
-        var _a;
-        (_a = this.showSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
-    }
-    show() {
-        this.modal.show();
-    }
-    hide() {
-        this.modal.hide();
-    }
-}
-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<valtimo-modal #modal [title]=\"'connectorManagement.' + modalType | translate\">\n  <div class=\"mt-2\" body>\n    <valtimo-add-connector *ngIf=\"modalType === 'add'\"></valtimo-add-connector>\n    <valtimo-modify-connector *ngIf=\"modalType === 'modify'\"></valtimo-modify-connector>\n  </div>\n</valtimo-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 */"]
-            },] }
-];
-ConnectorModalComponent.ctorParameters = () => [
-    { type: ConnectorManagementStateService }
-];
-ConnectorModalComponent.propDecorators = {
-    modal: [{ type: ViewChild, args: ['modal',] }],
-    modalType: [{ 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) {
+        this.stateService = stateService;
+    }
+    ngAfterViewInit() {
+        this.showSubscription = this.stateService.showModal$.subscribe((show) => {
+            if (show) {
+                this.show();
+            }
+            else {
+                this.hide();
+            }
+        });
+    }
+    ngOnDestroy() {
+        var _a;
+        (_a = this.showSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+    }
+    show() {
+        this.modal.show();
+    }
+    hide() {
+        this.modal.hide();
+    }
+}
+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<valtimo-modal #modal [title]=\"'connectorManagement.' + modalType | translate\">\n  <div class=\"mt-2\" body>\n    <valtimo-add-connector *ngIf=\"modalType === 'add'\"></valtimo-add-connector>\n    <valtimo-modify-connector *ngIf=\"modalType === 'modify'\"></valtimo-modify-connector>\n  </div>\n</valtimo-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 */"]
+            },] }
+];
+ConnectorModalComponent.ctorParameters = () => [
+    { type: ConnectorManagementStateService }
+];
+ConnectorModalComponent.propDecorators = {
+    modal: [{ type: ViewChild, args: ['modal',] }],
+    modalType: [{ 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 EditConnectorPropertiesComponent {
-    constructor(stateService) {
-        this.stateService = stateService;
-        this.withDefaults = false;
-        this.showDeleteButton = false;
-        this.propertiesSave = new EventEmitter();
-        this.connectorDelete = new EventEmitter();
-        this.modifiedProperties$ = new BehaviorSubject(undefined);
-        this.editFields$ = new BehaviorSubject([]);
-        this.connectorName$ = new BehaviorSubject('');
-        this.saveButtonDisabled$ = 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);
-            return (editFields.length !== validValues.length) || !connectorName;
-        }));
-        this.disabled$ = this.stateService.inputDisabled$;
-    }
-    ngOnInit() {
-        this.setEditFields();
-        this.setName();
-    }
-    ngOnChanges() {
-        this.setEditFields();
-        this.setName();
-    }
-    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);
-    }
-}
-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 class=\"edit-fields\" *ngIf=\"{editFields: editFields$ | async, disabled: disabled$ | async} as obs\">\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 *ngTemplateOutlet=\"singleInput;context:{editField: editField, disabled: obs.disabled}\"></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  <div class=\"form-group row\">\n    <label class=\"col-3 col-form-label text-sm-right\">\n      {{'connectorManagement.inputLabels.connectorName' | translate}}\n    </label>\n    <div class=\"col-7\">\n      <input\n        class=\"form-control\"\n        type=\"text\"\n        (input)=\"onNameValueChange($event.target.value)\"\n        [disabled]=\"disabled\"\n        [value]=\"(withDefaults && defaultName) ? defaultName : ''\"\n      >\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #singleInput let-editField=\"editField\" let-disabled=\"disabled\">\n  <div class=\"form-group row\">\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      <input\n        *ngIf=\"editField.editType === 'string'\"\n        class=\"form-control\"\n        type=\"text\"\n        (input)=\"onSingleValueChange($event.target.value, editField)\"\n        [disabled]=\"disabled\"\n        [value]=\"withDefaults ? editField.defaultValue : ''\"\n      >\n      <input\n        *ngIf=\"editField.editType === 'number'\"\n        class=\"form-control\"\n        type=\"number\"\n        step=\"1\"\n        min=\"0\"\n        oninput=\"validity.valid||(value='');\"\n        (input)=\"onSingleValueChange($event.target.value, editField)\"\n        [disabled]=\"disabled\"\n        [value]=\"withDefaults ? editField.defaultValue : ''\"\n      >\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #buttons let-disabled=\"disabled\">\n  <div class=\"border-top mt-3 pt-6\">\n    <div class=\"button-container\">\n      <button class=\"btn btn-primary\" [disabled]=\"disabled || (saveButtonDisabled$ | async)\" (click)=\"onSave()\">\n        <i class=\"icon mdi mdi-save mr-1\"></i>\n        {{'connectorManagement.save' | translate}}\n      </button>\n      <button *ngIf=\"showDeleteButton\" class=\"btn btn-danger btn-space\" (click)=\"onDelete()\" [disabled]=\"disabled\">\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{display:flex;flex-flow:row-reverse;justify-content:space-between;width:100%}"]
-            },] }
-];
-EditConnectorPropertiesComponent.ctorParameters = () => [
-    { type: ConnectorManagementStateService }
-];
-EditConnectorPropertiesComponent.propDecorators = {
-    properties: [{ type: Input }],
-    withDefaults: [{ type: Input }],
-    showDeleteButton: [{ type: Input }],
-    defaultName: [{ 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 EditConnectorPropertiesComponent {
+    constructor(stateService) {
+        this.stateService = stateService;
+        this.withDefaults = false;
+        this.showDeleteButton = false;
+        this.propertiesSave = new EventEmitter();
+        this.connectorDelete = new EventEmitter();
+        this.modifiedProperties$ = new BehaviorSubject(undefined);
+        this.editFields$ = new BehaviorSubject([]);
+        this.connectorName$ = new BehaviorSubject('');
+        this.saveButtonDisabled$ = 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);
+            return (editFields.length !== validValues.length) || !connectorName;
+        }));
+        this.disabled$ = this.stateService.inputDisabled$;
+    }
+    ngOnInit() {
+        this.setEditFields();
+        this.setName();
+    }
+    ngOnChanges() {
+        this.setEditFields();
+        this.setName();
+    }
+    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);
+    }
+}
+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 class=\"edit-fields\" *ngIf=\"{editFields: editFields$ | async, disabled: disabled$ | async} as obs\">\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 *ngTemplateOutlet=\"singleInput;context:{editField: editField, disabled: obs.disabled}\"></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  <div class=\"form-group row\">\n    <label class=\"col-3 col-form-label text-sm-right\">\n      {{'connectorManagement.inputLabels.connectorName' | translate}}\n    </label>\n    <div class=\"col-7\">\n      <input\n        class=\"form-control\"\n        type=\"text\"\n        (input)=\"onNameValueChange($event.target.value)\"\n        [disabled]=\"disabled\"\n        [value]=\"(withDefaults && defaultName) ? defaultName : ''\"\n      >\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #singleInput let-editField=\"editField\" let-disabled=\"disabled\">\n  <div class=\"form-group row\">\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      <input\n        *ngIf=\"editField.editType === 'string'\"\n        class=\"form-control\"\n        type=\"text\"\n        (input)=\"onSingleValueChange($event.target.value, editField)\"\n        [disabled]=\"disabled\"\n        [value]=\"withDefaults ? editField.defaultValue : ''\"\n      >\n      <input\n        *ngIf=\"editField.editType === 'number'\"\n        class=\"form-control\"\n        type=\"number\"\n        step=\"1\"\n        min=\"0\"\n        oninput=\"validity.valid||(value='');\"\n        (input)=\"onSingleValueChange($event.target.value, editField)\"\n        [disabled]=\"disabled\"\n        [value]=\"withDefaults ? editField.defaultValue : ''\"\n      >\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #buttons let-disabled=\"disabled\">\n  <div class=\"border-top mt-3 pt-6\">\n    <div class=\"button-container\">\n      <button class=\"btn btn-primary\" [disabled]=\"disabled || (saveButtonDisabled$ | async)\" (click)=\"onSave()\">\n        <i class=\"icon mdi mdi-save mr-1\"></i>\n        {{'connectorManagement.save' | translate}}\n      </button>\n      <button *ngIf=\"showDeleteButton\" class=\"btn btn-danger btn-space\" (click)=\"onDelete()\" [disabled]=\"disabled\">\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{display:flex;flex-flow:row-reverse;justify-content:space-between;width:100%}"]
+            },] }
+];
+EditConnectorPropertiesComponent.ctorParameters = () => [
+    { type: ConnectorManagementStateService }
+];
+EditConnectorPropertiesComponent.propDecorators = {
+    properties: [{ type: Input }],
+    withDefaults: [{ type: Input }],
+    showDeleteButton: [{ type: Input }],
+    defaultName: [{ 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 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.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 *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 class=\"btn btn-danger ml-3\" [disabled]=\"obs.disabled\" (click)=\"deleteSync(obs.syncConfig.id)\">\n              <i class=\"fa fa-trash\"></i>\n            </button>\n          </div>\n        </div>\n        <div class=\"card-body\">\n          <div class=\"setting-row\">\n            Automatisch zaakdetails synchroniseren\n            <div class=\"controls\">\n              <div class=\"switch-button switch-button-success\">\n                <input type=\"checkbox\" [checked]=\"obs.syncConfig.enabled\" [disabled]=\"obs.disabled\" name=\"sync\" id=\"sync\" (click)=\"toggleSync(obs.syncConfig)\">\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\"></i> &nbsp;\n      {{'connectorManagement.extension.buttonText' | translate}}\n    </button>\n  </div>\n</ng-template>\n",
-                styles: [".card-header,.setting-row{flex-direction:row;justify-content:space-between}.card-header,.controls,.setting-row{align-items:center;display:flex}"]
-            },] }
-];
-ConnectorLinkExtensionComponent.ctorParameters = () => [
-    { type: ConnectorManagementStateService },
-    { type: ObjectApiSyncService },
-    { type: TranslateService },
-    { type: ActivatedRoute },
-    { type: 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 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.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 *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 class=\"btn btn-danger ml-3\" [disabled]=\"obs.disabled\" (click)=\"deleteSync(obs.syncConfig.id)\">\n              <i class=\"fa fa-trash\"></i>\n            </button>\n          </div>\n        </div>\n        <div class=\"card-body\">\n          <div class=\"setting-row\">\n            Automatisch zaakdetails synchroniseren\n            <div class=\"controls\">\n              <div class=\"switch-button switch-button-success\">\n                <input type=\"checkbox\" [checked]=\"obs.syncConfig.enabled\" [disabled]=\"obs.disabled\" name=\"sync\" id=\"sync\" (click)=\"toggleSync(obs.syncConfig)\">\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\"></i> &nbsp;\n      {{'connectorManagement.extension.buttonText' | translate}}\n    </button>\n  </div>\n</ng-template>\n",
+                styles: [".card-header,.setting-row{flex-direction:row;justify-content:space-between}.card-header,.controls,.setting-row{align-items:center;display:flex}"]
+            },] }
+];
+ConnectorLinkExtensionComponent.ctorParameters = () => [
+    { type: ConnectorManagementStateService },
+    { type: ObjectApiSyncService },
+    { type: TranslateService },
+    { type: ActivatedRoute },
+    { type: 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 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.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 *ngTemplateOutlet=\"input;context:{index: index, disabled: disabled, values: obs.values}\">\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 class=\"btn btn-danger btn-space btn-sm\" (click)=\"removeRow()\" [disabled]=\"disabled || (removeButtonDisabled$ | async)\">\n      <i class=\"icon mdi mdi-delete mr-1\"></i>\n      {{'connectorManagement.removeValue' | translate}}\n    </button>\n    <button class=\"btn btn-secondary btn-space mr-0 btn-sm\" (click)=\"addRow()\" [disabled]=\"disabled || (addButtonDisabled$ | async)\">\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;justify-content:flex-end;width:100%}"]
-            },] }
-];
-MultiValueConnectorPropertyComponent.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 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.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 *ngTemplateOutlet=\"input;context:{index: index, disabled: disabled, values: obs.values}\">\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 class=\"btn btn-danger btn-space btn-sm\" (click)=\"removeRow()\" [disabled]=\"disabled || (removeButtonDisabled$ | async)\">\n      <i class=\"icon mdi mdi-delete mr-1\"></i>\n      {{'connectorManagement.removeValue' | translate}}\n    </button>\n    <button class=\"btn btn-secondary btn-space mr-0 btn-sm\" (click)=\"addRow()\" [disabled]=\"disabled || (addButtonDisabled$ | async)\">\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;justify-content:flex-end;width:100%}"]
+            },] }
+];
+MultiValueConnectorPropertyComponent.propDecorators = {
+    editField: [{ type: Input }],
+    disabled: [{ type: Input }],
+    defaultValue: [{ type: Input }],
+    valuesSet: [{ type: Output }]
 };
 
-const ɵ0$1 = {
-    'custom': 'values = window[\'productRequestDefinitions\'][row.caseDefinitionKey] || []'
-};
-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: ɵ0$1,
-                            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.objectsApi.panelTitle',
-                    collapsible: false,
-                    key: 'connectorFormProductaanvraagStep1ObjectsApiPanelTitle',
-                    type: 'panel',
-                    label: 'Panel',
-                    input: false,
-                    tableView: false,
-                    components: [
-                        {
-                            label: 'connectorForm.productaanvraag.step1.objectsApi.url.label',
-                            tooltip: 'connectorForm.productaanvraag.step1.objectsApi.url.tooltip',
-                            tableView: true,
-                            validate: {
-                                required: true
-                            },
-                            key: 'objectsApiUrl',
-                            type: 'textfield',
-                            input: true
-                        },
-                        {
-                            label: 'connectorForm.productaanvraag.step1.objectsApi.token.label',
-                            tooltip: 'connectorForm.productaanvraag.step1.objectsApi.token.tooltip',
-                            tableView: true,
-                            validate: {
-                                required: true
-                            },
-                            key: 'objectsApiToken',
-                            type: 'textfield',
-                            input: true
-                        }
-                    ]
-                },
-                {
-                    title: 'connectorForm.productaanvraag.step1.objectTypesApi.panelTitle',
-                    collapsible: false,
-                    key: 'connectorFormProductaanvraagStep1ObjectTypesApiPanelTitle',
-                    type: 'panel',
-                    label: 'Panel',
-                    input: false,
-                    tableView: false,
-                    components: [
-                        {
-                            label: 'connectorForm.productaanvraag.step1.objectTypesApi.url.label',
-                            tooltip: 'connectorForm.productaanvraag.step1.objectTypesApi.url.tooltip',
-                            tableView: true,
-                            validate: {
-                                required: true
-                            },
-                            key: 'objectTypesApiUrl',
-                            type: 'textfield',
-                            input: true
-                        },
-                        {
-                            label: 'connectorForm.productaanvraag.step1.objectTypesApi.token.label',
-                            tooltip: 'connectorForm.productaanvraag.step1.objectTypesApi.token.tooltip',
-                            tableView: true,
-                            validate: {
-                                required: true
-                            },
-                            key: 'objectTypesApiToken',
-                            type: 'textfield',
-                            input: true
-                        }
-                    ]
-                }
-            ]
-        },
-        {
-            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: 'html2',
-                    type: 'htmlelement',
-                    input: false,
-                    tableView: false
-                },
-                {
-                    title: 'connectorForm.productaanvraag.step2.objectType.panelTitle',
-                    collapsible: false,
-                    key: 'connectorFormProductaanvraagStep2ObjectTypePanelTitle',
-                    type: 'panel',
-                    label: 'Panel',
-                    input: false,
-                    tableView: false,
-                    components: [
-                        {
-                            label: 'connectorForm.productaanvraag.step2.objectType.name.label',
-                            tooltip: 'connectorForm.productaanvraag.step2.objectType.name.tooltip',
-                            tableView: true,
-                            validate: {
-                                required: true
-                            },
-                            key: 'objectTypeName',
-                            type: 'textfield',
-                            input: true
-                        },
-                        {
-                            label: 'connectorForm.productaanvraag.step2.objectType.title.label',
-                            tooltip: 'connectorForm.productaanvraag.step2.objectType.title.tooltip',
-                            tableView: true,
-                            validate: {
-                                required: true
-                            },
-                            key: 'objectTypeTitle',
-                            type: 'textfield',
-                            input: true
-                        },
-                        {
-                            label: 'connectorForm.productaanvraag.step2.objectType.url.label',
-                            tooltip: 'connectorForm.productaanvraag.step2.objectType.url.tooltip',
-                            tableView: true,
-                            validate: {
-                                required: true
-                            },
-                            key: 'objectTypeUrl',
-                            type: 'textfield',
-                            input: true
-                        },
-                        {
-                            label: 'connectorForm.productaanvraag.step2.objectType.typeVersion.label',
-                            tooltip: 'connectorForm.productaanvraag.step2.objectType.typeVersion.tooltip',
-                            tableView: true,
-                            validate: {
-                                required: true
-                            },
-                            key: 'objectTypeVersion',
-                            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: 'html1',
-                    type: 'htmlelement',
-                    input: false,
-                    tableView: false
-                },
-                {
-                    title: 'connectorForm.productaanvraag.step3.openNotifications.panelTitle',
-                    collapsible: false,
-                    key: 'connectorFormProductaanvraagStep3OpenNotificationsPanelTitle',
-                    type: 'panel',
-                    label: 'Panel',
-                    input: false,
-                    tableView: false,
-                    components: [
-                        {
-                            label: 'connectorForm.productaanvraag.step3.openNotifications.baseUrl.label',
-                            tooltip: 'connectorForm.productaanvraag.step3.openNotifications.baseUrl.tooltip',
-                            tableView: true,
-                            validate: {
-                                required: true
-                            },
-                            key: 'openNotificationsBaseUrl',
-                            type: 'textfield',
-                            input: true
-                        },
-                        {
-                            label: 'connectorForm.productaanvraag.step3.openNotifications.clientId.label',
-                            tooltip: 'connectorForm.productaanvraag.step3.openNotifications.clientId.tooltip',
-                            tableView: true,
-                            validate: {
-                                required: true
-                            },
-                            key: 'openNotificationsClientId',
-                            type: 'textfield',
-                            input: true
-                        },
-                        {
-                            label: 'connectorForm.productaanvraag.step3.openNotifications.secret.label',
-                            tooltip: 'connectorForm.productaanvraag.step3.openNotifications.secret.tooltip',
-                            tableView: true,
-                            validate: {
-                                required: true
-                            },
-                            key: 'openNotificationsSecret',
-                            type: 'textfield',
-                            input: true
-                        },
-                        {
-                            label: 'connectorForm.productaanvraag.step3.openNotifications.callbackBaseUrl.label',
-                            tooltip: 'connectorForm.productaanvraag.step3.openNotifications.callbackBaseUrl.tooltip',
-                            tableView: true,
-                            validate: {
-                                required: true
-                            },
-                            key: 'openNotificationsCallbackBaseUrl',
-                            type: 'textfield',
-                            input: true
-                        }
-                    ]
-                }
-            ]
-        },
-        {
-            title: 'connectorForm.productaanvraag.step4.title',
-            breadcrumbClickable: true,
-            buttonSettings: {
-                previous: true,
-                cancel: true,
-                next: true
-            },
-            navigateOnEnter: false,
-            saveOnEnter: false,
-            scrollToTop: false,
-            collapsible: false,
-            key: 'page4',
-            type: 'panel',
-            label: 'Page 4',
-            input: false,
-            tableView: false,
-            components: [
-                {
-                    label: 'HTML',
-                    attrs: [
-                        {
-                            attr: '',
-                            value: ''
-                        }
-                    ],
-                    content: 'connectorForm.productaanvraag.step4.tip',
-                    refreshOnChange: false,
-                    key: 'html3',
-                    type: 'htmlelement',
-                    input: false,
-                    tableView: false
-                },
-                {
-                    title: 'connectorForm.productaanvraag.step4.applicant.panelTitle',
-                    collapsible: false,
-                    key: 'connectorFormProductaanvraagStep4ApplicantPanelTitle',
-                    type: 'panel',
-                    label: 'Panel',
-                    input: false,
-                    tableView: false,
-                    components: [
-                        {
-                            label: 'HTML',
-                            attrs: [
-                                {
-                                    attr: '',
-                                    value: ''
-                                }
-                            ],
-                            content: 'connectorForm.productaanvraag.step4.applicant.tip',
-                            refreshOnChange: false,
-                            key: 'html5',
-                            type: 'htmlelement',
-                            input: false,
-                            tableView: false
-                        },
-                        {
-                            label: 'connectorForm.productaanvraag.step4.applicant.roleTypeUrl.label',
-                            tooltip: 'connectorForm.productaanvraag.step4.applicant.roleTypeUrl.tooltip',
-                            tableView: true,
-                            validate: {
-                                required: true
-                            },
-                            key: 'applicantRoleTypeUrl',
-                            type: 'textfield',
-                            input: true
-                        }
-                    ]
-                }
-            ]
-        },
-        {
-            title: 'connectorForm.productaanvraag.step5.title',
-            breadcrumbClickable: true,
-            buttonSettings: {
-                previous: true,
-                cancel: true,
-                next: true
-            },
-            navigateOnEnter: false,
-            saveOnEnter: false,
-            scrollToTop: false,
-            collapsible: false,
-            key: 'page6',
-            type: 'panel',
-            label: 'Page 5',
-            input: false,
-            tableView: false,
-            components: [
-                {
-                    label: 'HTML',
-                    attrs: [
-                        {
-                            attr: '',
-                            value: ''
-                        }
-                    ],
-                    content: 'connectorForm.productaanvraag.step5.tip',
-                    refreshOnChange: false,
-                    key: 'html6',
-                    type: 'htmlelement',
-                    input: false,
-                    tableView: false
-                },
-                {
-                    label: 'connectorForm.productaanvraag.step5.name',
-                    tableView: true,
-                    validate: {
-                        required: true
-                    },
-                    key: 'connectorName',
-                    type: 'textfield',
-                    input: true
-                }
-            ]
-        }
-    ]
+const ɵ0$1 = {
+    'custom': 'values = window[\'productRequestDefinitions\'][row.caseDefinitionKey] || []'
+};
+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: ɵ0$1,
+                            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.objectsApi.panelTitle',
+                    collapsible: false,
+                    key: 'connectorFormProductaanvraagStep1ObjectsApiPanelTitle',
+                    type: 'panel',
+                    label: 'Panel',
+                    input: false,
+                    tableView: false,
+                    components: [
+                        {
+                            label: 'connectorForm.productaanvraag.step1.objectsApi.url.label',
+                            tooltip: 'connectorForm.productaanvraag.step1.objectsApi.url.tooltip',
+                            tableView: true,
+                            validate: {
+                                required: true
+                            },
+                            key: 'objectsApiUrl',
+                            type: 'textfield',
+                            input: true
+                        },
+                        {
+                            label: 'connectorForm.productaanvraag.step1.objectsApi.token.label',
+                            tooltip: 'connectorForm.productaanvraag.step1.objectsApi.token.tooltip',
+                            tableView: true,
+                            validate: {
+                                required: true
+                            },
+                            key: 'objectsApiToken',
+                            type: 'textfield',
+                            input: true
+                        }
+                    ]
+                },
+                {
+                    title: 'connectorForm.productaanvraag.step1.objectTypesApi.panelTitle',
+                    collapsible: false,
+                    key: 'connectorFormProductaanvraagStep1ObjectTypesApiPanelTitle',
+                    type: 'panel',
+                    label: 'Panel',
+                    input: false,
+                    tableView: false,
+                    components: [
+                        {
+                            label: 'connectorForm.productaanvraag.step1.objectTypesApi.url.label',
+                            tooltip: 'connectorForm.productaanvraag.step1.objectTypesApi.url.tooltip',
+                            tableView: true,
+                            validate: {
+                                required: true
+                            },
+                            key: 'objectTypesApiUrl',
+                            type: 'textfield',
+                            input: true
+                        },
+                        {
+                            label: 'connectorForm.productaanvraag.step1.objectTypesApi.token.label',
+                            tooltip: 'connectorForm.productaanvraag.step1.objectTypesApi.token.tooltip',
+                            tableView: true,
+                            validate: {
+                                required: true
+                            },
+                            key: 'objectTypesApiToken',
+                            type: 'textfield',
+                            input: true
+                        }
+                    ]
+                }
+            ]
+        },
+        {
+            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: 'html2',
+                    type: 'htmlelement',
+                    input: false,
+                    tableView: false
+                },
+                {
+                    title: 'connectorForm.productaanvraag.step2.objectType.panelTitle',
+                    collapsible: false,
+                    key: 'connectorFormProductaanvraagStep2ObjectTypePanelTitle',
+                    type: 'panel',
+                    label: 'Panel',
+                    input: false,
+                    tableView: false,
+                    components: [
+                        {
+                            label: 'connectorForm.productaanvraag.step2.objectType.name.label',
+                            tooltip: 'connectorForm.productaanvraag.step2.objectType.name.tooltip',
+                            tableView: true,
+                            validate: {
+                                required: true
+                            },
+                            key: 'objectTypeName',
+                            type: 'textfield',
+                            input: true
+                        },
+                        {
+                            label: 'connectorForm.productaanvraag.step2.objectType.title.label',
+                            tooltip: 'connectorForm.productaanvraag.step2.objectType.title.tooltip',
+                            tableView: true,
+                            validate: {
+                                required: true
+                            },
+                            key: 'objectTypeTitle',
+                            type: 'textfield',
+                            input: true
+                        },
+                        {
+                            label: 'connectorForm.productaanvraag.step2.objectType.url.label',
+                            tooltip: 'connectorForm.productaanvraag.step2.objectType.url.tooltip',
+                            tableView: true,
+                            validate: {
+                                required: true
+                            },
+                            key: 'objectTypeUrl',
+                            type: 'textfield',
+                            input: true
+                        },
+                        {
+                            label: 'connectorForm.productaanvraag.step2.objectType.typeVersion.label',
+                            tooltip: 'connectorForm.productaanvraag.step2.objectType.typeVersion.tooltip',
+                            tableView: true,
+                            validate: {
+                                required: true
+                            },
+                            key: 'objectTypeVersion',
+                            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: 'html1',
+                    type: 'htmlelement',
+                    input: false,
+                    tableView: false
+                },
+                {
+                    title: 'connectorForm.productaanvraag.step3.openNotifications.panelTitle',
+                    collapsible: false,
+                    key: 'connectorFormProductaanvraagStep3OpenNotificationsPanelTitle',
+                    type: 'panel',
+                    label: 'Panel',
+                    input: false,
+                    tableView: false,
+                    components: [
+                        {
+                            label: 'connectorForm.productaanvraag.step3.openNotifications.baseUrl.label',
+                            tooltip: 'connectorForm.productaanvraag.step3.openNotifications.baseUrl.tooltip',
+                            tableView: true,
+                            validate: {
+                                required: true
+                            },
+                            key: 'openNotificationsBaseUrl',
+                            type: 'textfield',
+                            input: true
+                        },
+                        {
+                            label: 'connectorForm.productaanvraag.step3.openNotifications.clientId.label',
+                            tooltip: 'connectorForm.productaanvraag.step3.openNotifications.clientId.tooltip',
+                            tableView: true,
+                            validate: {
+                                required: true
+                            },
+                            key: 'openNotificationsClientId',
+                            type: 'textfield',
+                            input: true
+                        },
+                        {
+                            label: 'connectorForm.productaanvraag.step3.openNotifications.secret.label',
+                            tooltip: 'connectorForm.productaanvraag.step3.openNotifications.secret.tooltip',
+                            tableView: true,
+                            validate: {
+                                required: true
+                            },
+                            key: 'openNotificationsSecret',
+                            type: 'textfield',
+                            input: true
+                        },
+                        {
+                            label: 'connectorForm.productaanvraag.step3.openNotifications.callbackBaseUrl.label',
+                            tooltip: 'connectorForm.productaanvraag.step3.openNotifications.callbackBaseUrl.tooltip',
+                            tableView: true,
+                            validate: {
+                                required: true
+                            },
+                            key: 'openNotificationsCallbackBaseUrl',
+                            type: 'textfield',
+                            input: true
+                        }
+                    ]
+                }
+            ]
+        },
+        {
+            title: 'connectorForm.productaanvraag.step4.title',
+            breadcrumbClickable: true,
+            buttonSettings: {
+                previous: true,
+                cancel: true,
+                next: true
+            },
+            navigateOnEnter: false,
+            saveOnEnter: false,
+            scrollToTop: false,
+            collapsible: false,
+            key: 'page4',
+            type: 'panel',
+            label: 'Page 4',
+            input: false,
+            tableView: false,
+            components: [
+                {
+                    label: 'HTML',
+                    attrs: [
+                        {
+                            attr: '',
+                            value: ''
+                        }
+                    ],
+                    content: 'connectorForm.productaanvraag.step4.tip',
+                    refreshOnChange: false,
+                    key: 'html3',
+                    type: 'htmlelement',
+                    input: false,
+                    tableView: false
+                },
+                {
+                    title: 'connectorForm.productaanvraag.step4.applicant.panelTitle',
+                    collapsible: false,
+                    key: 'connectorFormProductaanvraagStep4ApplicantPanelTitle',
+                    type: 'panel',
+                    label: 'Panel',
+                    input: false,
+                    tableView: false,
+                    components: [
+                        {
+                            label: 'HTML',
+                            attrs: [
+                                {
+                                    attr: '',
+                                    value: ''
+                                }
+                            ],
+                            content: 'connectorForm.productaanvraag.step4.applicant.tip',
+                            refreshOnChange: false,
+                            key: 'html5',
+                            type: 'htmlelement',
+                            input: false,
+                            tableView: false
+                        },
+                        {
+                            label: 'connectorForm.productaanvraag.step4.applicant.roleTypeUrl.label',
+                            tooltip: 'connectorForm.productaanvraag.step4.applicant.roleTypeUrl.tooltip',
+                            tableView: true,
+                            validate: {
+                                required: true
+                            },
+                            key: 'applicantRoleTypeUrl',
+                            type: 'textfield',
+                            input: true
+                        }
+                    ]
+                }
+            ]
+        },
+        {
+            title: 'connectorForm.productaanvraag.step5.title',
+            breadcrumbClickable: true,
+            buttonSettings: {
+                previous: true,
+                cancel: true,
+                next: true
+            },
+            navigateOnEnter: false,
+            saveOnEnter: false,
+            scrollToTop: false,
+            collapsible: false,
+            key: 'page6',
+            type: 'panel',
+            label: 'Page 5',
+            input: false,
+            tableView: false,
+            components: [
+                {
+                    label: 'HTML',
+                    attrs: [
+                        {
+                            attr: '',
+                            value: ''
+                        }
+                    ],
+                    content: 'connectorForm.productaanvraag.step5.tip',
+                    refreshOnChange: false,
+                    key: 'html6',
+                    type: 'htmlelement',
+                    input: false,
+                    tableView: false
+                },
+                {
+                    label: 'connectorForm.productaanvraag.step5.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) {
-        this.formTranslationService = formTranslationService;
-        this.formMappingService = formMappingService;
-        this.documentService = documentService;
-        this.translateService = translateService;
-        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.formDefinition$.next(editProductAanvragenConnectorForm);
-        this.loadDefinitions();
-    }
-    ngOnDestroy() {
-        var _a, _b;
-        (_a = this.formDefinitionSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
-        (_b = this.translateSubscription) === null || _b === void 0 ? void 0 : _b.unsubscribe();
-    }
-    onSubmit(event) {
-        const submission = event.data;
-        const properties = cloneDeep(this.properties);
-        properties.objectsApiProperties.objectsApi.url = submission.objectsApiUrl;
-        properties.objectsApiProperties.objectsApi.token = submission.objectsApiToken;
-        properties.objectsApiProperties.objectsTypeApi.url = submission.objectTypesApiUrl;
-        properties.objectsApiProperties.objectsTypeApi.token = submission.objectTypesApiToken;
-        properties.objectsApiProperties.objectType.name = submission.objectTypeName;
-        properties.objectsApiProperties.objectType.title = submission.objectTypeTitle;
-        properties.objectsApiProperties.objectType.url = submission.objectTypeUrl;
-        properties.objectsApiProperties.objectType.typeVersion = submission.objectTypeVersion;
-        properties.openNotificatieProperties.baseUrl = submission.openNotificationsBaseUrl;
-        properties.openNotificatieProperties.clientId = submission.openNotificationsClientId;
-        properties.openNotificatieProperties.secret = submission.openNotificationsSecret;
-        properties.openNotificatieProperties.callbackBaseUrl = submission.openNotificationsCallbackBaseUrl;
-        properties.aanvragerRolTypeUrl = submission.applicantRoleTypeUrl;
-        properties.typeMapping = submission.productAanvraagTypes;
-        this.propertiesSave.emit({ properties, name: submission.connectorName });
-    }
-    onDelete() {
-        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.objectsApiUrl = properties.objectsApiProperties.objectsApi.url;
-        submission.objectsApiToken = properties.objectsApiProperties.objectsApi.token;
-        submission.objectTypesApiUrl = properties.objectsApiProperties.objectsTypeApi.url;
-        submission.objectTypesApiToken = properties.objectsApiProperties.objectsTypeApi.token;
-        submission.objectTypeName = properties.objectsApiProperties.objectType.name;
-        submission.objectTypeTitle = properties.objectsApiProperties.objectType.title;
-        submission.objectTypeUrl = properties.objectsApiProperties.objectType.url;
-        submission.objectTypeVersion = properties.objectsApiProperties.objectType.typeVersion;
-        submission.openNotificationsBaseUrl = properties.openNotificatieProperties.baseUrl;
-        submission.openNotificationsClientId = properties.openNotificatieProperties.clientId;
-        submission.openNotificationsSecret = properties.openNotificatieProperties.secret;
-        submission.openNotificationsCallbackBaseUrl = properties.openNotificatieProperties.callbackBaseUrl;
-        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) => {
-                return { 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();
-    }
-}
-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\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}"]
-            },] }
-];
-EditProductAanvragenConnectorComponent.ctorParameters = () => [
-    { type: FormTranslationService },
-    { type: FormMappingService },
-    { type: DocumentService },
-    { type: TranslateService }
-];
-EditProductAanvragenConnectorComponent.propDecorators = {
-    properties: [{ type: Input }],
-    defaultName: [{ type: Input }],
-    showDeleteButton: [{ type: Input }],
-    propertiesSave: [{ type: Output }],
-    connectorDelete: [{ type: Output }]
+/*
+ * 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) {
+        this.formTranslationService = formTranslationService;
+        this.formMappingService = formMappingService;
+        this.documentService = documentService;
+        this.translateService = translateService;
+        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.formDefinition$.next(editProductAanvragenConnectorForm);
+        this.loadDefinitions();
+    }
+    ngOnDestroy() {
+        var _a, _b;
+        (_a = this.formDefinitionSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        (_b = this.translateSubscription) === null || _b === void 0 ? void 0 : _b.unsubscribe();
+    }
+    onSubmit(event) {
+        const submission = event.data;
+        const properties = cloneDeep(this.properties);
+        properties.objectsApiProperties.objectsApi.url = submission.objectsApiUrl;
+        properties.objectsApiProperties.objectsApi.token = submission.objectsApiToken;
+        properties.objectsApiProperties.objectsTypeApi.url = submission.objectTypesApiUrl;
+        properties.objectsApiProperties.objectsTypeApi.token = submission.objectTypesApiToken;
+        properties.objectsApiProperties.objectType.name = submission.objectTypeName;
+        properties.objectsApiProperties.objectType.title = submission.objectTypeTitle;
+        properties.objectsApiProperties.objectType.url = submission.objectTypeUrl;
+        properties.objectsApiProperties.objectType.typeVersion = submission.objectTypeVersion;
+        properties.openNotificatieProperties.baseUrl = submission.openNotificationsBaseUrl;
+        properties.openNotificatieProperties.clientId = submission.openNotificationsClientId;
+        properties.openNotificatieProperties.secret = submission.openNotificationsSecret;
+        properties.openNotificatieProperties.callbackBaseUrl = submission.openNotificationsCallbackBaseUrl;
+        properties.aanvragerRolTypeUrl = submission.applicantRoleTypeUrl;
+        properties.typeMapping = submission.productAanvraagTypes;
+        this.propertiesSave.emit({ properties, name: submission.connectorName });
+    }
+    onDelete() {
+        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.objectsApiUrl = properties.objectsApiProperties.objectsApi.url;
+        submission.objectsApiToken = properties.objectsApiProperties.objectsApi.token;
+        submission.objectTypesApiUrl = properties.objectsApiProperties.objectsTypeApi.url;
+        submission.objectTypesApiToken = properties.objectsApiProperties.objectsTypeApi.token;
+        submission.objectTypeName = properties.objectsApiProperties.objectType.name;
+        submission.objectTypeTitle = properties.objectsApiProperties.objectType.title;
+        submission.objectTypeUrl = properties.objectsApiProperties.objectType.url;
+        submission.objectTypeVersion = properties.objectsApiProperties.objectType.typeVersion;
+        submission.openNotificationsBaseUrl = properties.openNotificatieProperties.baseUrl;
+        submission.openNotificationsClientId = properties.openNotificatieProperties.clientId;
+        submission.openNotificationsSecret = properties.openNotificatieProperties.secret;
+        submission.openNotificationsCallbackBaseUrl = properties.openNotificatieProperties.callbackBaseUrl;
+        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) => {
+                return { 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();
+    }
+}
+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\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}"]
+            },] }
+];
+EditProductAanvragenConnectorComponent.ctorParameters = () => [
+    { type: FormTranslationService },
+    { type: FormMappingService },
+    { type: DocumentService },
+    { type: TranslateService }
+];
+EditProductAanvragenConnectorComponent.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.propertiesSave = new EventEmitter();
-        this.connectorDelete = new EventEmitter();
-        this.productAanvragenName = 'ProductAanvragen';
-    }
-}
-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=\"connectorName !== productAanvragenName\"\n  [properties]=\"properties\"\n  [withDefaults]=\"withDefaults\"\n  [defaultName]=\"defaultName\"\n  [showDeleteButton]=\"showDeleteButton\"\n  (propertiesSave)=\"propertiesSave.emit($event)\"\n  (connectorDelete)=\"connectorDelete.emit()\"\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",
-                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 */"]
-            },] }
-];
-EditConnectorFormComponent.propDecorators = {
-    properties: [{ type: Input }],
-    withDefaults: [{ type: Input }],
-    showDeleteButton: [{ 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 EditConnectorFormComponent {
+    constructor() {
+        this.withDefaults = false;
+        this.showDeleteButton = false;
+        this.propertiesSave = new EventEmitter();
+        this.connectorDelete = new EventEmitter();
+        this.productAanvragenName = 'ProductAanvragen';
+    }
+}
+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=\"connectorName !== productAanvragenName\"\n  [properties]=\"properties\"\n  [withDefaults]=\"withDefaults\"\n  [defaultName]=\"defaultName\"\n  [showDeleteButton]=\"showDeleteButton\"\n  (propertiesSave)=\"propertiesSave.emit($event)\"\n  (connectorDelete)=\"connectorDelete.emit()\"\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",
+                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 */"]
+            },] }
+];
+EditConnectorFormComponent.propDecorators = {
+    properties: [{ type: Input }],
+    withDefaults: [{ type: Input }],
+    showDeleteButton: [{ 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 ConnectorManagementModule {
-}
-ConnectorManagementModule.decorators = [
-    { type: NgModule, args: [{
-                providers: [ConnectorManagementStateService],
-                declarations: [
-                    ConnectorManagementComponent,
-                    AddConnectorComponent,
-                    ConnectorModalComponent,
-                    ModifyConnectorComponent,
-                    EditConnectorPropertiesComponent,
-                    MultiValueConnectorPropertyComponent,
-                    ConnectorLinkExtensionComponent,
-                    ConnectorLinkExtensionModalComponent,
-                    EditProductAanvragenConnectorComponent,
-                    EditConnectorFormComponent
-                ],
-                imports: [
-                    CommonModule,
-                    ConnectorManagementRoutingModule,
-                    TranslateModule,
-                    WidgetModule,
-                    ListModule,
-                    SpinnerModule,
-                    ModalModule,
-                    FormIoModule
-                ],
-                exports: [
-                    ConnectorManagementComponent,
-                    AddConnectorComponent,
-                    ConnectorModalComponent,
-                    ModifyConnectorComponent,
-                    EditConnectorPropertiesComponent,
-                    MultiValueConnectorPropertyComponent,
-                    ConnectorLinkExtensionComponent,
-                    ConnectorLinkExtensionModalComponent,
-                    EditProductAanvragenConnectorComponent
-                ],
-                entryComponents: [
-                    ConnectorLinkExtensionComponent,
-                ]
-            },] }
+/*
+ * 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.decorators = [
+    { type: NgModule, args: [{
+                providers: [ConnectorManagementStateService],
+                declarations: [
+                    ConnectorManagementComponent,
+                    AddConnectorComponent,
+                    ConnectorModalComponent,
+                    ModifyConnectorComponent,
+                    EditConnectorPropertiesComponent,
+                    MultiValueConnectorPropertyComponent,
+                    ConnectorLinkExtensionComponent,
+                    ConnectorLinkExtensionModalComponent,
+                    EditProductAanvragenConnectorComponent,
+                    EditConnectorFormComponent
+                ],
+                imports: [
+                    CommonModule,
+                    ConnectorManagementRoutingModule,
+                    TranslateModule,
+                    WidgetModule,
+                    ListModule,
+                    SpinnerModule,
+                    ModalModule,
+                    FormIoModule
+                ],
+                exports: [
+                    ConnectorManagementComponent,
+                    AddConnectorComponent,
+                    ConnectorModalComponent,
+                    ModifyConnectorComponent,
+                    EditConnectorPropertiesComponent,
+                    MultiValueConnectorPropertyComponent,
+                    ConnectorLinkExtensionComponent,
+                    ConnectorLinkExtensionModalComponent,
+                    EditProductAanvragenConnectorComponent
+                ],
+                entryComponents: [
+                    ConnectorLinkExtensionComponent,
+                ]
+            },] }
 ];
 
-/*
- * 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 () => {
-        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.
+ */
+function connectorLinkExtensionInitializer(injector) {
+    const configService = injector.get(ConfigService);
+    const logger = injector.get(NGXLogger);
+    return () => {
+        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.
+/*
+ * 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.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { AddConnectorComponent, ConnectorLinkExtensionComponent, ConnectorLinkExtensionModalComponent, ConnectorManagementComponent, ConnectorManagementModule, ConnectorManagementService, ConnectorManagementStateService, ConnectorModalComponent, EditConnectorPropertiesComponent, ModifyConnectorComponent, MultiValueConnectorPropertyComponent, ObjectApiSyncService, connectorLinkExtensionInitializer, EditProductAanvragenConnectorComponent as ɵa, EditConnectorFormComponent as ɵb, ConnectorManagementRoutingModule as ɵc };