@valtimo/connector-management 4.15.3-next-main.16 → 4.17.0

package/bundles/valtimo-connector-management.umd.js

@@ -1,2097 +1,2115 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/router'), require('@angular/common'), require('@valtimo/security'), require('@valtimo/contract'), require('rxjs'), require('rxjs/operators'), require('@ngx-translate/core'), require('@angular/common/http'), require('@valtimo/config'), require('@valtimo/components'), require('lodash'), require('@valtimo/form'), require('@valtimo/document'), require('ngx-logger')) :
-    typeof define === 'function' && define.amd ? define('@valtimo/connector-management', ['exports', '@angular/core', '@angular/router', '@angular/common', '@valtimo/security', '@valtimo/contract', 'rxjs', 'rxjs/operators', '@ngx-translate/core', '@angular/common/http', '@valtimo/config', '@valtimo/components', 'lodash', '@valtimo/form', '@valtimo/document', 'ngx-logger'], factory) :
-    (global = global || self, factory((global.valtimo = global.valtimo || {}, global.valtimo['connector-management'] = {}), global.ng.core, global.ng.router, global.ng.common, global.security, global.contract, global.rxjs, global.rxjs.operators, global.cpre$1, global.ng.common.http, global.config, global.components, global.lodash, global.form, global.document, global.ngxLogger));
-}(this, (function (exports, i0, router, common, security, contract, rxjs, operators, core, i1, i2, components, lodash, form, document, ngxLogger) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/router'), require('@angular/common'), require('@valtimo/security'), require('@valtimo/config'), require('rxjs'), require('rxjs/operators'), require('@ngx-translate/core'), require('@angular/common/http'), require('@valtimo/components'), require('lodash'), require('@valtimo/form'), require('@valtimo/document'), require('ngx-logger')) :
+    typeof define === 'function' && define.amd ? define('@valtimo/connector-management', ['exports', '@angular/core', '@angular/router', '@angular/common', '@valtimo/security', '@valtimo/config', 'rxjs', 'rxjs/operators', '@ngx-translate/core', '@angular/common/http', '@valtimo/components', 'lodash', '@valtimo/form', '@valtimo/document', 'ngx-logger'], factory) :
+    (global = global || self, factory((global.valtimo = global.valtimo || {}, global.valtimo['connector-management'] = {}), global.ng.core, global.ng.router, global.ng.common, global.security, global.config, global.rxjs, global.rxjs.operators, global.cpre$1, global.ng.common.http, global.components, global.lodash, global.form, global.document, global.ngxLogger));
+}(this, (function (exports, i0, router, common, security, i2, rxjs, operators, core, i1, components, lodash, form, document, ngxLogger) { 'use strict';
 
-    /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-    /* global Reflect, Promise */
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b)
-                if (Object.prototype.hasOwnProperty.call(b, p))
-                    d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    function __extends(d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    }
-    var __assign = function () {
-        __assign = Object.assign || function __assign(t) {
-            for (var s, i = 1, n = arguments.length; i < n; i++) {
-                s = arguments[i];
-                for (var p in s)
-                    if (Object.prototype.hasOwnProperty.call(s, p))
-                        t[p] = s[p];
-            }
-            return t;
-        };
-        return __assign.apply(this, arguments);
-    };
-    function __rest(s, e) {
-        var t = {};
-        for (var p in s)
-            if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-                t[p] = s[p];
-        if (s != null && typeof Object.getOwnPropertySymbols === "function")
-            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                    t[p[i]] = s[p[i]];
-            }
-        return t;
-    }
-    function __decorate(decorators, target, key, desc) {
-        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-        if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-            r = Reflect.decorate(decorators, target, key, desc);
-        else
-            for (var i = decorators.length - 1; i >= 0; i--)
-                if (d = decorators[i])
-                    r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-        return c > 3 && r && Object.defineProperty(target, key, r), r;
-    }
-    function __param(paramIndex, decorator) {
-        return function (target, key) { decorator(target, key, paramIndex); };
-    }
-    function __metadata(metadataKey, metadataValue) {
-        if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
-            return Reflect.metadata(metadataKey, metadataValue);
-    }
-    function __awaiter(thisArg, _arguments, P, generator) {
-        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-        return new (P || (P = Promise))(function (resolve, reject) {
-            function fulfilled(value) { try {
-                step(generator.next(value));
-            }
-            catch (e) {
-                reject(e);
-            } }
-            function rejected(value) { try {
-                step(generator["throw"](value));
-            }
-            catch (e) {
-                reject(e);
-            } }
-            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-            step((generator = generator.apply(thisArg, _arguments || [])).next());
-        });
-    }
-    function __generator(thisArg, body) {
-        var _ = { label: 0, sent: function () { if (t[0] & 1)
-                throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
-        function verb(n) { return function (v) { return step([n, v]); }; }
-        function step(op) {
-            if (f)
-                throw new TypeError("Generator is already executing.");
-            while (_)
-                try {
-                    if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
-                        return t;
-                    if (y = 0, t)
-                        op = [op[0] & 2, t.value];
-                    switch (op[0]) {
-                        case 0:
-                        case 1:
-                            t = op;
-                            break;
-                        case 4:
-                            _.label++;
-                            return { value: op[1], done: false };
-                        case 5:
-                            _.label++;
-                            y = op[1];
-                            op = [0];
-                            continue;
-                        case 7:
-                            op = _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                        default:
-                            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                                _ = 0;
-                                continue;
-                            }
-                            if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
-                                _.label = op[1];
-                                break;
-                            }
-                            if (op[0] === 6 && _.label < t[1]) {
-                                _.label = t[1];
-                                t = op;
-                                break;
-                            }
-                            if (t && _.label < t[2]) {
-                                _.label = t[2];
-                                _.ops.push(op);
-                                break;
-                            }
-                            if (t[2])
-                                _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                    }
-                    op = body.call(thisArg, _);
-                }
-                catch (e) {
-                    op = [6, e];
-                    y = 0;
-                }
-                finally {
-                    f = t = 0;
-                }
-            if (op[0] & 5)
-                throw op[1];
-            return { value: op[0] ? op[1] : void 0, done: true };
-        }
-    }
-    var __createBinding = Object.create ? (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
-    }) : (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        o[k2] = m[k];
-    });
-    function __exportStar(m, o) {
-        for (var p in m)
-            if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
-                __createBinding(o, m, p);
-    }
-    function __values(o) {
-        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-        if (m)
-            return m.call(o);
-        if (o && typeof o.length === "number")
-            return {
-                next: function () {
-                    if (o && i >= o.length)
-                        o = void 0;
-                    return { value: o && o[i++], done: !o };
-                }
-            };
-        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-    }
-    function __read(o, n) {
-        var m = typeof Symbol === "function" && o[Symbol.iterator];
-        if (!m)
-            return o;
-        var i = m.call(o), r, ar = [], e;
-        try {
-            while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
-                ar.push(r.value);
-        }
-        catch (error) {
-            e = { error: error };
-        }
-        finally {
-            try {
-                if (r && !r.done && (m = i["return"]))
-                    m.call(i);
-            }
-            finally {
-                if (e)
-                    throw e.error;
-            }
-        }
-        return ar;
-    }
-    /** @deprecated */
-    function __spread() {
-        for (var ar = [], i = 0; i < arguments.length; i++)
-            ar = ar.concat(__read(arguments[i]));
-        return ar;
-    }
-    /** @deprecated */
-    function __spreadArrays() {
-        for (var s = 0, i = 0, il = arguments.length; i < il; i++)
-            s += arguments[i].length;
-        for (var r = Array(s), k = 0, i = 0; i < il; i++)
-            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-                r[k] = a[j];
-        return r;
-    }
-    function __spreadArray(to, from, pack) {
-        if (pack || arguments.length === 2)
-            for (var i = 0, l = from.length, ar; i < l; i++) {
-                if (ar || !(i in from)) {
-                    if (!ar)
-                        ar = Array.prototype.slice.call(from, 0, i);
-                    ar[i] = from[i];
-                }
-            }
-        return to.concat(ar || Array.prototype.slice.call(from));
-    }
-    function __await(v) {
-        return this instanceof __await ? (this.v = v, this) : new __await(v);
-    }
-    function __asyncGenerator(thisArg, _arguments, generator) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var g = generator.apply(thisArg, _arguments || []), i, q = [];
-        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
-        function verb(n) { if (g[n])
-            i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
-        function resume(n, v) { try {
-            step(g[n](v));
-        }
-        catch (e) {
-            settle(q[0][3], e);
-        } }
-        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
-        function fulfill(value) { resume("next", value); }
-        function reject(value) { resume("throw", value); }
-        function settle(f, v) { if (f(v), q.shift(), q.length)
-            resume(q[0][0], q[0][1]); }
-    }
-    function __asyncDelegator(o) {
-        var i, p;
-        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
-    }
-    function __asyncValues(o) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var m = o[Symbol.asyncIterator], i;
-        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
-    }
-    function __makeTemplateObject(cooked, raw) {
-        if (Object.defineProperty) {
-            Object.defineProperty(cooked, "raw", { value: raw });
-        }
-        else {
-            cooked.raw = raw;
-        }
-        return cooked;
-    }
-    ;
-    var __setModuleDefault = Object.create ? (function (o, v) {
-        Object.defineProperty(o, "default", { enumerable: true, value: v });
-    }) : function (o, v) {
-        o["default"] = v;
-    };
-    function __importStar(mod) {
-        if (mod && mod.__esModule)
-            return mod;
-        var result = {};
-        if (mod != null)
-            for (var k in mod)
-                if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
-                    __createBinding(result, mod, k);
-        __setModuleDefault(result, mod);
-        return result;
-    }
-    function __importDefault(mod) {
-        return (mod && mod.__esModule) ? mod : { default: mod };
-    }
-    function __classPrivateFieldGet(receiver, state, kind, f) {
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a getter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot read private member from an object whose class did not declare it");
-        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-    }
-    function __classPrivateFieldSet(receiver, state, value, kind, f) {
-        if (kind === "m")
-            throw new TypeError("Private method is not writable");
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a setter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot write private member to an object whose class did not declare it");
-        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+    /*
+     *
+     *  * 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 (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    ***************************************************************************** */
+    /* global Reflect, Promise */
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b)
+                if (Object.prototype.hasOwnProperty.call(b, p))
+                    d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    function __extends(d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    }
+    var __assign = function () {
+        __assign = Object.assign || function __assign(t) {
+            for (var s, i = 1, n = arguments.length; i < n; i++) {
+                s = arguments[i];
+                for (var p in s)
+                    if (Object.prototype.hasOwnProperty.call(s, p))
+                        t[p] = s[p];
+            }
+            return t;
+        };
+        return __assign.apply(this, arguments);
+    };
+    function __rest(s, e) {
+        var t = {};
+        for (var p in s)
+            if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+                t[p] = s[p];
+        if (s != null && typeof Object.getOwnPropertySymbols === "function")
+            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                    t[p[i]] = s[p[i]];
+            }
+        return t;
+    }
+    function __decorate(decorators, target, key, desc) {
+        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+        if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+            r = Reflect.decorate(decorators, target, key, desc);
+        else
+            for (var i = decorators.length - 1; i >= 0; i--)
+                if (d = decorators[i])
+                    r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+    }
+    function __param(paramIndex, decorator) {
+        return function (target, key) { decorator(target, key, paramIndex); };
+    }
+    function __metadata(metadataKey, metadataValue) {
+        if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+            return Reflect.metadata(metadataKey, metadataValue);
+    }
+    function __awaiter(thisArg, _arguments, P, generator) {
+        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+        return new (P || (P = Promise))(function (resolve, reject) {
+            function fulfilled(value) { try {
+                step(generator.next(value));
+            }
+            catch (e) {
+                reject(e);
+            } }
+            function rejected(value) { try {
+                step(generator["throw"](value));
+            }
+            catch (e) {
+                reject(e);
+            } }
+            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+            step((generator = generator.apply(thisArg, _arguments || [])).next());
+        });
+    }
+    function __generator(thisArg, body) {
+        var _ = { label: 0, sent: function () { if (t[0] & 1)
+                throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
+        function verb(n) { return function (v) { return step([n, v]); }; }
+        function step(op) {
+            if (f)
+                throw new TypeError("Generator is already executing.");
+            while (_)
+                try {
+                    if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
+                        return t;
+                    if (y = 0, t)
+                        op = [op[0] & 2, t.value];
+                    switch (op[0]) {
+                        case 0:
+                        case 1:
+                            t = op;
+                            break;
+                        case 4:
+                            _.label++;
+                            return { value: op[1], done: false };
+                        case 5:
+                            _.label++;
+                            y = op[1];
+                            op = [0];
+                            continue;
+                        case 7:
+                            op = _.ops.pop();
+                            _.trys.pop();
+                            continue;
+                        default:
+                            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                                _ = 0;
+                                continue;
+                            }
+                            if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
+                                _.label = op[1];
+                                break;
+                            }
+                            if (op[0] === 6 && _.label < t[1]) {
+                                _.label = t[1];
+                                t = op;
+                                break;
+                            }
+                            if (t && _.label < t[2]) {
+                                _.label = t[2];
+                                _.ops.push(op);
+                                break;
+                            }
+                            if (t[2])
+                                _.ops.pop();
+                            _.trys.pop();
+                            continue;
+                    }
+                    op = body.call(thisArg, _);
+                }
+                catch (e) {
+                    op = [6, e];
+                    y = 0;
+                }
+                finally {
+                    f = t = 0;
+                }
+            if (op[0] & 5)
+                throw op[1];
+            return { value: op[0] ? op[1] : void 0, done: true };
+        }
+    }
+    var __createBinding = Object.create ? (function (o, m, k, k2) {
+        if (k2 === undefined)
+            k2 = k;
+        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
+    }) : (function (o, m, k, k2) {
+        if (k2 === undefined)
+            k2 = k;
+        o[k2] = m[k];
+    });
+    function __exportStar(m, o) {
+        for (var p in m)
+            if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
+                __createBinding(o, m, p);
+    }
+    function __values(o) {
+        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+        if (m)
+            return m.call(o);
+        if (o && typeof o.length === "number")
+            return {
+                next: function () {
+                    if (o && i >= o.length)
+                        o = void 0;
+                    return { value: o && o[i++], done: !o };
+                }
+            };
+        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+    }
+    function __read(o, n) {
+        var m = typeof Symbol === "function" && o[Symbol.iterator];
+        if (!m)
+            return o;
+        var i = m.call(o), r, ar = [], e;
+        try {
+            while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
+                ar.push(r.value);
+        }
+        catch (error) {
+            e = { error: error };
+        }
+        finally {
+            try {
+                if (r && !r.done && (m = i["return"]))
+                    m.call(i);
+            }
+            finally {
+                if (e)
+                    throw e.error;
+            }
+        }
+        return ar;
+    }
+    /** @deprecated */
+    function __spread() {
+        for (var ar = [], i = 0; i < arguments.length; i++)
+            ar = ar.concat(__read(arguments[i]));
+        return ar;
+    }
+    /** @deprecated */
+    function __spreadArrays() {
+        for (var s = 0, i = 0, il = arguments.length; i < il; i++)
+            s += arguments[i].length;
+        for (var r = Array(s), k = 0, i = 0; i < il; i++)
+            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+                r[k] = a[j];
+        return r;
+    }
+    function __spreadArray(to, from, pack) {
+        if (pack || arguments.length === 2)
+            for (var i = 0, l = from.length, ar; i < l; i++) {
+                if (ar || !(i in from)) {
+                    if (!ar)
+                        ar = Array.prototype.slice.call(from, 0, i);
+                    ar[i] = from[i];
+                }
+            }
+        return to.concat(ar || Array.prototype.slice.call(from));
+    }
+    function __await(v) {
+        return this instanceof __await ? (this.v = v, this) : new __await(v);
+    }
+    function __asyncGenerator(thisArg, _arguments, generator) {
+        if (!Symbol.asyncIterator)
+            throw new TypeError("Symbol.asyncIterator is not defined.");
+        var g = generator.apply(thisArg, _arguments || []), i, q = [];
+        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
+        function verb(n) { if (g[n])
+            i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
+        function resume(n, v) { try {
+            step(g[n](v));
+        }
+        catch (e) {
+            settle(q[0][3], e);
+        } }
+        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
+        function fulfill(value) { resume("next", value); }
+        function reject(value) { resume("throw", value); }
+        function settle(f, v) { if (f(v), q.shift(), q.length)
+            resume(q[0][0], q[0][1]); }
+    }
+    function __asyncDelegator(o) {
+        var i, p;
+        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
+        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
+    }
+    function __asyncValues(o) {
+        if (!Symbol.asyncIterator)
+            throw new TypeError("Symbol.asyncIterator is not defined.");
+        var m = o[Symbol.asyncIterator], i;
+        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
+        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
+        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
+    }
+    function __makeTemplateObject(cooked, raw) {
+        if (Object.defineProperty) {
+            Object.defineProperty(cooked, "raw", { value: raw });
+        }
+        else {
+            cooked.raw = raw;
+        }
+        return cooked;
+    }
+    ;
+    var __setModuleDefault = Object.create ? (function (o, v) {
+        Object.defineProperty(o, "default", { enumerable: true, value: v });
+    }) : function (o, v) {
+        o["default"] = v;
+    };
+    function __importStar(mod) {
+        if (mod && mod.__esModule)
+            return mod;
+        var result = {};
+        if (mod != null)
+            for (var k in mod)
+                if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
+                    __createBinding(result, mod, k);
+        __setModuleDefault(result, mod);
+        return result;
+    }
+    function __importDefault(mod) {
+        return (mod && mod.__esModule) ? mod : { default: mod };
+    }
+    function __classPrivateFieldGet(receiver, state, kind, f) {
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a getter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+            throw new TypeError("Cannot read private member from an object whose class did not declare it");
+        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+    }
+    function __classPrivateFieldSet(receiver, state, value, kind, f) {
+        if (kind === "m")
+            throw new TypeError("Private method is not writable");
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a setter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+            throw new TypeError("Cannot write private member to an object whose class did not declare it");
+        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
     }
 
-    /*
-     * 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.
-     */
-    var ConnectorManagementService = /** @class */ (function () {
-        function ConnectorManagementService(http, configService) {
-            this.http = http;
-            this.configService = configService;
-            this.valtimoApiConfig = configService.config.valtimoApi;
-        }
-        ConnectorManagementService.prototype.getConnectorInstances = function (params) {
-            return this.http.get(this.valtimoApiConfig.endpointUri + "connector/instance", { params: params });
-        };
-        ConnectorManagementService.prototype.getConnectorInstancesByType = function (typeId, params) {
-            return this.http.get(this.valtimoApiConfig.endpointUri + "connector/instance/" + typeId, { params: params });
-        };
-        ConnectorManagementService.prototype.getConnectorInstanceById = function (instanceId) {
-            return this.http.get(this.valtimoApiConfig.endpointUri + "connector/instance?instanceId=" + instanceId);
-        };
-        ConnectorManagementService.prototype.getConnectorTypes = function () {
-            return this.http.get(this.valtimoApiConfig.endpointUri + "connector/type");
-        };
-        ConnectorManagementService.prototype.createConnectorInstance = function (request) {
-            return this.http.post(this.valtimoApiConfig.endpointUri + "connector/instance", request);
-        };
-        ConnectorManagementService.prototype.updateConnectorInstance = function (request) {
-            return this.http.put(this.valtimoApiConfig.endpointUri + "connector/instance", request);
-        };
-        ConnectorManagementService.prototype.deleteConnectorInstance = function (connectorInstanceId) {
-            return this.http.delete(this.valtimoApiConfig.endpointUri + "connector/instance/" + connectorInstanceId);
-        };
-        return ConnectorManagementService;
-    }());
-    ConnectorManagementService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ConnectorManagementService_Factory() { return new ConnectorManagementService(i0.ɵɵinject(i1.HttpClient), i0.ɵɵinject(i2.ConfigService)); }, token: ConnectorManagementService, providedIn: "root" });
-    ConnectorManagementService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root',
-                },] }
-    ];
-    ConnectorManagementService.ctorParameters = function () { return [
-        { type: i1.HttpClient },
-        { type: i2.ConfigService }
+    /*
+     * Copyright 2020 Dimpact.
+     *
+     * Licensed under EUPL, Version 1.2 (the "License");
+     * you may not use this file except in compliance with the License.
+     * You may obtain a copy of the License at
+     *
+     * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+     *
+     * Unless required by applicable law or agreed to in writing, software
+     * distributed under the License is distributed on an "AS IS" basis,
+     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+     * See the License for the specific language governing permissions and
+     * limitations under the License.
+     */
+    var ConnectorManagementService = /** @class */ (function () {
+        function ConnectorManagementService(http, configService) {
+            this.http = http;
+            this.configService = configService;
+            this.valtimoApiConfig = configService.config.valtimoApi;
+        }
+        ConnectorManagementService.prototype.getConnectorInstances = function (params) {
+            return this.http.get(this.valtimoApiConfig.endpointUri + "connector/instance", { params: params });
+        };
+        ConnectorManagementService.prototype.getConnectorInstancesByType = function (typeId, params) {
+            return this.http.get(this.valtimoApiConfig.endpointUri + "connector/instance/" + typeId, { params: params });
+        };
+        ConnectorManagementService.prototype.getConnectorInstanceById = function (instanceId) {
+            return this.http.get(this.valtimoApiConfig.endpointUri + "connector/instance?instanceId=" + instanceId);
+        };
+        ConnectorManagementService.prototype.getConnectorTypes = function () {
+            return this.http.get(this.valtimoApiConfig.endpointUri + "connector/type");
+        };
+        ConnectorManagementService.prototype.createConnectorInstance = function (request) {
+            return this.http.post(this.valtimoApiConfig.endpointUri + "connector/instance", request);
+        };
+        ConnectorManagementService.prototype.updateConnectorInstance = function (request) {
+            return this.http.put(this.valtimoApiConfig.endpointUri + "connector/instance", request);
+        };
+        ConnectorManagementService.prototype.deleteConnectorInstance = function (connectorInstanceId) {
+            return this.http.delete(this.valtimoApiConfig.endpointUri + "connector/instance/" + connectorInstanceId);
+        };
+        return ConnectorManagementService;
+    }());
+    ConnectorManagementService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ConnectorManagementService_Factory() { return new ConnectorManagementService(i0.ɵɵinject(i1.HttpClient), i0.ɵɵinject(i2.ConfigService)); }, token: ConnectorManagementService, providedIn: "root" });
+    ConnectorManagementService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
+    ConnectorManagementService.ctorParameters = function () { return [
+        { type: i1.HttpClient },
+        { type: i2.ConfigService }
     ]; };
 
-    /*
-     * Copyright 2020 Dimpact.
-     *
-     * Licensed under EUPL, Version 1.2 (the "License");
-     * you may not use this file except in compliance with the License.
-     * You may obtain a copy of the License at
-     *
-     * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
-     *
-     * Unless required by applicable law or agreed to in writing, software
-     * distributed under the License is distributed on an "AS IS" basis,
-     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-     * See the License for the specific language governing permissions and
-     * limitations under the License.
-     */
-    var ConnectorManagementStateService = /** @class */ (function () {
-        function ConnectorManagementStateService() {
-            this._showModal$ = new rxjs.BehaviorSubject(false);
-            this._showExtensionModal$ = new rxjs.BehaviorSubject(false);
-            this._inputDisabled$ = new rxjs.BehaviorSubject(false);
-            this._refresh$ = new rxjs.BehaviorSubject('refresh');
-            this._selectedInstance$ = new rxjs.BehaviorSubject(undefined);
-            this._lastConfigIdAdded$ = new rxjs.BehaviorSubject('');
-        }
-        Object.defineProperty(ConnectorManagementStateService.prototype, "showModal$", {
-            get: function () {
-                return this._showModal$.asObservable();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(ConnectorManagementStateService.prototype, "showExtensionModal$", {
-            get: function () {
-                return this._showExtensionModal$.asObservable();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(ConnectorManagementStateService.prototype, "inputDisabled$", {
-            get: function () {
-                return this._inputDisabled$.asObservable();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(ConnectorManagementStateService.prototype, "refresh$", {
-            get: function () {
-                return this._refresh$.asObservable();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(ConnectorManagementStateService.prototype, "selectedInstance$", {
-            get: function () {
-                return this._selectedInstance$.asObservable();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(ConnectorManagementStateService.prototype, "lastConfigIdAdded$", {
-            get: function () {
-                return this._lastConfigIdAdded$.asObservable();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        ConnectorManagementStateService.prototype.showModal = function () {
-            this._showModal$.next(true);
-        };
-        ConnectorManagementStateService.prototype.hideModal = function () {
-            this._showModal$.next(false);
-        };
-        ConnectorManagementStateService.prototype.showExtensionModal = function () {
-            this._showExtensionModal$.next(true);
-        };
-        ConnectorManagementStateService.prototype.hideExtensionModal = function () {
-            this._showExtensionModal$.next(false);
-        };
-        ConnectorManagementStateService.prototype.disableInput = function () {
-            this._inputDisabled$.next(true);
-        };
-        ConnectorManagementStateService.prototype.enableInput = function () {
-            this._inputDisabled$.next(false);
-        };
-        ConnectorManagementStateService.prototype.refresh = function () {
-            this._refresh$.next('refresh');
-        };
-        ConnectorManagementStateService.prototype.setConnectorInstance = function (instance) {
-            this._selectedInstance$.next(instance);
-        };
-        ConnectorManagementStateService.prototype.setLastConfigIdAdded = function (id) {
-            this._lastConfigIdAdded$.next(id);
-        };
-        ConnectorManagementStateService.prototype.clearLastConfigIdAdded = function () {
-            this._lastConfigIdAdded$.next('');
-        };
-        return ConnectorManagementStateService;
-    }());
-    ConnectorManagementStateService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ConnectorManagementStateService_Factory() { return new ConnectorManagementStateService(); }, token: ConnectorManagementStateService, providedIn: "root" });
-    ConnectorManagementStateService.decorators = [
-        { type: i0.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.
+     */
+    var ConnectorManagementStateService = /** @class */ (function () {
+        function ConnectorManagementStateService() {
+            this._showModal$ = new rxjs.BehaviorSubject(false);
+            this._showExtensionModal$ = new rxjs.BehaviorSubject(false);
+            this._inputDisabled$ = new rxjs.BehaviorSubject(false);
+            this._refresh$ = new rxjs.BehaviorSubject('refresh');
+            this._selectedInstance$ = new rxjs.BehaviorSubject(undefined);
+            this._lastConfigIdAdded$ = new rxjs.BehaviorSubject('');
+        }
+        Object.defineProperty(ConnectorManagementStateService.prototype, "showModal$", {
+            get: function () {
+                return this._showModal$.asObservable();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(ConnectorManagementStateService.prototype, "showExtensionModal$", {
+            get: function () {
+                return this._showExtensionModal$.asObservable();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(ConnectorManagementStateService.prototype, "inputDisabled$", {
+            get: function () {
+                return this._inputDisabled$.asObservable();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(ConnectorManagementStateService.prototype, "refresh$", {
+            get: function () {
+                return this._refresh$.asObservable();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(ConnectorManagementStateService.prototype, "selectedInstance$", {
+            get: function () {
+                return this._selectedInstance$.asObservable();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(ConnectorManagementStateService.prototype, "lastConfigIdAdded$", {
+            get: function () {
+                return this._lastConfigIdAdded$.asObservable();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        ConnectorManagementStateService.prototype.showModal = function () {
+            this._showModal$.next(true);
+        };
+        ConnectorManagementStateService.prototype.hideModal = function () {
+            this._showModal$.next(false);
+        };
+        ConnectorManagementStateService.prototype.showExtensionModal = function () {
+            this._showExtensionModal$.next(true);
+        };
+        ConnectorManagementStateService.prototype.hideExtensionModal = function () {
+            this._showExtensionModal$.next(false);
+        };
+        ConnectorManagementStateService.prototype.disableInput = function () {
+            this._inputDisabled$.next(true);
+        };
+        ConnectorManagementStateService.prototype.enableInput = function () {
+            this._inputDisabled$.next(false);
+        };
+        ConnectorManagementStateService.prototype.refresh = function () {
+            this._refresh$.next('refresh');
+        };
+        ConnectorManagementStateService.prototype.setConnectorInstance = function (instance) {
+            this._selectedInstance$.next(instance);
+        };
+        ConnectorManagementStateService.prototype.setLastConfigIdAdded = function (id) {
+            this._lastConfigIdAdded$.next(id);
+        };
+        ConnectorManagementStateService.prototype.clearLastConfigIdAdded = function () {
+            this._lastConfigIdAdded$.next('');
+        };
+        return ConnectorManagementStateService;
+    }());
+    ConnectorManagementStateService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ConnectorManagementStateService_Factory() { return new ConnectorManagementStateService(); }, token: ConnectorManagementStateService, providedIn: "root" });
+    ConnectorManagementStateService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
     ];
 
-    var ConnectorManagementComponent = /** @class */ (function () {
-        function ConnectorManagementComponent(connectorManagementService, translateService, stateService) {
-            var _this = this;
-            this.connectorManagementService = connectorManagementService;
-            this.translateService = translateService;
-            this.stateService = stateService;
-            this.loading$ = new rxjs.BehaviorSubject(true);
-            this.fields$ = new rxjs.BehaviorSubject([]);
-            this.currentPageAndSize$ = new rxjs.BehaviorSubject({
-                page: 0,
-                size: 10,
-            });
-            this.pageSizes$ = new rxjs.BehaviorSubject({
-                collectionSize: 0,
-                maxPaginationItemSize: 5,
-            });
-            this.pagination$ = rxjs.combineLatest([
-                this.currentPageAndSize$,
-                this.pageSizes$,
-            ]).pipe(operators.map(function (_b) {
-                var _c = __read(_b, 2), currentPage = _c[0], sizes = _c[1];
-                return (Object.assign(Object.assign(Object.assign({}, currentPage), sizes), { page: currentPage.page + 1 }));
-            }));
-            this.connectorInstances$ = rxjs.combineLatest([
-                this.currentPageAndSize$,
-                this.translateService.stream('key'),
-                this.stateService.refresh$,
-            ]).pipe(operators.tap(function () { return _this.setFields(); }), operators.switchMap(function (_b) {
-                var _c = __read(_b, 1), currentPage = _c[0];
-                return rxjs.combineLatest([
-                    _this.connectorManagementService.getConnectorInstances({
-                        page: currentPage.page,
-                        size: currentPage.size,
-                    }),
-                    _this.connectorManagementService.getConnectorTypes(),
-                ]);
-            }), operators.tap(function (_b) {
-                var _c = __read(_b, 1), instanceRes = _c[0];
-                _this.pageSizes$.pipe(operators.take(1)).subscribe(function (sizes) {
-                    _this.pageSizes$.next(Object.assign(Object.assign({}, sizes), { collectionSize: instanceRes.totalElements }));
-                });
-            }), operators.map(function (_b) {
-                var _c = __read(_b, 2), instanceRes = _c[0], typesRes = _c[1];
-                return instanceRes.content.map(function (instance) {
-                    var _a;
-                    return Object.assign(Object.assign({}, instance), { typeName: (_a = typesRes.find(function (type) { return type.id === instance.type.id; })) === null || _a === void 0 ? void 0 : _a.name });
-                });
-            }), operators.tap(function () { return _this.loading$.next(false); }));
-            this.modalType$ = new rxjs.BehaviorSubject('add');
-        }
-        ConnectorManagementComponent.prototype.ngOnDestroy = function () {
-            this.stateService.hideModal();
-        };
-        ConnectorManagementComponent.prototype.paginationClicked = function (newPageNumber) {
-            var _this = this;
-            this.currentPageAndSize$.pipe(operators.take(1)).subscribe(function (currentPage) {
-                _this.currentPageAndSize$.next(Object.assign(Object.assign({}, currentPage), { page: newPageNumber - 1 }));
-            });
-        };
-        ConnectorManagementComponent.prototype.paginationSet = function (newPageSize) {
-            var _this = this;
-            if (newPageSize) {
-                this.currentPageAndSize$.pipe(operators.take(1)).subscribe(function (currentPage) {
-                    _this.currentPageAndSize$.next(Object.assign(Object.assign({}, currentPage), { size: newPageSize }));
-                });
-            }
-        };
-        ConnectorManagementComponent.prototype.rowClicked = function (instance) {
-            this.modalType$.next('modify');
-            this.stateService.setConnectorInstance(instance);
-            this.stateService.showModal();
-        };
-        ConnectorManagementComponent.prototype.showAddModal = function () {
-            this.modalType$.next('add');
-            this.stateService.showModal();
-        };
-        ConnectorManagementComponent.prototype.setFields = function () {
-            var _this = this;
-            var getTranslatedLabel = function (key) { return _this.translateService.instant("connectorManagement.labels." + key); };
-            var keys = ['name', 'typeName'];
-            this.fields$.next(keys.map(function (key) { return ({ label: getTranslatedLabel(key), key: key }); }));
-        };
-        return ConnectorManagementComponent;
-    }());
-    ConnectorManagementComponent.decorators = [
-        { type: i0.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\n  class=\"main-content pt-0\"\n  *ngIf=\"{\n    connectorInstances: connectorInstances$ | async,\n    fields: fields$ | async,\n    pagination: pagination$ | async,\n    loading: loading$ | async\n  } as obs\"\n>\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\"> </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",
-                    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 = function () { return [
-        { type: ConnectorManagementService },
-        { type: core.TranslateService },
-        { type: ConnectorManagementStateService }
+    var ConnectorManagementComponent = /** @class */ (function () {
+        function ConnectorManagementComponent(connectorManagementService, translateService, stateService) {
+            var _this = this;
+            this.connectorManagementService = connectorManagementService;
+            this.translateService = translateService;
+            this.stateService = stateService;
+            this.loading$ = new rxjs.BehaviorSubject(true);
+            this.fields$ = new rxjs.BehaviorSubject([]);
+            this.currentPageAndSize$ = new rxjs.BehaviorSubject({
+                page: 0,
+                size: 10,
+            });
+            this.pageSizes$ = new rxjs.BehaviorSubject({
+                collectionSize: 0,
+                maxPaginationItemSize: 5,
+            });
+            this.pagination$ = rxjs.combineLatest([
+                this.currentPageAndSize$,
+                this.pageSizes$,
+            ]).pipe(operators.map(function (_b) {
+                var _c = __read(_b, 2), currentPage = _c[0], sizes = _c[1];
+                return (Object.assign(Object.assign(Object.assign({}, currentPage), sizes), { page: currentPage.page + 1 }));
+            }));
+            this.connectorInstances$ = rxjs.combineLatest([
+                this.currentPageAndSize$,
+                this.translateService.stream('key'),
+                this.stateService.refresh$,
+            ]).pipe(operators.tap(function () { return _this.setFields(); }), operators.switchMap(function (_b) {
+                var _c = __read(_b, 1), currentPage = _c[0];
+                return rxjs.combineLatest([
+                    _this.connectorManagementService.getConnectorInstances({
+                        page: currentPage.page,
+                        size: currentPage.size,
+                    }),
+                    _this.connectorManagementService.getConnectorTypes(),
+                ]);
+            }), operators.tap(function (_b) {
+                var _c = __read(_b, 1), instanceRes = _c[0];
+                _this.pageSizes$.pipe(operators.take(1)).subscribe(function (sizes) {
+                    _this.pageSizes$.next(Object.assign(Object.assign({}, sizes), { collectionSize: instanceRes.totalElements }));
+                });
+            }), operators.map(function (_b) {
+                var _c = __read(_b, 2), instanceRes = _c[0], typesRes = _c[1];
+                return instanceRes.content.map(function (instance) {
+                    var _a;
+                    return Object.assign(Object.assign({}, instance), { typeName: (_a = typesRes.find(function (type) { return type.id === instance.type.id; })) === null || _a === void 0 ? void 0 : _a.name });
+                });
+            }), operators.tap(function () { return _this.loading$.next(false); }));
+            this.modalType$ = new rxjs.BehaviorSubject('add');
+        }
+        ConnectorManagementComponent.prototype.ngOnDestroy = function () {
+            this.stateService.hideModal();
+        };
+        ConnectorManagementComponent.prototype.paginationClicked = function (newPageNumber) {
+            var _this = this;
+            this.currentPageAndSize$.pipe(operators.take(1)).subscribe(function (currentPage) {
+                _this.currentPageAndSize$.next(Object.assign(Object.assign({}, currentPage), { page: newPageNumber - 1 }));
+            });
+        };
+        ConnectorManagementComponent.prototype.paginationSet = function (newPageSize) {
+            var _this = this;
+            if (newPageSize) {
+                this.currentPageAndSize$.pipe(operators.take(1)).subscribe(function (currentPage) {
+                    _this.currentPageAndSize$.next(Object.assign(Object.assign({}, currentPage), { size: newPageSize }));
+                });
+            }
+        };
+        ConnectorManagementComponent.prototype.rowClicked = function (instance) {
+            this.modalType$.next('modify');
+            this.stateService.setConnectorInstance(instance);
+            this.stateService.showModal();
+        };
+        ConnectorManagementComponent.prototype.showAddModal = function () {
+            this.modalType$.next('add');
+            this.stateService.showModal();
+        };
+        ConnectorManagementComponent.prototype.setFields = function () {
+            var _this = this;
+            var getTranslatedLabel = function (key) { return _this.translateService.instant("connectorManagement.labels." + key); };
+            var keys = ['name', 'typeName'];
+            this.fields$.next(keys.map(function (key) { return ({ label: getTranslatedLabel(key), key: key }); }));
+        };
+        return ConnectorManagementComponent;
+    }());
+    ConnectorManagementComponent.decorators = [
+        { type: i0.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\n  class=\"main-content pt-0\"\n  *ngIf=\"{\n    connectorInstances: connectorInstances$ | async,\n    fields: fields$ | async,\n    pagination: pagination$ | async,\n    loading: loading$ | async\n  } as obs\"\n>\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\"> </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",
+                    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 = function () { return [
+        { type: ConnectorManagementService },
+        { type: core.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.
-     */
-    var ɵ0 = { title: 'Connectors', roles: [contract.ROLE_ADMIN] };
-    var routes = [
-        {
-            path: 'connectors',
-            component: ConnectorManagementComponent,
-            canActivate: [security.AuthGuardService],
-            data: ɵ0,
-        },
-    ];
-    var ConnectorManagementRoutingModule = /** @class */ (function () {
-        function ConnectorManagementRoutingModule() {
-        }
-        return ConnectorManagementRoutingModule;
-    }());
-    ConnectorManagementRoutingModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    declarations: [],
-                    imports: [common.CommonModule, router.RouterModule.forChild(routes)],
-                    exports: [router.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.
+     */
+    var ɵ0 = { title: 'Connectors', roles: [i2.ROLE_ADMIN] };
+    var routes = [
+        {
+            path: 'connectors',
+            component: ConnectorManagementComponent,
+            canActivate: [security.AuthGuardService],
+            data: ɵ0,
+        },
+    ];
+    var ConnectorManagementRoutingModule = /** @class */ (function () {
+        function ConnectorManagementRoutingModule() {
+        }
+        return ConnectorManagementRoutingModule;
+    }());
+    ConnectorManagementRoutingModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [],
+                    imports: [common.CommonModule, router.RouterModule.forChild(routes)],
+                    exports: [router.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.
-     */
-    var ObjectApiSyncService = /** @class */ (function () {
-        function ObjectApiSyncService(http, configService) {
-            this.http = http;
-            this.configService = configService;
-            this.valtimoApiConfig = configService.config.valtimoApi;
-        }
-        ObjectApiSyncService.prototype.getObjectSyncConfigs = function (documentDefinitionName) {
-            return this.http.get(this.valtimoApiConfig.endpointUri + "object/sync/config", { params: { documentDefinitionName: documentDefinitionName } });
-        };
-        ObjectApiSyncService.prototype.createObjectSyncConfig = function (request) {
-            return this.http.post(this.valtimoApiConfig.endpointUri + "object/sync/config", request);
-        };
-        ObjectApiSyncService.prototype.modifyObjectSyncConfig = function (request) {
-            return this.http.put(this.valtimoApiConfig.endpointUri + "object/sync/config", request);
-        };
-        ObjectApiSyncService.prototype.deleteObjectSyncConfig = function (configId) {
-            return this.http.delete(this.valtimoApiConfig.endpointUri + "object/sync/config/" + configId);
-        };
-        return ObjectApiSyncService;
-    }());
-    ObjectApiSyncService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ObjectApiSyncService_Factory() { return new ObjectApiSyncService(i0.ɵɵinject(i1.HttpClient), i0.ɵɵinject(i2.ConfigService)); }, token: ObjectApiSyncService, providedIn: "root" });
-    ObjectApiSyncService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root',
-                },] }
-    ];
-    ObjectApiSyncService.ctorParameters = function () { return [
-        { type: i1.HttpClient },
-        { type: i2.ConfigService }
+    /*
+     * Copyright 2015-2020 Ritense BV, the Netherlands.
+     *
+     * Licensed under EUPL, Version 1.2 (the "License");
+     * you may not use this file except in compliance with the License.
+     * You may obtain a copy of the License at
+     *
+     * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+     *
+     * Unless required by applicable law or agreed to in writing, software
+     * distributed under the License is distributed on an "AS IS" basis,
+     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+     * See the License for the specific language governing permissions and
+     * limitations under the License.
+     */
+    var ObjectApiSyncService = /** @class */ (function () {
+        function ObjectApiSyncService(http, configService) {
+            this.http = http;
+            this.configService = configService;
+            this.valtimoApiConfig = configService.config.valtimoApi;
+        }
+        ObjectApiSyncService.prototype.getObjectSyncConfigs = function (documentDefinitionName) {
+            return this.http.get(this.valtimoApiConfig.endpointUri + "object/sync/config", { params: { documentDefinitionName: documentDefinitionName } });
+        };
+        ObjectApiSyncService.prototype.createObjectSyncConfig = function (request) {
+            return this.http.post(this.valtimoApiConfig.endpointUri + "object/sync/config", request);
+        };
+        ObjectApiSyncService.prototype.modifyObjectSyncConfig = function (request) {
+            return this.http.put(this.valtimoApiConfig.endpointUri + "object/sync/config", request);
+        };
+        ObjectApiSyncService.prototype.deleteObjectSyncConfig = function (configId) {
+            return this.http.delete(this.valtimoApiConfig.endpointUri + "object/sync/config/" + configId);
+        };
+        return ObjectApiSyncService;
+    }());
+    ObjectApiSyncService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ObjectApiSyncService_Factory() { return new ObjectApiSyncService(i0.ɵɵinject(i1.HttpClient), i0.ɵɵinject(i2.ConfigService)); }, token: ObjectApiSyncService, providedIn: "root" });
+    ObjectApiSyncService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
+    ObjectApiSyncService.ctorParameters = function () { return [
+        { type: i1.HttpClient },
+        { type: i2.ConfigService }
     ]; };
 
-    var ConnectorLinkExtensionModalComponent = /** @class */ (function () {
-        function ConnectorLinkExtensionModalComponent(connectorManagementService, translateService, stateService, objectApiSyncService, route, alertService) {
-            var _this = this;
-            this.connectorManagementService = connectorManagementService;
-            this.translateService = translateService;
-            this.stateService = stateService;
-            this.objectApiSyncService = objectApiSyncService;
-            this.route = route;
-            this.alertService = alertService;
-            this.loading$ = new rxjs.BehaviorSubject(true);
-            this.fields$ = new rxjs.BehaviorSubject([]);
-            this.currentPageAndSize$ = new rxjs.BehaviorSubject({
-                page: 0,
-                size: 10,
-            });
-            this.pageSizes$ = new rxjs.BehaviorSubject({
-                collectionSize: 0,
-                maxPaginationItemSize: 5,
-            });
-            this.pagination$ = rxjs.combineLatest([
-                this.currentPageAndSize$,
-                this.pageSizes$,
-            ]).pipe(operators.map(function (_c) {
-                var _d = __read(_c, 2), currentPage = _d[0], sizes = _d[1];
-                return (Object.assign(Object.assign(Object.assign({}, currentPage), sizes), { page: currentPage.page + 1 }));
-            }));
-            this.connectorInstances$ = rxjs.combineLatest([
-                this.currentPageAndSize$,
-                this.connectorManagementService.getConnectorTypes(),
-                this.translateService.stream('key'),
-                this.stateService.refresh$,
-            ]).pipe(operators.tap(function () { return _this.setFields(); }), operators.switchMap(function (_c) {
-                var _d = __read(_c, 2), currentPage = _d[0], types = _d[1];
-                return _this.connectorManagementService.getConnectorInstancesByType(types.find(function (type) { return type.name.toLowerCase().includes('objectsapi'); }).id, { page: currentPage.page, size: currentPage.size });
-            }), operators.tap(function (instanceRes) {
-                _this.pageSizes$.pipe(operators.take(1)).subscribe(function (sizes) {
-                    _this.pageSizes$.next(Object.assign(Object.assign({}, sizes), { collectionSize: instanceRes.totalElements }));
-                });
-            }), operators.map(function (res) { return res.content; }), operators.tap(function () { return _this.loading$.next(false); }));
-            this.noObjectsApiConnectors$ = this.connectorInstances$.pipe(operators.map(function (instances) { return !instances || instances.length === 0; }));
-            this.disabled$ = this.stateService.inputDisabled$;
-        }
-        ConnectorLinkExtensionModalComponent.prototype.ngAfterViewInit = function () {
-            var _this = this;
-            this.showSubscription = this.stateService.showExtensionModal$.subscribe(function (show) {
-                if (show) {
-                    _this.show();
-                }
-                else {
-                    _this.hide();
-                }
-            });
-        };
-        ConnectorLinkExtensionModalComponent.prototype.ngOnDestroy = function () {
-            var _a;
-            (_a = this.showSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
-        };
-        ConnectorLinkExtensionModalComponent.prototype.paginationClicked = function (newPageNumber) {
-            var _this = this;
-            this.currentPageAndSize$.pipe(operators.take(1)).subscribe(function (currentPage) {
-                _this.currentPageAndSize$.next(Object.assign(Object.assign({}, currentPage), { page: newPageNumber - 1 }));
-            });
-        };
-        ConnectorLinkExtensionModalComponent.prototype.paginationSet = function (newPageSize) {
-            var _this = this;
-            if (newPageSize) {
-                this.currentPageAndSize$.pipe(operators.take(1)).subscribe(function (currentPage) {
-                    _this.currentPageAndSize$.next(Object.assign(Object.assign({}, currentPage), { size: newPageSize }));
-                });
-            }
-        };
-        ConnectorLinkExtensionModalComponent.prototype.rowClicked = function (instance) {
-            var _this = this;
-            var _a, _b;
-            var connectorInstanceId = instance.id;
-            var enabled = true;
-            var documentDefinitionName = this.route.snapshot.paramMap.get('name');
-            var objectTypeUrl = (_b = (_a = instance.properties) === null || _a === void 0 ? void 0 : _a.objectType) === null || _b === void 0 ? void 0 : _b.url;
-            var splitObjectTypeUrl = objectTypeUrl === null || objectTypeUrl === void 0 ? void 0 : objectTypeUrl.split('/');
-            var objectTypeId = splitObjectTypeUrl[splitObjectTypeUrl.length - 1];
-            this.stateService.disableInput();
-            this.objectApiSyncService
-                .createObjectSyncConfig({ connectorInstanceId: connectorInstanceId, enabled: enabled, documentDefinitionName: documentDefinitionName, objectTypeId: objectTypeId })
-                .subscribe(function (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);
-            }, function () {
-                _this.stateService.enableInput();
-            });
-        };
-        ConnectorLinkExtensionModalComponent.prototype.setFields = function () {
-            var _this = this;
-            var getTranslatedLabel = function (key) { return _this.translateService.instant("connectorManagement.labels." + key); };
-            var keys = ['name'];
-            this.fields$.next(keys.map(function (key) { return ({ label: getTranslatedLabel(key), key: key }); }));
-        };
-        ConnectorLinkExtensionModalComponent.prototype.show = function () {
-            this.modal.show();
-        };
-        ConnectorLinkExtensionModalComponent.prototype.hide = function () {
-            this.modal.hide();
-        };
-        return ConnectorLinkExtensionModalComponent;
-    }());
-    ConnectorLinkExtensionModalComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'valtimo-connector-link-extension-modal',
-                    template: "<valtimo-modal #modal [title]=\"'connectorManagement.extension.buttonText' | translate\">\n  <div\n    class=\"mt-2\"\n    body\n    *ngIf=\"{\n      connectorInstances: connectorInstances$ | async,\n      fields: fields$ | async,\n      pagination: pagination$ | async,\n      loading: loading$ | async,\n      disabled: disabled$ | async,\n      noConnectors: noObjectsApiConnectors$ | async\n    } as obs\"\n  >\n    <div *ngIf=\"obs.loading === false; else loading\" [ngClass]=\"{disabled: obs.disabled}\">\n      <ng-container *ngIf=\"!obs.noConnectors; else noConnectors\">\n        <p class=\"lead\">{{ 'connectorManagement.extension.clickToSync' | translate }}</p>\n        <valtimo-widget>\n          <valtimo-list\n            [items]=\"obs.connectorInstances\"\n            [fields]=\"obs.fields\"\n            [header]=\"false\"\n            [viewMode]=\"false\"\n            [isSearchable]=\"false\"\n            [pagination]=\"obs.pagination\"\n            paginationIdentifier=\"connectorManagementList\"\n            (paginationClicked)=\"paginationClicked($event)\"\n            (paginationSet)=\"paginationSet($event)\"\n            (rowClicked)=\"rowClicked($event)\"\n          >\n            <div header>\n              <h3 class=\"list-header-title\">{{ 'connectorManagement.title' | translate }}</h3>\n              <h5 class=\"list-header-description\">\n                {{ 'connectorManagement.subtitle' | translate }}\n              </h5>\n            </div>\n          </valtimo-list>\n        </valtimo-widget>\n      </ng-container>\n    </div>\n  </div>\n</valtimo-modal>\n\n<ng-template #loading>\n  <valtimo-spinner></valtimo-spinner>\n</ng-template>\n\n<ng-template #noConnectors>\n  <p class=\"lead\">{{ 'connectorManagement.extension.noConnectors' | translate }}</p>\n</ng-template>\n",
-                    styles: [".disabled{filter:grayscale(1);opacity:.8;pointer-events:none}"]
-                },] }
-    ];
-    ConnectorLinkExtensionModalComponent.ctorParameters = function () { return [
-        { type: ConnectorManagementService },
-        { type: core.TranslateService },
-        { type: ConnectorManagementStateService },
-        { type: ObjectApiSyncService },
-        { type: router.ActivatedRoute },
-        { type: components.AlertService }
-    ]; };
-    ConnectorLinkExtensionModalComponent.propDecorators = {
-        modal: [{ type: i0.ViewChild, args: ['modal',] }]
+    var ConnectorLinkExtensionModalComponent = /** @class */ (function () {
+        function ConnectorLinkExtensionModalComponent(connectorManagementService, translateService, stateService, objectApiSyncService, route, alertService) {
+            var _this = this;
+            this.connectorManagementService = connectorManagementService;
+            this.translateService = translateService;
+            this.stateService = stateService;
+            this.objectApiSyncService = objectApiSyncService;
+            this.route = route;
+            this.alertService = alertService;
+            this.loading$ = new rxjs.BehaviorSubject(true);
+            this.fields$ = new rxjs.BehaviorSubject([]);
+            this.currentPageAndSize$ = new rxjs.BehaviorSubject({
+                page: 0,
+                size: 10,
+            });
+            this.pageSizes$ = new rxjs.BehaviorSubject({
+                collectionSize: 0,
+                maxPaginationItemSize: 5,
+            });
+            this.pagination$ = rxjs.combineLatest([
+                this.currentPageAndSize$,
+                this.pageSizes$,
+            ]).pipe(operators.map(function (_c) {
+                var _d = __read(_c, 2), currentPage = _d[0], sizes = _d[1];
+                return (Object.assign(Object.assign(Object.assign({}, currentPage), sizes), { page: currentPage.page + 1 }));
+            }));
+            this.connectorInstances$ = rxjs.combineLatest([
+                this.currentPageAndSize$,
+                this.connectorManagementService.getConnectorTypes(),
+                this.translateService.stream('key'),
+                this.stateService.refresh$,
+            ]).pipe(operators.tap(function () { return _this.setFields(); }), operators.switchMap(function (_c) {
+                var _d = __read(_c, 2), currentPage = _d[0], types = _d[1];
+                return _this.connectorManagementService.getConnectorInstancesByType(types.find(function (type) { return type.name.toLowerCase().includes('objectsapi'); }).id, { page: currentPage.page, size: currentPage.size });
+            }), operators.tap(function (instanceRes) {
+                _this.pageSizes$.pipe(operators.take(1)).subscribe(function (sizes) {
+                    _this.pageSizes$.next(Object.assign(Object.assign({}, sizes), { collectionSize: instanceRes.totalElements }));
+                });
+            }), operators.map(function (res) { return res.content; }), operators.tap(function () { return _this.loading$.next(false); }));
+            this.noObjectsApiConnectors$ = this.connectorInstances$.pipe(operators.map(function (instances) { return !instances || instances.length === 0; }));
+            this.disabled$ = this.stateService.inputDisabled$;
+        }
+        ConnectorLinkExtensionModalComponent.prototype.ngAfterViewInit = function () {
+            var _this = this;
+            this.showSubscription = this.stateService.showExtensionModal$.subscribe(function (show) {
+                if (show) {
+                    _this.show();
+                }
+                else {
+                    _this.hide();
+                }
+            });
+        };
+        ConnectorLinkExtensionModalComponent.prototype.ngOnDestroy = function () {
+            var _a;
+            (_a = this.showSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        };
+        ConnectorLinkExtensionModalComponent.prototype.paginationClicked = function (newPageNumber) {
+            var _this = this;
+            this.currentPageAndSize$.pipe(operators.take(1)).subscribe(function (currentPage) {
+                _this.currentPageAndSize$.next(Object.assign(Object.assign({}, currentPage), { page: newPageNumber - 1 }));
+            });
+        };
+        ConnectorLinkExtensionModalComponent.prototype.paginationSet = function (newPageSize) {
+            var _this = this;
+            if (newPageSize) {
+                this.currentPageAndSize$.pipe(operators.take(1)).subscribe(function (currentPage) {
+                    _this.currentPageAndSize$.next(Object.assign(Object.assign({}, currentPage), { size: newPageSize }));
+                });
+            }
+        };
+        ConnectorLinkExtensionModalComponent.prototype.rowClicked = function (instance) {
+            var _this = this;
+            var _a, _b;
+            var connectorInstanceId = instance.id;
+            var enabled = true;
+            var documentDefinitionName = this.route.snapshot.paramMap.get('name');
+            var objectTypeUrl = (_b = (_a = instance.properties) === null || _a === void 0 ? void 0 : _a.objectType) === null || _b === void 0 ? void 0 : _b.url;
+            var splitObjectTypeUrl = objectTypeUrl === null || objectTypeUrl === void 0 ? void 0 : objectTypeUrl.split('/');
+            var objectTypeId = splitObjectTypeUrl[splitObjectTypeUrl.length - 1];
+            this.stateService.disableInput();
+            this.objectApiSyncService
+                .createObjectSyncConfig({ connectorInstanceId: connectorInstanceId, enabled: enabled, documentDefinitionName: documentDefinitionName, objectTypeId: objectTypeId })
+                .subscribe(function (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);
+            }, function () {
+                _this.stateService.enableInput();
+            });
+        };
+        ConnectorLinkExtensionModalComponent.prototype.setFields = function () {
+            var _this = this;
+            var getTranslatedLabel = function (key) { return _this.translateService.instant("connectorManagement.labels." + key); };
+            var keys = ['name'];
+            this.fields$.next(keys.map(function (key) { return ({ label: getTranslatedLabel(key), key: key }); }));
+        };
+        ConnectorLinkExtensionModalComponent.prototype.show = function () {
+            this.modal.show();
+        };
+        ConnectorLinkExtensionModalComponent.prototype.hide = function () {
+            this.modal.hide();
+        };
+        return ConnectorLinkExtensionModalComponent;
+    }());
+    ConnectorLinkExtensionModalComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'valtimo-connector-link-extension-modal',
+                    template: "<valtimo-modal #modal [title]=\"'connectorManagement.extension.buttonText' | translate\">\n  <div\n    class=\"mt-2\"\n    body\n    *ngIf=\"{\n      connectorInstances: connectorInstances$ | async,\n      fields: fields$ | async,\n      pagination: pagination$ | async,\n      loading: loading$ | async,\n      disabled: disabled$ | async,\n      noConnectors: noObjectsApiConnectors$ | async\n    } as obs\"\n  >\n    <div *ngIf=\"obs.loading === false; else loading\" [ngClass]=\"{disabled: obs.disabled}\">\n      <ng-container *ngIf=\"!obs.noConnectors; else noConnectors\">\n        <p class=\"lead\">{{ 'connectorManagement.extension.clickToSync' | translate }}</p>\n        <valtimo-widget>\n          <valtimo-list\n            [items]=\"obs.connectorInstances\"\n            [fields]=\"obs.fields\"\n            [header]=\"false\"\n            [viewMode]=\"false\"\n            [isSearchable]=\"false\"\n            [pagination]=\"obs.pagination\"\n            paginationIdentifier=\"connectorManagementList\"\n            (paginationClicked)=\"paginationClicked($event)\"\n            (paginationSet)=\"paginationSet($event)\"\n            (rowClicked)=\"rowClicked($event)\"\n          >\n            <div header>\n              <h3 class=\"list-header-title\">{{ 'connectorManagement.title' | translate }}</h3>\n              <h5 class=\"list-header-description\">\n                {{ 'connectorManagement.subtitle' | translate }}\n              </h5>\n            </div>\n          </valtimo-list>\n        </valtimo-widget>\n      </ng-container>\n    </div>\n  </div>\n</valtimo-modal>\n\n<ng-template #loading>\n  <valtimo-spinner></valtimo-spinner>\n</ng-template>\n\n<ng-template #noConnectors>\n  <p class=\"lead\">{{ 'connectorManagement.extension.noConnectors' | translate }}</p>\n</ng-template>\n",
+                    styles: [".disabled{filter:grayscale(1);opacity:.8;pointer-events:none}"]
+                },] }
+    ];
+    ConnectorLinkExtensionModalComponent.ctorParameters = function () { return [
+        { type: ConnectorManagementService },
+        { type: core.TranslateService },
+        { type: ConnectorManagementStateService },
+        { type: ObjectApiSyncService },
+        { type: router.ActivatedRoute },
+        { type: components.AlertService }
+    ]; };
+    ConnectorLinkExtensionModalComponent.propDecorators = {
+        modal: [{ type: i0.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.
-     */
-    var AddConnectorComponent = /** @class */ (function () {
-        function AddConnectorComponent(connectorManagementService, stateService, alertService, translateService) {
-            this.connectorManagementService = connectorManagementService;
-            this.stateService = stateService;
-            this.alertService = alertService;
-            this.translateService = translateService;
-            this.connectorTypes$ = this.connectorManagementService.getConnectorTypes();
-            this.selectedConnector$ = new rxjs.BehaviorSubject(undefined);
-            this.disabled$ = this.stateService.inputDisabled$;
-        }
-        AddConnectorComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.refreshSubscription = rxjs.combineLatest([
-                this.stateService.showModal$,
-                this.stateService.refresh$,
-            ]).subscribe(function () {
-                _this.goBack();
-            });
-        };
-        AddConnectorComponent.prototype.ngOnDestroy = function () {
-            var _a;
-            (_a = this.refreshSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
-        };
-        AddConnectorComponent.prototype.selectConnector = function (connectorType) {
-            this.selectedConnector$.next(connectorType);
-        };
-        AddConnectorComponent.prototype.goBack = function () {
-            this.selectedConnector$.next(undefined);
-        };
-        AddConnectorComponent.prototype.onSave = function (event) {
-            var _this = this;
-            this.selectedConnector$.pipe(operators.take(1)).subscribe(function (selectedConnectorType) {
-                _this.connectorManagementService
-                    .createConnectorInstance({
-                    name: event.name,
-                    typeId: selectedConnectorType.id,
-                    connectorProperties: event.properties,
-                })
-                    .subscribe(function () {
-                    _this.alertService.success(_this.translateService.instant('connectorManagement.messages.addSuccess'));
-                    _this.stateService.hideModal();
-                    _this.stateService.enableInput();
-                    _this.stateService.refresh();
-                }, function () {
-                    _this.stateService.enableInput();
-                });
-            });
-        };
-        return AddConnectorComponent;
-    }());
-    AddConnectorComponent.decorators = [
-        { type: i0.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      {{\n        'connectorManagement.' +\n          (connectorTypes?.length > 0 ? 'addHeader' : 'noConnectorsAvailable') | translate\n      }}\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\n      class=\"btn btn-outline-secondary btn-sm btn-back\"\n      (click)=\"goBack()\"\n      [disabled]=\"disabled$ | async\"\n    >\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 = function () { return [
-        { type: ConnectorManagementService },
-        { type: ConnectorManagementStateService },
-        { type: components.AlertService },
-        { type: core.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.
+     */
+    var AddConnectorComponent = /** @class */ (function () {
+        function AddConnectorComponent(connectorManagementService, stateService, alertService, translateService) {
+            this.connectorManagementService = connectorManagementService;
+            this.stateService = stateService;
+            this.alertService = alertService;
+            this.translateService = translateService;
+            this.connectorTypes$ = this.connectorManagementService.getConnectorTypes();
+            this.selectedConnector$ = new rxjs.BehaviorSubject(undefined);
+            this.disabled$ = this.stateService.inputDisabled$;
+        }
+        AddConnectorComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.refreshSubscription = rxjs.combineLatest([
+                this.stateService.showModal$,
+                this.stateService.refresh$,
+            ]).subscribe(function () {
+                _this.goBack();
+            });
+        };
+        AddConnectorComponent.prototype.ngOnDestroy = function () {
+            var _a;
+            (_a = this.refreshSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        };
+        AddConnectorComponent.prototype.selectConnector = function (connectorType) {
+            this.selectedConnector$.next(connectorType);
+        };
+        AddConnectorComponent.prototype.goBack = function () {
+            this.selectedConnector$.next(undefined);
+        };
+        AddConnectorComponent.prototype.onSave = function (event) {
+            var _this = this;
+            this.selectedConnector$.pipe(operators.take(1)).subscribe(function (selectedConnectorType) {
+                _this.connectorManagementService
+                    .createConnectorInstance({
+                    name: event.name,
+                    typeId: selectedConnectorType.id,
+                    connectorProperties: event.properties,
+                })
+                    .subscribe(function () {
+                    _this.alertService.success(_this.translateService.instant('connectorManagement.messages.addSuccess'));
+                    _this.stateService.hideModal();
+                    _this.stateService.enableInput();
+                    _this.stateService.refresh();
+                }, function () {
+                    _this.stateService.enableInput();
+                });
+            });
+        };
+        return AddConnectorComponent;
+    }());
+    AddConnectorComponent.decorators = [
+        { type: i0.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      {{\n        'connectorManagement.' +\n          (connectorTypes?.length > 0 ? 'addHeader' : 'noConnectorsAvailable') | translate\n      }}\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\n      class=\"btn btn-outline-secondary btn-sm btn-back\"\n      (click)=\"goBack()\"\n      [disabled]=\"disabled$ | async\"\n    >\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 = function () { return [
+        { type: ConnectorManagementService },
+        { type: ConnectorManagementStateService },
+        { type: components.AlertService },
+        { type: core.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.
-     */
-    var ModifyConnectorComponent = /** @class */ (function () {
-        function ModifyConnectorComponent(connectorManagementService, stateService, alertService, translateService) {
-            this.connectorManagementService = connectorManagementService;
-            this.stateService = stateService;
-            this.alertService = alertService;
-            this.translateService = translateService;
-            this.instance$ = this.stateService.selectedInstance$;
-        }
-        ModifyConnectorComponent.prototype.onSave = function (event) {
-            var _this = this;
-            this.instance$.pipe(operators.take(1)).subscribe(function (instance) {
-                _this.connectorManagementService
-                    .updateConnectorInstance({
-                    name: event.name,
-                    typeId: instance.type.id,
-                    id: instance.id,
-                    connectorProperties: event.properties,
-                })
-                    .subscribe(function () {
-                    _this.alertService.success(_this.translateService.instant('connectorManagement.messages.modifySuccess'));
-                    _this.stateService.hideModal();
-                    _this.stateService.enableInput();
-                    _this.stateService.refresh();
-                }, function () {
-                    _this.stateService.enableInput();
-                });
-            });
-        };
-        ModifyConnectorComponent.prototype.onDelete = function () {
-            var _this = this;
-            this.instance$.pipe(operators.take(1)).subscribe(function (instance) {
-                _this.connectorManagementService.deleteConnectorInstance(instance.id).subscribe(function () {
-                    _this.alertService.success(_this.translateService.instant('connectorManagement.messages.deleteSuccess'));
-                    _this.stateService.hideModal();
-                    _this.stateService.enableInput();
-                    _this.stateService.refresh();
-                }, function () {
-                    _this.stateService.enableInput();
-                });
-            });
-        };
-        return ModifyConnectorComponent;
-    }());
-    ModifyConnectorComponent.decorators = [
-        { type: i0.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 = function () { return [
-        { type: ConnectorManagementService },
-        { type: ConnectorManagementStateService },
-        { type: components.AlertService },
-        { type: core.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.
+     */
+    var ModifyConnectorComponent = /** @class */ (function () {
+        function ModifyConnectorComponent(connectorManagementService, stateService, alertService, translateService) {
+            this.connectorManagementService = connectorManagementService;
+            this.stateService = stateService;
+            this.alertService = alertService;
+            this.translateService = translateService;
+            this.instance$ = this.stateService.selectedInstance$;
+        }
+        ModifyConnectorComponent.prototype.onSave = function (event) {
+            var _this = this;
+            this.instance$.pipe(operators.take(1)).subscribe(function (instance) {
+                _this.connectorManagementService
+                    .updateConnectorInstance({
+                    name: event.name,
+                    typeId: instance.type.id,
+                    id: instance.id,
+                    connectorProperties: event.properties,
+                })
+                    .subscribe(function () {
+                    _this.alertService.success(_this.translateService.instant('connectorManagement.messages.modifySuccess'));
+                    _this.stateService.hideModal();
+                    _this.stateService.enableInput();
+                    _this.stateService.refresh();
+                }, function () {
+                    _this.stateService.enableInput();
+                });
+            });
+        };
+        ModifyConnectorComponent.prototype.onDelete = function () {
+            var _this = this;
+            this.instance$.pipe(operators.take(1)).subscribe(function (instance) {
+                _this.connectorManagementService.deleteConnectorInstance(instance.id).subscribe(function () {
+                    _this.alertService.success(_this.translateService.instant('connectorManagement.messages.deleteSuccess'));
+                    _this.stateService.hideModal();
+                    _this.stateService.enableInput();
+                    _this.stateService.refresh();
+                }, function () {
+                    _this.stateService.enableInput();
+                });
+            });
+        };
+        return ModifyConnectorComponent;
+    }());
+    ModifyConnectorComponent.decorators = [
+        { type: i0.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 = function () { return [
+        { type: ConnectorManagementService },
+        { type: ConnectorManagementStateService },
+        { type: components.AlertService },
+        { type: core.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.
-     */
-    var ConnectorModalComponent = /** @class */ (function () {
-        function ConnectorModalComponent(stateService) {
-            this.stateService = stateService;
-        }
-        ConnectorModalComponent.prototype.ngAfterViewInit = function () {
-            var _this = this;
-            this.showSubscription = this.stateService.showModal$.subscribe(function (show) {
-                if (show) {
-                    _this.show();
-                }
-                else {
-                    _this.hide();
-                }
-            });
-        };
-        ConnectorModalComponent.prototype.ngOnDestroy = function () {
-            var _a;
-            (_a = this.showSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
-        };
-        ConnectorModalComponent.prototype.show = function () {
-            this.modal.show();
-        };
-        ConnectorModalComponent.prototype.hide = function () {
-            this.modal.hide();
-        };
-        return ConnectorModalComponent;
-    }());
-    ConnectorModalComponent.decorators = [
-        { type: i0.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 = function () { return [
-        { type: ConnectorManagementStateService }
-    ]; };
-    ConnectorModalComponent.propDecorators = {
-        modal: [{ type: i0.ViewChild, args: ['modal',] }],
-        modalType: [{ type: i0.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.
+     */
+    var ConnectorModalComponent = /** @class */ (function () {
+        function ConnectorModalComponent(stateService) {
+            this.stateService = stateService;
+        }
+        ConnectorModalComponent.prototype.ngAfterViewInit = function () {
+            var _this = this;
+            this.showSubscription = this.stateService.showModal$.subscribe(function (show) {
+                if (show) {
+                    _this.show();
+                }
+                else {
+                    _this.hide();
+                }
+            });
+        };
+        ConnectorModalComponent.prototype.ngOnDestroy = function () {
+            var _a;
+            (_a = this.showSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        };
+        ConnectorModalComponent.prototype.show = function () {
+            this.modal.show();
+        };
+        ConnectorModalComponent.prototype.hide = function () {
+            this.modal.hide();
+        };
+        return ConnectorModalComponent;
+    }());
+    ConnectorModalComponent.decorators = [
+        { type: i0.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 = function () { return [
+        { type: ConnectorManagementStateService }
+    ]; };
+    ConnectorModalComponent.propDecorators = {
+        modal: [{ type: i0.ViewChild, args: ['modal',] }],
+        modalType: [{ type: i0.Input }]
     };
 
-    var EditConnectorPropertiesComponent = /** @class */ (function () {
-        function EditConnectorPropertiesComponent(stateService) {
-            this.stateService = stateService;
-            this.withDefaults = false;
-            this.showDeleteButton = false;
-            this.propertiesSave = new i0.EventEmitter();
-            this.connectorDelete = new i0.EventEmitter();
-            this.modifiedProperties$ = new rxjs.BehaviorSubject(undefined);
-            this.editFields$ = new rxjs.BehaviorSubject([]);
-            this.connectorName$ = new rxjs.BehaviorSubject('');
-            this.saveButtonDisabled$ = rxjs.combineLatest([
-                this.editFields$,
-                this.modifiedProperties$,
-                this.connectorName$,
-            ]).pipe(operators.map(function (_a) {
-                var _b = __read(_a, 3), editFields = _b[0], modifiedProperties = _b[1], connectorName = _b[2];
-                var values = editFields.map(function (field) { return lodash.get(modifiedProperties, field.key); });
-                var validValues = values.filter(function (value) { return Array.isArray(value) ? value.length > 0 : value === 0 || value; });
-                return editFields.length !== validValues.length || !connectorName;
-            }));
-            this.disabled$ = this.stateService.inputDisabled$;
-        }
-        EditConnectorPropertiesComponent.prototype.ngOnInit = function () {
-            this.setEditFields();
-            this.setName();
-        };
-        EditConnectorPropertiesComponent.prototype.ngOnChanges = function () {
-            this.setEditFields();
-            this.setName();
-        };
-        EditConnectorPropertiesComponent.prototype.multiFieldValuesSet = function (event) {
-            var _this = this;
-            this.modifiedProperties$.pipe(operators.take(1)).subscribe(function (properties) {
-                lodash.set(properties, event.editFieldKey, event.values);
-                _this.modifiedProperties$.next(properties);
-            });
-        };
-        EditConnectorPropertiesComponent.prototype.onSingleValueChange = function (value, editField) {
-            var _this = this;
-            this.modifiedProperties$.pipe(operators.take(1)).subscribe(function (properties) {
-                lodash.set(properties, editField.key, editField.editType === 'string' ? value.trim() : parseInt(value, 10));
-                _this.modifiedProperties$.next(properties);
-            });
-        };
-        EditConnectorPropertiesComponent.prototype.onNameValueChange = function (value) {
-            this.connectorName$.next(value.trim());
-        };
-        EditConnectorPropertiesComponent.prototype.onSave = function () {
-            var _this = this;
-            this.stateService.disableInput();
-            rxjs.combineLatest([this.modifiedProperties$, this.connectorName$])
-                .pipe(operators.take(1))
-                .subscribe(function (_a) {
-                var _b = __read(_a, 2), properties = _b[0], name = _b[1];
-                _this.propertiesSave.emit({ properties: properties, name: name });
-            });
-        };
-        EditConnectorPropertiesComponent.prototype.onDelete = function () {
-            this.stateService.disableInput();
-            this.connectorDelete.emit();
-        };
-        EditConnectorPropertiesComponent.prototype.setName = function () {
-            if (this.withDefaults && this.defaultName) {
-                this.connectorName$.next(this.defaultName);
-            }
-            else {
-                this.connectorName$.next('');
-            }
-        };
-        EditConnectorPropertiesComponent.prototype.setModifiedProperties = function (editFields) {
-            var propertiesCopy = lodash.cloneDeep(this.properties);
-            if (!this.withDefaults) {
-                editFields.forEach(function (editField) {
-                    lodash.set(propertiesCopy, editField.key, undefined);
-                });
-            }
-            this.modifiedProperties$.next(propertiesCopy);
-        };
-        EditConnectorPropertiesComponent.prototype.setEditFields = function () {
-            var _this = this;
-            var editFields = [];
-            var keysToFilter = ['className'];
-            var handlePropertyLevel = function (propertyLevel, previousKeys) {
-                var propertyLevelKeys = Object.keys(propertyLevel).filter(function (key) { return !keysToFilter.includes(key); });
-                propertyLevelKeys.forEach(function (key) {
-                    var propertyValue = propertyLevel[key];
-                    var 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);
-        };
-        return EditConnectorPropertiesComponent;
-    }());
-    EditConnectorPropertiesComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'valtimo-edit-connector-properties',
-                    template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  class=\"edit-fields\"\n  *ngIf=\"{editFields: editFields$ | async, disabled: disabled$ | async} as obs\"\n>\n  <ng-container *ngTemplateOutlet=\"nameInput; context: {disabled: obs.disabled}\"></ng-container>\n  <ng-container *ngFor=\"let editField of obs.editFields\">\n    <ng-container *ngIf=\"editField.editType === 'string' || editField.editType === 'number'\">\n      <ng-container\n        *ngTemplateOutlet=\"singleInput; context: {editField: editField, disabled: obs.disabled}\"\n      ></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"editField.editType === 'string[]' || editField.editType === 'number[]'\">\n      <valtimo-multi-value-connector-property\n        [editField]=\"editField\"\n        (valuesSet)=\"multiFieldValuesSet($event)\"\n        [disabled]=\"obs.disabled\"\n        [defaultValue]=\"withDefaults && editField.defaultValue\"\n      >\n      </valtimo-multi-value-connector-property>\n    </ng-container>\n  </ng-container>\n  <ng-container *ngTemplateOutlet=\"buttons; context: {disabled: obs.disabled}\"></ng-container>\n</div>\n\n<ng-template #nameInput let-disabled=\"disabled\">\n  <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\n        class=\"btn btn-primary\"\n        [disabled]=\"disabled || (saveButtonDisabled$ | async)\"\n        (click)=\"onSave()\"\n      >\n        <i class=\"icon mdi mdi-save mr-1\"></i>\n        {{ 'connectorManagement.save' | translate }}\n      </button>\n      <button\n        *ngIf=\"showDeleteButton\"\n        class=\"btn btn-danger btn-space\"\n        (click)=\"onDelete()\"\n        [disabled]=\"disabled\"\n      >\n        <i class=\"icon mdi mdi-delete mr-1\"></i>\n        {{ 'connectorManagement.remove' | translate }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n",
-                    styles: ["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.button-container{display:flex;flex-flow:row-reverse;justify-content:space-between;width:100%}"]
-                },] }
-    ];
-    EditConnectorPropertiesComponent.ctorParameters = function () { return [
-        { type: ConnectorManagementStateService }
-    ]; };
-    EditConnectorPropertiesComponent.propDecorators = {
-        properties: [{ type: i0.Input }],
-        withDefaults: [{ type: i0.Input }],
-        showDeleteButton: [{ type: i0.Input }],
-        defaultName: [{ type: i0.Input }],
-        propertiesSave: [{ type: i0.Output }],
-        connectorDelete: [{ type: i0.Output }]
+    var EditConnectorPropertiesComponent = /** @class */ (function () {
+        function EditConnectorPropertiesComponent(stateService) {
+            this.stateService = stateService;
+            this.withDefaults = false;
+            this.showDeleteButton = false;
+            this.propertiesSave = new i0.EventEmitter();
+            this.connectorDelete = new i0.EventEmitter();
+            this.modifiedProperties$ = new rxjs.BehaviorSubject(undefined);
+            this.editFields$ = new rxjs.BehaviorSubject([]);
+            this.connectorName$ = new rxjs.BehaviorSubject('');
+            this.saveButtonDisabled$ = rxjs.combineLatest([
+                this.editFields$,
+                this.modifiedProperties$,
+                this.connectorName$,
+            ]).pipe(operators.map(function (_a) {
+                var _b = __read(_a, 3), editFields = _b[0], modifiedProperties = _b[1], connectorName = _b[2];
+                var values = editFields.map(function (field) { return lodash.get(modifiedProperties, field.key); });
+                var validValues = values.filter(function (value) { return Array.isArray(value) ? value.length > 0 : value === 0 || value; });
+                return editFields.length !== validValues.length || !connectorName;
+            }));
+            this.disabled$ = this.stateService.inputDisabled$;
+        }
+        EditConnectorPropertiesComponent.prototype.ngOnInit = function () {
+            this.setEditFields();
+            this.setName();
+        };
+        EditConnectorPropertiesComponent.prototype.ngOnChanges = function () {
+            this.setEditFields();
+            this.setName();
+        };
+        EditConnectorPropertiesComponent.prototype.multiFieldValuesSet = function (event) {
+            var _this = this;
+            this.modifiedProperties$.pipe(operators.take(1)).subscribe(function (properties) {
+                lodash.set(properties, event.editFieldKey, event.values);
+                _this.modifiedProperties$.next(properties);
+            });
+        };
+        EditConnectorPropertiesComponent.prototype.onSingleValueChange = function (value, editField) {
+            var _this = this;
+            this.modifiedProperties$.pipe(operators.take(1)).subscribe(function (properties) {
+                lodash.set(properties, editField.key, editField.editType === 'string' ? value.trim() : parseInt(value, 10));
+                _this.modifiedProperties$.next(properties);
+            });
+        };
+        EditConnectorPropertiesComponent.prototype.onNameValueChange = function (value) {
+            this.connectorName$.next(value.trim());
+        };
+        EditConnectorPropertiesComponent.prototype.onSave = function () {
+            var _this = this;
+            this.stateService.disableInput();
+            rxjs.combineLatest([this.modifiedProperties$, this.connectorName$])
+                .pipe(operators.take(1))
+                .subscribe(function (_a) {
+                var _b = __read(_a, 2), properties = _b[0], name = _b[1];
+                _this.propertiesSave.emit({ properties: properties, name: name });
+            });
+        };
+        EditConnectorPropertiesComponent.prototype.onDelete = function () {
+            this.stateService.disableInput();
+            this.connectorDelete.emit();
+        };
+        EditConnectorPropertiesComponent.prototype.setName = function () {
+            if (this.withDefaults && this.defaultName) {
+                this.connectorName$.next(this.defaultName);
+            }
+            else {
+                this.connectorName$.next('');
+            }
+        };
+        EditConnectorPropertiesComponent.prototype.setModifiedProperties = function (editFields) {
+            var propertiesCopy = lodash.cloneDeep(this.properties);
+            if (!this.withDefaults) {
+                editFields.forEach(function (editField) {
+                    lodash.set(propertiesCopy, editField.key, undefined);
+                });
+            }
+            this.modifiedProperties$.next(propertiesCopy);
+        };
+        EditConnectorPropertiesComponent.prototype.setEditFields = function () {
+            var _this = this;
+            var editFields = [];
+            var keysToFilter = ['className'];
+            var handlePropertyLevel = function (propertyLevel, previousKeys) {
+                var propertyLevelKeys = Object.keys(propertyLevel).filter(function (key) { return !keysToFilter.includes(key); });
+                propertyLevelKeys.forEach(function (key) {
+                    var propertyValue = propertyLevel[key];
+                    var 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);
+        };
+        return EditConnectorPropertiesComponent;
+    }());
+    EditConnectorPropertiesComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'valtimo-edit-connector-properties',
+                    template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  class=\"edit-fields\"\n  *ngIf=\"{editFields: editFields$ | async, disabled: disabled$ | async} as obs\"\n>\n  <ng-container *ngTemplateOutlet=\"nameInput; context: {disabled: obs.disabled}\"></ng-container>\n  <ng-container *ngFor=\"let editField of obs.editFields\">\n    <ng-container *ngIf=\"editField.editType === 'string' || editField.editType === 'number'\">\n      <ng-container\n        *ngTemplateOutlet=\"singleInput; context: {editField: editField, disabled: obs.disabled}\"\n      ></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"editField.editType === 'string[]' || editField.editType === 'number[]'\">\n      <valtimo-multi-value-connector-property\n        [editField]=\"editField\"\n        (valuesSet)=\"multiFieldValuesSet($event)\"\n        [disabled]=\"obs.disabled\"\n        [defaultValue]=\"withDefaults && editField.defaultValue\"\n      >\n      </valtimo-multi-value-connector-property>\n    </ng-container>\n  </ng-container>\n  <ng-container *ngTemplateOutlet=\"buttons; context: {disabled: obs.disabled}\"></ng-container>\n</div>\n\n<ng-template #nameInput let-disabled=\"disabled\">\n  <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\n        class=\"btn btn-primary\"\n        [disabled]=\"disabled || (saveButtonDisabled$ | async)\"\n        (click)=\"onSave()\"\n      >\n        <i class=\"icon mdi mdi-save mr-1\"></i>\n        {{ 'connectorManagement.save' | translate }}\n      </button>\n      <button\n        *ngIf=\"showDeleteButton\"\n        class=\"btn btn-danger btn-space\"\n        (click)=\"onDelete()\"\n        [disabled]=\"disabled\"\n      >\n        <i class=\"icon mdi mdi-delete mr-1\"></i>\n        {{ 'connectorManagement.remove' | translate }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n",
+                    styles: ["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.button-container{display:flex;flex-flow:row-reverse;justify-content:space-between;width:100%}"]
+                },] }
+    ];
+    EditConnectorPropertiesComponent.ctorParameters = function () { return [
+        { type: ConnectorManagementStateService }
+    ]; };
+    EditConnectorPropertiesComponent.propDecorators = {
+        properties: [{ type: i0.Input }],
+        withDefaults: [{ type: i0.Input }],
+        showDeleteButton: [{ type: i0.Input }],
+        defaultName: [{ type: i0.Input }],
+        propertiesSave: [{ type: i0.Output }],
+        connectorDelete: [{ type: i0.Output }]
     };
 
-    var ConnectorLinkExtensionComponent = /** @class */ (function () {
-        function ConnectorLinkExtensionComponent(stateService, objectApiSyncService, translateService, route, alertService, connectorManagementService) {
-            var _this = this;
-            this.stateService = stateService;
-            this.objectApiSyncService = objectApiSyncService;
-            this.translateService = translateService;
-            this.route = route;
-            this.alertService = alertService;
-            this.connectorManagementService = connectorManagementService;
-            this.loading$ = new rxjs.BehaviorSubject(true);
-            this.objectApiSyncConfig$ = rxjs.combineLatest([
-                this.route.params,
-                this.translateService.stream('key'),
-                this.stateService.refresh$,
-            ]).pipe(operators.switchMap(function (_b) {
-                var _c = __read(_b, 1), params = _c[0];
-                return _this.objectApiSyncService.getObjectSyncConfigs(params.name);
-            }), operators.switchMap(function (configs) { return rxjs.combineLatest(__spread([
-                rxjs.of(configs)
-            ], configs.map(function (config) { return _this.connectorManagementService
-                .getConnectorInstanceById(config.connectorInstanceId)
-                .pipe(operators.catchError(function () { return rxjs.of(''); })); }))); }), operators.map(function (results) {
-                var _b = __read(results.filter(function (result) { return result; })), instances = _b.slice(1);
-                return results[0].map(function (syncConfig) {
-                    var _a;
-                    return (Object.assign(Object.assign({}, syncConfig), { title: ((_a = instances.find(function (instance) { return instance.id === syncConfig.connectorInstanceId; })) === null || _a === void 0 ? void 0 : _a.name) ||
-                            'Objects API' }));
-                });
-            }), operators.map(function (results) { return (Array.isArray(results) && results.length > 0 ? results[0] : null); }), operators.tap(function () {
-                _this.loading$.next(false);
-            }));
-            this.disabled$ = this.stateService.inputDisabled$;
-        }
-        ConnectorLinkExtensionComponent.prototype.ngOnDestroy = function () {
-            this.stateService.hideExtensionModal();
-        };
-        ConnectorLinkExtensionComponent.prototype.openModal = function () {
-            this.stateService.showExtensionModal();
-        };
-        ConnectorLinkExtensionComponent.prototype.toggleSync = function (config) {
-            var _this = this;
-            this.stateService.disableInput();
-            this.objectApiSyncService
-                .modifyObjectSyncConfig(Object.assign(Object.assign({}, config), { enabled: !config.enabled }))
-                .subscribe(function () {
-                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();
-            }, function () {
-                _this.stateService.enableInput();
-            });
-        };
-        ConnectorLinkExtensionComponent.prototype.deleteSync = function (configId) {
-            var _this = this;
-            this.stateService.disableInput();
-            this.objectApiSyncService.deleteObjectSyncConfig(configId).subscribe(function () {
-                _this.alertService.success(_this.translateService.instant('connectorManagement.extension.deleteSyncSuccess'));
-                _this.stateService.enableInput();
-                _this.stateService.refresh();
-            }, function () {
-                _this.stateService.enableInput();
-            });
-        };
-        return ConnectorLinkExtensionComponent;
-    }());
-    ConnectorLinkExtensionComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'valtimo-connector-link-extension',
-                    template: "<h2 class=\"mb-4 mt-6\">{{ 'connectorManagement.extension.title' | translate }}</h2>\n\n<ng-container\n  *ngIf=\"{\n    syncConfig: objectApiSyncConfig$ | async,\n    loading: loading$ | async,\n    disabled: disabled$ | async\n  } as obs\"\n>\n  <ng-container *ngIf=\"obs.loading === false; else loading\">\n    <ng-container *ngIf=\"obs.syncConfig; else addSync\">\n      <div class=\"card card-border card-contrast\">\n        <div class=\"card-header card-header-contrast card-header-featured\">\n          <div>\n            {{ obs.syncConfig.title }}\n          </div>\n          <div class=\"controls\">\n            <button\n              class=\"btn btn-danger ml-3\"\n              [disabled]=\"obs.disabled\"\n              (click)=\"deleteSync(obs.syncConfig.id)\"\n            >\n              <i class=\"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\n                  type=\"checkbox\"\n                  [checked]=\"obs.syncConfig.enabled\"\n                  [disabled]=\"obs.disabled\"\n                  name=\"sync\"\n                  id=\"sync\"\n                  (click)=\"toggleSync(obs.syncConfig)\"\n                />\n                <span><label for=\"sync\"></label></span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </ng-container>\n  </ng-container>\n</ng-container>\n\n<valtimo-connector-link-extension-modal></valtimo-connector-link-extension-modal>\n\n<ng-template #loading>\n  <valtimo-spinner></valtimo-spinner>\n</ng-template>\n\n<ng-template #addSync>\n  <div class=\"text-right mt-5\">\n    <button class=\"btn btn-primary\" (click)=\"openModal()\" [disabled]=\"disabled$ | async\">\n      <i class=\"icon mdi mdi-plus\"></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 = function () { return [
-        { type: ConnectorManagementStateService },
-        { type: ObjectApiSyncService },
-        { type: core.TranslateService },
-        { type: router.ActivatedRoute },
-        { type: components.AlertService },
-        { type: ConnectorManagementService }
+    var ConnectorLinkExtensionComponent = /** @class */ (function () {
+        function ConnectorLinkExtensionComponent(stateService, objectApiSyncService, translateService, route, alertService, connectorManagementService) {
+            var _this = this;
+            this.stateService = stateService;
+            this.objectApiSyncService = objectApiSyncService;
+            this.translateService = translateService;
+            this.route = route;
+            this.alertService = alertService;
+            this.connectorManagementService = connectorManagementService;
+            this.loading$ = new rxjs.BehaviorSubject(true);
+            this.objectApiSyncConfig$ = rxjs.combineLatest([
+                this.route.params,
+                this.translateService.stream('key'),
+                this.stateService.refresh$,
+            ]).pipe(operators.switchMap(function (_b) {
+                var _c = __read(_b, 1), params = _c[0];
+                return _this.objectApiSyncService.getObjectSyncConfigs(params.name);
+            }), operators.switchMap(function (configs) { return rxjs.combineLatest(__spread([
+                rxjs.of(configs)
+            ], configs.map(function (config) { return _this.connectorManagementService
+                .getConnectorInstanceById(config.connectorInstanceId)
+                .pipe(operators.catchError(function () { return rxjs.of(''); })); }))); }), operators.map(function (results) {
+                var _b = __read(results.filter(function (result) { return result; })), instances = _b.slice(1);
+                return results[0].map(function (syncConfig) {
+                    var _a;
+                    return (Object.assign(Object.assign({}, syncConfig), { title: ((_a = instances.find(function (instance) { return instance.id === syncConfig.connectorInstanceId; })) === null || _a === void 0 ? void 0 : _a.name) ||
+                            'Objects API' }));
+                });
+            }), operators.map(function (results) { return (Array.isArray(results) && results.length > 0 ? results[0] : null); }), operators.tap(function () {
+                _this.loading$.next(false);
+            }));
+            this.disabled$ = this.stateService.inputDisabled$;
+        }
+        ConnectorLinkExtensionComponent.prototype.ngOnDestroy = function () {
+            this.stateService.hideExtensionModal();
+        };
+        ConnectorLinkExtensionComponent.prototype.openModal = function () {
+            this.stateService.showExtensionModal();
+        };
+        ConnectorLinkExtensionComponent.prototype.toggleSync = function (config) {
+            var _this = this;
+            this.stateService.disableInput();
+            this.objectApiSyncService
+                .modifyObjectSyncConfig(Object.assign(Object.assign({}, config), { enabled: !config.enabled }))
+                .subscribe(function () {
+                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();
+            }, function () {
+                _this.stateService.enableInput();
+            });
+        };
+        ConnectorLinkExtensionComponent.prototype.deleteSync = function (configId) {
+            var _this = this;
+            this.stateService.disableInput();
+            this.objectApiSyncService.deleteObjectSyncConfig(configId).subscribe(function () {
+                _this.alertService.success(_this.translateService.instant('connectorManagement.extension.deleteSyncSuccess'));
+                _this.stateService.enableInput();
+                _this.stateService.refresh();
+            }, function () {
+                _this.stateService.enableInput();
+            });
+        };
+        return ConnectorLinkExtensionComponent;
+    }());
+    ConnectorLinkExtensionComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'valtimo-connector-link-extension',
+                    template: "<h2 class=\"mb-4 mt-6\">{{ 'connectorManagement.extension.title' | translate }}</h2>\n\n<ng-container\n  *ngIf=\"{\n    syncConfig: objectApiSyncConfig$ | async,\n    loading: loading$ | async,\n    disabled: disabled$ | async\n  } as obs\"\n>\n  <ng-container *ngIf=\"obs.loading === false; else loading\">\n    <ng-container *ngIf=\"obs.syncConfig; else addSync\">\n      <div class=\"card card-border card-contrast\">\n        <div class=\"card-header card-header-contrast card-header-featured\">\n          <div>\n            {{ obs.syncConfig.title }}\n          </div>\n          <div class=\"controls\">\n            <button\n              class=\"btn btn-danger ml-3\"\n              [disabled]=\"obs.disabled\"\n              (click)=\"deleteSync(obs.syncConfig.id)\"\n            >\n              <i class=\"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\n                  type=\"checkbox\"\n                  [checked]=\"obs.syncConfig.enabled\"\n                  [disabled]=\"obs.disabled\"\n                  name=\"sync\"\n                  id=\"sync\"\n                  (click)=\"toggleSync(obs.syncConfig)\"\n                />\n                <span><label for=\"sync\"></label></span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </ng-container>\n  </ng-container>\n</ng-container>\n\n<valtimo-connector-link-extension-modal></valtimo-connector-link-extension-modal>\n\n<ng-template #loading>\n  <valtimo-spinner></valtimo-spinner>\n</ng-template>\n\n<ng-template #addSync>\n  <div class=\"text-right mt-5\">\n    <button class=\"btn btn-primary\" (click)=\"openModal()\" [disabled]=\"disabled$ | async\">\n      <i class=\"icon mdi mdi-plus\"></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 = function () { return [
+        { type: ConnectorManagementStateService },
+        { type: ObjectApiSyncService },
+        { type: core.TranslateService },
+        { type: router.ActivatedRoute },
+        { type: components.AlertService },
+        { type: ConnectorManagementService }
     ]; };
 
-    var MultiValueConnectorPropertyComponent = /** @class */ (function () {
-        function MultiValueConnectorPropertyComponent() {
-            this.valuesSet = new i0.EventEmitter();
-            this.amountOfValues$ = new rxjs.BehaviorSubject([null]);
-            this.removeButtonDisabled$ = this.amountOfValues$.pipe(operators.map(function (amountOfValues) { return amountOfValues.length === 1; }));
-            this.values$ = new rxjs.BehaviorSubject({});
-            this.addButtonDisabled$ = rxjs.combineLatest([this.values$, this.amountOfValues$]).pipe(operators.map(function (_b) {
-                var _c = __read(_b, 2), values = _c[0], amountOfValues = _c[1];
-                var objectValues = Object.values(values);
-                var validObjectValues = objectValues.filter(function (value) { return value === 0 || value; });
-                return amountOfValues.length !== validObjectValues.length;
-            }));
-        }
-        MultiValueConnectorPropertyComponent.prototype.ngOnInit = function () {
-            this.openValuesSubscription();
-            this.setDefaults();
-        };
-        MultiValueConnectorPropertyComponent.prototype.ngOnDestroy = function () {
-            var _a;
-            (_a = this.valuesSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
-        };
-        MultiValueConnectorPropertyComponent.prototype.onValueChange = function (value, editField, index) {
-            var _this = this;
-            this.values$.pipe(operators.take(1)).subscribe(function (values) {
-                var _b;
-                _this.values$.next(Object.assign(Object.assign({}, values), (_b = {}, _b[index] = editField.editType === 'string[]'
-                    ? value.trim()
-                    : parseInt(value, 10), _b)));
-            });
-        };
-        MultiValueConnectorPropertyComponent.prototype.addRow = function () {
-            var _this = this;
-            this.amountOfValues$.pipe(operators.take(1)).subscribe(function (amountOfValues) {
-                _this.amountOfValues$.next(__spread(amountOfValues, [null]));
-            });
-        };
-        MultiValueConnectorPropertyComponent.prototype.removeRow = function () {
-            var _this = this;
-            rxjs.combineLatest([this.values$, this.amountOfValues$])
-                .pipe(operators.take(1))
-                .subscribe(function (_b) {
-                var _c = __read(_b, 2), values = _c[0], amountOfValues = _c[1];
-                var lastValueIndex = amountOfValues.length - 1;
-                var valuesCopy = Object.assign({}, values);
-                delete valuesCopy[lastValueIndex];
-                _this.values$.next(valuesCopy);
-                _this.amountOfValues$.next(amountOfValues.filter(function (curr, index) { return index !== lastValueIndex; }));
-            });
-        };
-        MultiValueConnectorPropertyComponent.prototype.openValuesSubscription = function () {
-            var _this = this;
-            this.valuesSubscription = this.values$.subscribe(function (values) {
-                _this.valuesSet.emit({
-                    editFieldKey: _this.editField.key,
-                    values: Object.values(values).filter(function (value) { return value === 0 || value; }),
-                });
-            });
-        };
-        MultiValueConnectorPropertyComponent.prototype.setDefaults = function () {
-            var defaultValue = this.defaultValue;
-            var validValues = Array.isArray(defaultValue) && defaultValue.filter(function (value) { return value === 0 || value; });
-            if (validValues && validValues.length > 0) {
-                var valuesObject_1 = {};
-                validValues.forEach(function (value, index) {
-                    valuesObject_1[index] = value;
-                });
-                this.values$.next(valuesObject_1);
-                this.amountOfValues$.next(validValues.map(function () { return null; }));
-            }
-        };
-        return MultiValueConnectorPropertyComponent;
-    }());
-    MultiValueConnectorPropertyComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'valtimo-multi-value-connector-property',
-                    template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  class=\"form-group row\"\n  *ngIf=\"{amountOfValues: amountOfValues$ | async, values: values$ | async} as obs\"\n>\n  <label class=\"col-3 col-form-label text-sm-right\">\n    {{ 'connectorManagement.inputLabels.' + editField.key | translate }}\n  </label>\n  <div class=\"col-7\">\n    <ng-container *ngFor=\"let value of obs.amountOfValues; let index = index\">\n      <ng-container\n        *ngTemplateOutlet=\"input; context: {index: index, disabled: disabled, values: obs.values}\"\n      >\n      </ng-container>\n    </ng-container>\n    <ng-container *ngTemplateOutlet=\"buttons; context: {disabled: disabled}\"></ng-container>\n  </div>\n</div>\n\n<ng-template #input let-index=\"index\" let-disabled=\"disabled\" let-values=\"values\">\n  <input\n    *ngIf=\"editField.editType === 'string[]'\"\n    class=\"form-control mb-2\"\n    type=\"text\"\n    (input)=\"onValueChange($event.target.value, editField, index)\"\n    [disabled]=\"disabled\"\n    [value]=\"defaultValue && values[index] ? values[index] : ''\"\n  />\n  <input\n    *ngIf=\"editField.editType === 'number[]'\"\n    class=\"form-control mb-2\"\n    type=\"number\"\n    step=\"1\"\n    min=\"0\"\n    oninput=\"validity.valid||(value='');\"\n    (input)=\"onValueChange($event.target.value, editField, index)\"\n    [disabled]=\"disabled\"\n    [value]=\"defaultValue && values[index] ? values[index] : ''\"\n  />\n</ng-template>\n\n<ng-template #buttons let-disabled=\"disabled\">\n  <div class=\"button-container mt-1\">\n    <button\n      class=\"btn btn-danger btn-space btn-sm\"\n      (click)=\"removeRow()\"\n      [disabled]=\"disabled || (removeButtonDisabled$ | async)\"\n    >\n      <i class=\"icon mdi mdi-delete mr-1\"></i>\n      {{ 'connectorManagement.removeValue' | translate }}\n    </button>\n    <button\n      class=\"btn btn-secondary btn-space mr-0 btn-sm\"\n      (click)=\"addRow()\"\n      [disabled]=\"disabled || (addButtonDisabled$ | async)\"\n    >\n      <i class=\"icon mdi mdi-plus mr-1\"></i>\n      {{ 'connectorManagement.addValue' | translate }}\n    </button>\n  </div>\n</ng-template>\n",
-                    styles: ["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.button-container{display:flex;justify-content:flex-end;width:100%}"]
-                },] }
-    ];
-    MultiValueConnectorPropertyComponent.propDecorators = {
-        editField: [{ type: i0.Input }],
-        disabled: [{ type: i0.Input }],
-        defaultValue: [{ type: i0.Input }],
-        valuesSet: [{ type: i0.Output }]
+    var MultiValueConnectorPropertyComponent = /** @class */ (function () {
+        function MultiValueConnectorPropertyComponent() {
+            this.valuesSet = new i0.EventEmitter();
+            this.amountOfValues$ = new rxjs.BehaviorSubject([null]);
+            this.removeButtonDisabled$ = this.amountOfValues$.pipe(operators.map(function (amountOfValues) { return amountOfValues.length === 1; }));
+            this.values$ = new rxjs.BehaviorSubject({});
+            this.addButtonDisabled$ = rxjs.combineLatest([this.values$, this.amountOfValues$]).pipe(operators.map(function (_b) {
+                var _c = __read(_b, 2), values = _c[0], amountOfValues = _c[1];
+                var objectValues = Object.values(values);
+                var validObjectValues = objectValues.filter(function (value) { return value === 0 || value; });
+                return amountOfValues.length !== validObjectValues.length;
+            }));
+        }
+        MultiValueConnectorPropertyComponent.prototype.ngOnInit = function () {
+            this.openValuesSubscription();
+            this.setDefaults();
+        };
+        MultiValueConnectorPropertyComponent.prototype.ngOnDestroy = function () {
+            var _a;
+            (_a = this.valuesSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        };
+        MultiValueConnectorPropertyComponent.prototype.onValueChange = function (value, editField, index) {
+            var _this = this;
+            this.values$.pipe(operators.take(1)).subscribe(function (values) {
+                var _b;
+                _this.values$.next(Object.assign(Object.assign({}, values), (_b = {}, _b[index] = editField.editType === 'string[]'
+                    ? value.trim()
+                    : parseInt(value, 10), _b)));
+            });
+        };
+        MultiValueConnectorPropertyComponent.prototype.addRow = function () {
+            var _this = this;
+            this.amountOfValues$.pipe(operators.take(1)).subscribe(function (amountOfValues) {
+                _this.amountOfValues$.next(__spread(amountOfValues, [null]));
+            });
+        };
+        MultiValueConnectorPropertyComponent.prototype.removeRow = function () {
+            var _this = this;
+            rxjs.combineLatest([this.values$, this.amountOfValues$])
+                .pipe(operators.take(1))
+                .subscribe(function (_b) {
+                var _c = __read(_b, 2), values = _c[0], amountOfValues = _c[1];
+                var lastValueIndex = amountOfValues.length - 1;
+                var valuesCopy = Object.assign({}, values);
+                delete valuesCopy[lastValueIndex];
+                _this.values$.next(valuesCopy);
+                _this.amountOfValues$.next(amountOfValues.filter(function (curr, index) { return index !== lastValueIndex; }));
+            });
+        };
+        MultiValueConnectorPropertyComponent.prototype.openValuesSubscription = function () {
+            var _this = this;
+            this.valuesSubscription = this.values$.subscribe(function (values) {
+                _this.valuesSet.emit({
+                    editFieldKey: _this.editField.key,
+                    values: Object.values(values).filter(function (value) { return value === 0 || value; }),
+                });
+            });
+        };
+        MultiValueConnectorPropertyComponent.prototype.setDefaults = function () {
+            var defaultValue = this.defaultValue;
+            var validValues = Array.isArray(defaultValue) && defaultValue.filter(function (value) { return value === 0 || value; });
+            if (validValues && validValues.length > 0) {
+                var valuesObject_1 = {};
+                validValues.forEach(function (value, index) {
+                    valuesObject_1[index] = value;
+                });
+                this.values$.next(valuesObject_1);
+                this.amountOfValues$.next(validValues.map(function () { return null; }));
+            }
+        };
+        return MultiValueConnectorPropertyComponent;
+    }());
+    MultiValueConnectorPropertyComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'valtimo-multi-value-connector-property',
+                    template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  class=\"form-group row\"\n  *ngIf=\"{amountOfValues: amountOfValues$ | async, values: values$ | async} as obs\"\n>\n  <label class=\"col-3 col-form-label text-sm-right\">\n    {{ 'connectorManagement.inputLabels.' + editField.key | translate }}\n  </label>\n  <div class=\"col-7\">\n    <ng-container *ngFor=\"let value of obs.amountOfValues; let index = index\">\n      <ng-container\n        *ngTemplateOutlet=\"input; context: {index: index, disabled: disabled, values: obs.values}\"\n      >\n      </ng-container>\n    </ng-container>\n    <ng-container *ngTemplateOutlet=\"buttons; context: {disabled: disabled}\"></ng-container>\n  </div>\n</div>\n\n<ng-template #input let-index=\"index\" let-disabled=\"disabled\" let-values=\"values\">\n  <input\n    *ngIf=\"editField.editType === 'string[]'\"\n    class=\"form-control mb-2\"\n    type=\"text\"\n    (input)=\"onValueChange($event.target.value, editField, index)\"\n    [disabled]=\"disabled\"\n    [value]=\"defaultValue && values[index] ? values[index] : ''\"\n  />\n  <input\n    *ngIf=\"editField.editType === 'number[]'\"\n    class=\"form-control mb-2\"\n    type=\"number\"\n    step=\"1\"\n    min=\"0\"\n    oninput=\"validity.valid||(value='');\"\n    (input)=\"onValueChange($event.target.value, editField, index)\"\n    [disabled]=\"disabled\"\n    [value]=\"defaultValue && values[index] ? values[index] : ''\"\n  />\n</ng-template>\n\n<ng-template #buttons let-disabled=\"disabled\">\n  <div class=\"button-container mt-1\">\n    <button\n      class=\"btn btn-danger btn-space btn-sm\"\n      (click)=\"removeRow()\"\n      [disabled]=\"disabled || (removeButtonDisabled$ | async)\"\n    >\n      <i class=\"icon mdi mdi-delete mr-1\"></i>\n      {{ 'connectorManagement.removeValue' | translate }}\n    </button>\n    <button\n      class=\"btn btn-secondary btn-space mr-0 btn-sm\"\n      (click)=\"addRow()\"\n      [disabled]=\"disabled || (addButtonDisabled$ | async)\"\n    >\n      <i class=\"icon mdi mdi-plus mr-1\"></i>\n      {{ 'connectorManagement.addValue' | translate }}\n    </button>\n  </div>\n</ng-template>\n",
+                    styles: ["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.button-container{display:flex;justify-content:flex-end;width:100%}"]
+                },] }
+    ];
+    MultiValueConnectorPropertyComponent.propDecorators = {
+        editField: [{ type: i0.Input }],
+        disabled: [{ type: i0.Input }],
+        defaultValue: [{ type: i0.Input }],
+        valuesSet: [{ type: i0.Output }]
     };
 
-    var ɵ0$1 = {
-        custom: "values = window['productRequestDefinitions'][row.caseDefinitionKey] || []",
-    };
-    var 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,
-                    },
-                ],
-            },
-        ],
+    var ɵ0$1 = {
+        custom: "values = window['productRequestDefinitions'][row.caseDefinitionKey] || []",
+    };
+    var 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,
+                    },
+                ],
+            },
+        ],
     };
 
-    var EditProductAanvragenConnectorComponent = /** @class */ (function () {
-        function EditProductAanvragenConnectorComponent(formTranslationService, formMappingService, documentService, translateService) {
-            var _this = this;
-            this.formTranslationService = formTranslationService;
-            this.formMappingService = formMappingService;
-            this.documentService = documentService;
-            this.translateService = translateService;
-            this.showDeleteButton = false;
-            this.propertiesSave = new i0.EventEmitter();
-            this.connectorDelete = new i0.EventEmitter();
-            this.formRefresh$ = new rxjs.Subject();
-            this.formDefinition$ = new rxjs.BehaviorSubject(undefined);
-            this.translatedFormDefinition$ = this.formDefinition$.pipe(operators.map(function (definition) { return _this.formTranslationService.translateForm(definition); }));
-            this.caseDefinitionOptions = [];
-            this.processDocumentDefinitionOptions = {};
-            this.options = {
-                disableAlerts: true,
-            };
-            this.mapCaseDefinitionKeyComponent = function (component) {
-                if (component.key === 'caseDefinitionKey') {
-                    return Object.assign(Object.assign({}, component), { disabled: false, data: { values: _this.caseDefinitionOptions } });
-                }
-                return component;
-            };
-        }
-        EditProductAanvragenConnectorComponent.prototype.ngOnInit = function () {
-            window['productRequestDefinitions'] = {};
-            this.openFormDefinitionSubscription();
-            this.formDefinition$.next(editProductAanvragenConnectorForm);
-            this.loadDefinitions();
-        };
-        EditProductAanvragenConnectorComponent.prototype.ngOnDestroy = function () {
-            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();
-        };
-        EditProductAanvragenConnectorComponent.prototype.onSubmit = function (event) {
-            var submission = event.data;
-            var properties = lodash.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: properties, name: submission.connectorName });
-        };
-        EditProductAanvragenConnectorComponent.prototype.onDelete = function () {
-            this.connectorDelete.emit();
-        };
-        EditProductAanvragenConnectorComponent.prototype.openFormDefinitionSubscription = function () {
-            var _this = this;
-            this.formDefinitionSubscription = rxjs.combineLatest([
-                this.formDefinition$,
-                this.translateService.stream('key'),
-            ]).subscribe(function (_c) {
-                var _d = __read(_c, 1), form = _d[0];
-                var translatedForm = _this.formTranslationService.translateForm(form);
-                _this.refreshForm({ form: translatedForm });
-            });
-        };
-        EditProductAanvragenConnectorComponent.prototype.prefillForm = function () {
-            var properties = lodash.cloneDeep(this.properties);
-            var 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 } });
-        };
-        EditProductAanvragenConnectorComponent.prototype.refreshForm = function (refreshValue) {
-            this.formRefresh$.next(refreshValue);
-        };
-        EditProductAanvragenConnectorComponent.prototype.loadDefinitions = function () {
-            var _this = this;
-            var documentDefinitions;
-            this.documentService
-                .getAllDefinitions()
-                .pipe(operators.tap(function (resDocumentDefinitions) { return (documentDefinitions = resDocumentDefinitions.content); }), operators.switchMap(function (resDocumentDefinitions) { return rxjs.combineLatest(resDocumentDefinitions.content.map(function (definition) { return _this.documentService.findProcessDocumentDefinitions(definition.id.name); })); }), operators.tap(function (res) {
-                var _a;
-                _this.caseDefinitionOptions = documentDefinitions.map(function (documentDefinition) {
-                    return { label: documentDefinition.id.name, value: documentDefinition.id.name };
-                });
-                documentDefinitions.forEach(function (documentDefinition, index) {
-                    _this.processDocumentDefinitionOptions[documentDefinition.id.name] = res[index].map(function (processDocumentDefinition) { return processDocumentDefinition.id.processDefinitionKey; });
-                });
-                window['productRequestDefinitions'] = _this.processDocumentDefinitionOptions;
-                var 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();
-        };
-        return EditProductAanvragenConnectorComponent;
-    }());
-    EditProductAanvragenConnectorComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'valtimo-edit-product-aanvragen-connector',
-                    template: "<!--\n  ~ Copyright 2015-2021 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  *ngIf=\"translatedFormDefinition$ | async as definition\"\n  class=\"edit-product-request\"\n  [ngClass]=\"{'has-delete': showDeleteButton}\"\n>\n  <valtimo-form-io\n    [form]=\"definition\"\n    [formRefresh$]=\"formRefresh$\"\n    [options]=\"options\"\n    (submit)=\"onSubmit($event)\"\n  >\n  </valtimo-form-io>\n\n  <button *ngIf=\"showDeleteButton\" class=\"btn btn-danger btn-space\" (click)=\"onDelete()\">\n    <i class=\"icon mdi mdi-delete mr-1\"></i>\n    {{ 'connectorManagement.remove' | translate }}\n  </button>\n</div>\n",
-                    styles: ["/*!\n * Copyright 2015-2021 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.edit-product-request ::ng-deep .btn-wizard-nav-cancel{display:none}.edit-product-request ::ng-deep .list-inline{display:flex;flex-direction:row;justify-content:flex-end}.edit-product-request ::ng-deep .col-sm-2{flex:0 0 25%;max-width:25%}.edit-product-request ::ng-deep .edit-grid-component>label{display:none}.edit-product-request.has-delete ::ng-deep .list-inline{margin-bottom:-30px}.edit-product-request .btn-danger{position:relative}"]
-                },] }
-    ];
-    EditProductAanvragenConnectorComponent.ctorParameters = function () { return [
-        { type: form.FormTranslationService },
-        { type: form.FormMappingService },
-        { type: document.DocumentService },
-        { type: core.TranslateService }
-    ]; };
-    EditProductAanvragenConnectorComponent.propDecorators = {
-        properties: [{ type: i0.Input }],
-        defaultName: [{ type: i0.Input }],
-        showDeleteButton: [{ type: i0.Input }],
-        propertiesSave: [{ type: i0.Output }],
-        connectorDelete: [{ type: i0.Output }]
+    var EditProductAanvragenConnectorComponent = /** @class */ (function () {
+        function EditProductAanvragenConnectorComponent(formTranslationService, formMappingService, documentService, translateService) {
+            var _this = this;
+            this.formTranslationService = formTranslationService;
+            this.formMappingService = formMappingService;
+            this.documentService = documentService;
+            this.translateService = translateService;
+            this.showDeleteButton = false;
+            this.propertiesSave = new i0.EventEmitter();
+            this.connectorDelete = new i0.EventEmitter();
+            this.formRefresh$ = new rxjs.Subject();
+            this.formDefinition$ = new rxjs.BehaviorSubject(undefined);
+            this.translatedFormDefinition$ = this.formDefinition$.pipe(operators.map(function (definition) { return _this.formTranslationService.translateForm(definition); }));
+            this.caseDefinitionOptions = [];
+            this.processDocumentDefinitionOptions = {};
+            this.options = {
+                disableAlerts: true,
+            };
+            this.mapCaseDefinitionKeyComponent = function (component) {
+                if (component.key === 'caseDefinitionKey') {
+                    return Object.assign(Object.assign({}, component), { disabled: false, data: { values: _this.caseDefinitionOptions } });
+                }
+                return component;
+            };
+        }
+        EditProductAanvragenConnectorComponent.prototype.ngOnInit = function () {
+            window['productRequestDefinitions'] = {};
+            this.openFormDefinitionSubscription();
+            this.formDefinition$.next(editProductAanvragenConnectorForm);
+            this.loadDefinitions();
+        };
+        EditProductAanvragenConnectorComponent.prototype.ngOnDestroy = function () {
+            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();
+        };
+        EditProductAanvragenConnectorComponent.prototype.onSubmit = function (event) {
+            var submission = event.data;
+            var properties = lodash.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: properties, name: submission.connectorName });
+        };
+        EditProductAanvragenConnectorComponent.prototype.onDelete = function () {
+            this.connectorDelete.emit();
+        };
+        EditProductAanvragenConnectorComponent.prototype.openFormDefinitionSubscription = function () {
+            var _this = this;
+            this.formDefinitionSubscription = rxjs.combineLatest([
+                this.formDefinition$,
+                this.translateService.stream('key'),
+            ]).subscribe(function (_c) {
+                var _d = __read(_c, 1), form = _d[0];
+                var translatedForm = _this.formTranslationService.translateForm(form);
+                _this.refreshForm({ form: translatedForm });
+            });
+        };
+        EditProductAanvragenConnectorComponent.prototype.prefillForm = function () {
+            var properties = lodash.cloneDeep(this.properties);
+            var 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 } });
+        };
+        EditProductAanvragenConnectorComponent.prototype.refreshForm = function (refreshValue) {
+            this.formRefresh$.next(refreshValue);
+        };
+        EditProductAanvragenConnectorComponent.prototype.loadDefinitions = function () {
+            var _this = this;
+            var documentDefinitions;
+            this.documentService
+                .getAllDefinitions()
+                .pipe(operators.tap(function (resDocumentDefinitions) { return (documentDefinitions = resDocumentDefinitions.content); }), operators.switchMap(function (resDocumentDefinitions) { return rxjs.combineLatest(resDocumentDefinitions.content.map(function (definition) { return _this.documentService.findProcessDocumentDefinitions(definition.id.name); })); }), operators.tap(function (res) {
+                var _a;
+                _this.caseDefinitionOptions = documentDefinitions.map(function (documentDefinition) {
+                    return { label: documentDefinition.id.name, value: documentDefinition.id.name };
+                });
+                documentDefinitions.forEach(function (documentDefinition, index) {
+                    _this.processDocumentDefinitionOptions[documentDefinition.id.name] = res[index].map(function (processDocumentDefinition) { return processDocumentDefinition.id.processDefinitionKey; });
+                });
+                window['productRequestDefinitions'] = _this.processDocumentDefinitionOptions;
+                var 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();
+        };
+        return EditProductAanvragenConnectorComponent;
+    }());
+    EditProductAanvragenConnectorComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'valtimo-edit-product-aanvragen-connector',
+                    template: "<!--\n  ~ Copyright 2015-2021 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  *ngIf=\"translatedFormDefinition$ | async as definition\"\n  class=\"edit-product-request\"\n  [ngClass]=\"{'has-delete': showDeleteButton}\"\n>\n  <valtimo-form-io\n    [form]=\"definition\"\n    [formRefresh$]=\"formRefresh$\"\n    [options]=\"options\"\n    (submit)=\"onSubmit($event)\"\n  >\n  </valtimo-form-io>\n\n  <button *ngIf=\"showDeleteButton\" class=\"btn btn-danger btn-space\" (click)=\"onDelete()\">\n    <i class=\"icon mdi mdi-delete mr-1\"></i>\n    {{ 'connectorManagement.remove' | translate }}\n  </button>\n</div>\n",
+                    styles: ["/*!\n * Copyright 2015-2021 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.edit-product-request ::ng-deep .btn-wizard-nav-cancel{display:none}.edit-product-request ::ng-deep .list-inline{display:flex;flex-direction:row;justify-content:flex-end}.edit-product-request ::ng-deep .col-sm-2{flex:0 0 25%;max-width:25%}.edit-product-request ::ng-deep .edit-grid-component>label{display:none}.edit-product-request.has-delete ::ng-deep .list-inline{margin-bottom:-30px}.edit-product-request .btn-danger{position:relative}"]
+                },] }
+    ];
+    EditProductAanvragenConnectorComponent.ctorParameters = function () { return [
+        { type: form.FormTranslationService },
+        { type: form.FormMappingService },
+        { type: document.DocumentService },
+        { type: core.TranslateService }
+    ]; };
+    EditProductAanvragenConnectorComponent.propDecorators = {
+        properties: [{ type: i0.Input }],
+        defaultName: [{ type: i0.Input }],
+        showDeleteButton: [{ type: i0.Input }],
+        propertiesSave: [{ type: i0.Output }],
+        connectorDelete: [{ type: i0.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.
-     */
-    var EditConnectorFormComponent = /** @class */ (function () {
-        function EditConnectorFormComponent() {
-            this.withDefaults = false;
-            this.showDeleteButton = false;
-            this.propertiesSave = new i0.EventEmitter();
-            this.connectorDelete = new i0.EventEmitter();
-            this.productAanvragenName = 'ProductAanvragen';
-        }
-        return EditConnectorFormComponent;
-    }());
-    EditConnectorFormComponent.decorators = [
-        { type: i0.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: i0.Input }],
-        withDefaults: [{ type: i0.Input }],
-        showDeleteButton: [{ type: i0.Input }],
-        defaultName: [{ type: i0.Input }],
-        connectorName: [{ type: i0.Input }],
-        propertiesSave: [{ type: i0.Output }],
-        connectorDelete: [{ type: i0.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.
+     */
+    var EditConnectorFormComponent = /** @class */ (function () {
+        function EditConnectorFormComponent() {
+            this.withDefaults = false;
+            this.showDeleteButton = false;
+            this.propertiesSave = new i0.EventEmitter();
+            this.connectorDelete = new i0.EventEmitter();
+            this.productAanvragenName = 'ProductAanvragen';
+        }
+        return EditConnectorFormComponent;
+    }());
+    EditConnectorFormComponent.decorators = [
+        { type: i0.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: i0.Input }],
+        withDefaults: [{ type: i0.Input }],
+        showDeleteButton: [{ type: i0.Input }],
+        defaultName: [{ type: i0.Input }],
+        connectorName: [{ type: i0.Input }],
+        propertiesSave: [{ type: i0.Output }],
+        connectorDelete: [{ type: i0.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.
-     */
-    var ConnectorManagementModule = /** @class */ (function () {
-        function ConnectorManagementModule() {
-        }
-        return ConnectorManagementModule;
-    }());
-    ConnectorManagementModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    providers: [ConnectorManagementStateService],
-                    declarations: [
-                        ConnectorManagementComponent,
-                        AddConnectorComponent,
-                        ConnectorModalComponent,
-                        ModifyConnectorComponent,
-                        EditConnectorPropertiesComponent,
-                        MultiValueConnectorPropertyComponent,
-                        ConnectorLinkExtensionComponent,
-                        ConnectorLinkExtensionModalComponent,
-                        EditProductAanvragenConnectorComponent,
-                        EditConnectorFormComponent,
-                    ],
-                    imports: [
-                        common.CommonModule,
-                        ConnectorManagementRoutingModule,
-                        core.TranslateModule,
-                        components.WidgetModule,
-                        components.ListModule,
-                        components.SpinnerModule,
-                        components.ModalModule,
-                        components.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.
+     */
+    var ConnectorManagementModule = /** @class */ (function () {
+        function ConnectorManagementModule() {
+        }
+        return ConnectorManagementModule;
+    }());
+    ConnectorManagementModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    providers: [ConnectorManagementStateService],
+                    declarations: [
+                        ConnectorManagementComponent,
+                        AddConnectorComponent,
+                        ConnectorModalComponent,
+                        ModifyConnectorComponent,
+                        EditConnectorPropertiesComponent,
+                        MultiValueConnectorPropertyComponent,
+                        ConnectorLinkExtensionComponent,
+                        ConnectorLinkExtensionModalComponent,
+                        EditProductAanvragenConnectorComponent,
+                        EditConnectorFormComponent,
+                    ],
+                    imports: [
+                        common.CommonModule,
+                        ConnectorManagementRoutingModule,
+                        core.TranslateModule,
+                        components.WidgetModule,
+                        components.ListModule,
+                        components.SpinnerModule,
+                        components.ModalModule,
+                        components.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) {
-        var configService = injector.get(i2.ConfigService);
-        var logger = injector.get(ngxLogger.NGXLogger);
-        return function () {
-            return new Promise(function (resolve, reject) {
-                try {
-                    logger.debug('connector link extension initializer before init');
-                    var extension = new contract.Extension('ConnectorLink', new contract.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) {
+        var configService = injector.get(i2.ConfigService);
+        var logger = injector.get(ngxLogger.NGXLogger);
+        return function () {
+            return new Promise(function (resolve, reject) {
+                try {
+                    logger.debug('connector link extension initializer before init');
+                    var extension = new i2.Extension('ConnectorLink', new i2.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.
      */
 
     exports.AddConnectorComponent = AddConnectorComponent;