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

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

@@ -1,966 +1,1010 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common/http'), require('@valtimo/config'), require('@angular/router'), require('@valtimo/security'), require('@angular/forms'), require('@valtimo/components'), require('rxjs'), require('rxjs/operators'), require('@valtimo/contract'), require('@angular/common'), require('@ngx-translate/core'), require('@ng-bootstrap/ng-bootstrap'), require('@valtimo/document')) :
-    typeof define === 'function' && define.amd ? define('@valtimo/form-management', ['exports', '@angular/core', '@angular/common/http', '@valtimo/config', '@angular/router', '@valtimo/security', '@angular/forms', '@valtimo/components', 'rxjs', 'rxjs/operators', '@valtimo/contract', '@angular/common', '@ngx-translate/core', '@ng-bootstrap/ng-bootstrap', '@valtimo/document'], factory) :
-    (global = global || self, factory((global.valtimo = global.valtimo || {}, global.valtimo['form-management'] = {}), global.ng.core, global.ng.common.http, global.config, global.ng.router, global.security, global.ng.forms, global.components, global.rxjs, global.rxjs.operators, global.contract, global.ng.common, global.core$1, global.ngBootstrap, global.document$1));
-}(this, (function (exports, i0, i1, i2, router, security, forms, components, rxjs, operators, contract, common, core, ngBootstrap, document$1) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common/http'), require('@valtimo/config'), require('@angular/router'), require('@valtimo/security'), require('@angular/forms'), require('@valtimo/components'), require('rxjs'), require('rxjs/operators'), require('@angular/common'), require('@ngx-translate/core'), require('@ng-bootstrap/ng-bootstrap'), require('@valtimo/document')) :
+    typeof define === 'function' && define.amd ? define('@valtimo/form-management', ['exports', '@angular/core', '@angular/common/http', '@valtimo/config', '@angular/router', '@valtimo/security', '@angular/forms', '@valtimo/components', 'rxjs', 'rxjs/operators', '@angular/common', '@ngx-translate/core', '@ng-bootstrap/ng-bootstrap', '@valtimo/document'], factory) :
+    (global = global || self, factory((global.valtimo = global.valtimo || {}, global.valtimo['form-management'] = {}), global.ng.core, global.ng.common.http, global.config, global.ng.router, global.security, global.ng.forms, global.components, global.rxjs, global.rxjs.operators, global.ng.common, global.core$1, global.ngBootstrap, global.document$1));
+}(this, (function (exports, i0, i1, i2, router, security, forms, components, rxjs, operators, common, core, ngBootstrap, document$1) { 'use strict';
 
-    /*
-     * 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 FormManagementService = /** @class */ (function () {
-        function FormManagementService(http, configService) {
-            this.http = http;
-            this.configService = configService;
-            this.valtimoApiConfig = configService.config.valtimoApi;
-        }
-        FormManagementService.prototype.getFormDefinition = function (formDefinitionId) {
-            return this.http.get(this.valtimoApiConfig.endpointUri + "form-management/" + formDefinitionId);
-        };
-        FormManagementService.prototype.queryFormDefinitions = function (params) {
-            return this.http.get(this.valtimoApiConfig.endpointUri + "form-management", {
-                observe: 'response',
-                params: params,
-            });
-        };
-        FormManagementService.prototype.createFormDefinition = function (request) {
-            return this.http.post(this.valtimoApiConfig.endpointUri + "form-management", request);
-        };
-        FormManagementService.prototype.modifyFormDefinition = function (request) {
-            return this.http.put(this.valtimoApiConfig.endpointUri + "form-management", request);
-        };
-        FormManagementService.prototype.deleteFormDefinition = function (formDefinitionId) {
-            return this.http.delete(this.valtimoApiConfig.endpointUri + "form-management/" + formDefinitionId);
-        };
-        return FormManagementService;
-    }());
-    FormManagementService.ɵprov = i0.ɵɵdefineInjectable({ factory: function FormManagementService_Factory() { return new FormManagementService(i0.ɵɵinject(i1.HttpClient), i0.ɵɵinject(i2.ConfigService)); }, token: FormManagementService, providedIn: "root" });
-    FormManagementService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root',
-                },] }
-    ];
-    FormManagementService.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 FormManagementService = /** @class */ (function () {
+        function FormManagementService(http, configService) {
+            this.http = http;
+            this.configService = configService;
+            this.valtimoApiConfig = configService.config.valtimoApi;
+        }
+        FormManagementService.prototype.getFormDefinition = function (formDefinitionId) {
+            return this.http.get(this.valtimoApiConfig.endpointUri + "form-management/" + formDefinitionId);
+        };
+        FormManagementService.prototype.queryFormDefinitions = function (params) {
+            return this.http.get(this.valtimoApiConfig.endpointUri + "form-management", {
+                observe: 'response',
+                params: params,
+            });
+        };
+        FormManagementService.prototype.createFormDefinition = function (request) {
+            return this.http.post(this.valtimoApiConfig.endpointUri + "form-management", request);
+        };
+        FormManagementService.prototype.modifyFormDefinition = function (request) {
+            return this.http.put(this.valtimoApiConfig.endpointUri + "form-management", request);
+        };
+        FormManagementService.prototype.deleteFormDefinition = function (formDefinitionId) {
+            return this.http.delete(this.valtimoApiConfig.endpointUri + "form-management/" + formDefinitionId);
+        };
+        return FormManagementService;
+    }());
+    FormManagementService.ɵprov = i0.ɵɵdefineInjectable({ factory: function FormManagementService_Factory() { return new FormManagementService(i0.ɵɵinject(i1.HttpClient), i0.ɵɵinject(i2.ConfigService)); }, token: FormManagementService, providedIn: "root" });
+    FormManagementService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
+    FormManagementService.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 FormManagementComponent = /** @class */ (function () {
-        function FormManagementComponent() {
-        }
-        FormManagementComponent.prototype.ngOnInit = function () { };
-        return FormManagementComponent;
-    }());
-    FormManagementComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'valtimo-form-management',
-                    template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content pt-0\">\n  <div class=\"container-fluid\">\n    <div class=\"text-right\">\n      <div class=\"btn-group mt-m3px mb-3\">\n        <button\n          [routerLink]=\"'create'\"\n          [queryParams]=\"{upload: 'true'}\"\n          class=\"btn btn-secondary btn-space\"\n        >\n          <i class=\"icon mdi mdi-upload\"></i>&nbsp;\n          {{ 'Upload' | translate }}\n        </button>\n        <button [routerLink]=\"'create'\" class=\"btn btn-primary btn-space mr-0\">\n          <i class=\"icon mdi mdi-plus\"></i> &nbsp;\n          <span>{{ 'Create new Form' | translate }}</span>\n        </button>\n      </div>\n    </div>\n    <valtimo-widget>\n      <valtimo-form-management-list></valtimo-form-management-list>\n    </valtimo-widget>\n  </div>\n</div>\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 */"]
-                },] }
-    ];
+    /*
+     * 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 FormManagementComponent = /** @class */ (function () {
+        function FormManagementComponent() {
+        }
+        FormManagementComponent.prototype.ngOnInit = function () { };
+        return FormManagementComponent;
+    }());
+    FormManagementComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'valtimo-form-management',
+                    template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content pt-0\">\n  <div class=\"container-fluid\">\n    <div class=\"text-right\">\n      <div class=\"btn-group mt-m3px mb-3\">\n        <button\n          [routerLink]=\"'create'\"\n          [queryParams]=\"{upload: 'true'}\"\n          class=\"btn btn-secondary btn-space\"\n        >\n          <i class=\"icon mdi mdi-upload\"></i>&nbsp;\n          {{ 'Upload' | translate }}\n        </button>\n        <button [routerLink]=\"'create'\" class=\"btn btn-primary btn-space mr-0\">\n          <i class=\"icon mdi mdi-plus\"></i> &nbsp;\n          <span>{{ 'Create new Form' | translate }}</span>\n        </button>\n      </div>\n    </div>\n    <valtimo-widget>\n      <valtimo-form-management-list></valtimo-form-management-list>\n    </valtimo-widget>\n  </div>\n</div>\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 */"]
+                },] }
+    ];
     FormManagementComponent.ctorParameters = function () { return []; };
 
-    /*! *****************************************************************************
-    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 (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;
     }
 
-    var FormManagementCreateComponent = /** @class */ (function () {
-        function FormManagementCreateComponent(formManagementService, formBuilder, router, alertService, route) {
-            this.formManagementService = formManagementService;
-            this.formBuilder = formBuilder;
-            this.router = router;
-            this.alertService = alertService;
-            this.route = route;
-        }
-        Object.defineProperty(FormManagementCreateComponent.prototype, "formControls", {
-            get: function () {
-                return this.form.controls;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        FormManagementCreateComponent.prototype.ngOnInit = function () {
-            this.form = this.formBuilder.group({
-                name: new forms.FormControl('', forms.Validators.required),
-            });
-        };
-        FormManagementCreateComponent.prototype.reset = function () {
-            this.form.setValue({
-                name: '',
-            });
-        };
-        FormManagementCreateComponent.prototype.createFormDefinition = function () {
-            var _this = this;
-            var emptyForm = {
-                display: 'form',
-                components: [],
-            };
-            var request = {
-                name: this.form.value.name,
-                formDefinition: JSON.stringify(emptyForm),
-            };
-            rxjs.combineLatest([
-                this.formManagementService.createFormDefinition(request),
-                this.route.queryParams,
-            ])
-                .pipe(operators.take(1))
-                .subscribe(function (_a) {
-                var _b = __read(_a, 2), formDefinition = _b[0], params = _b[1];
-                _this.alertService.success('Created new Form');
-                if ((params === null || params === void 0 ? void 0 : params.upload) === 'true') {
-                    _this.router.navigate(['/form-management/edit', formDefinition.id], {
-                        queryParams: { upload: 'true' },
-                    });
-                }
-                else {
-                    _this.router.navigate(['/form-management/edit', formDefinition.id]);
-                }
-            }, function (err) {
-                _this.alertService.error('Error creating new Form');
-            });
-        };
-        return FormManagementCreateComponent;
-    }());
-    FormManagementCreateComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'valtimo-form-management-create',
-                    template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content\">\n  <div class=\"container-fluid\">\n    <div class=\"col-12 px-0 mb-5\">\n      <valtimo-widget>\n        <div class=\"bg-white p-5\">\n          <form [formGroup]=\"form\" (ngSubmit)=\"createFormDefinition()\">\n            <div class=\"form-group row\">\n              <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"name\">Name</label>\n              <div class=\"col-12 col-sm-8 col-lg-6\">\n                <input\n                  type=\"text\"\n                  id=\"name\"\n                  formControlName=\"name\"\n                  class=\"form-control\"\n                  placeholder=\"Form definition name\"\n                  [ngClass]=\"{\n                    'is-valid': formControls.name.touched && formControls.name.valid,\n                    'is-invalid': formControls.name.touched && formControls.name.errors\n                  }\"\n                  required\n                />\n                <div\n                  *ngIf=\"formControls.name.touched && formControls.name.errors\"\n                  class=\"invalid-feedback\"\n                >\n                  <div *ngIf=\"formControls.name.errors.required\">Name is required</div>\n                </div>\n              </div>\n            </div>\n            <div class=\"row pt-3 mt-1\">\n              <div class=\"col-12 col-sm-6 text-left\">\n                <a [routerLink]=\"'/forms'\" class=\"btn btn-space btn-default\">Back</a>\n              </div>\n              <div class=\"col-12 col-sm-6 text-right\">\n                <button class=\"btn btn-space btn-secondary\" type=\"button\" (click)=\"reset()\">\n                  Reset\n                </button>\n                <button class=\"btn btn-space btn-primary\" type=\"submit\" [disabled]=\"form.invalid\">\n                  Submit\n                </button>\n              </div>\n            </div>\n          </form>\n        </div>\n      </valtimo-widget>\n    </div>\n  </div>\n</div>\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 */"]
-                },] }
-    ];
-    FormManagementCreateComponent.ctorParameters = function () { return [
-        { type: FormManagementService },
-        { type: forms.FormBuilder },
-        { type: router.Router },
-        { type: components.AlertService },
-        { type: router.ActivatedRoute }
+    var FormManagementCreateComponent = /** @class */ (function () {
+        function FormManagementCreateComponent(formManagementService, formBuilder, router, alertService, route) {
+            this.formManagementService = formManagementService;
+            this.formBuilder = formBuilder;
+            this.router = router;
+            this.alertService = alertService;
+            this.route = route;
+        }
+        Object.defineProperty(FormManagementCreateComponent.prototype, "formControls", {
+            get: function () {
+                return this.form.controls;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        FormManagementCreateComponent.prototype.ngOnInit = function () {
+            this.form = this.formBuilder.group({
+                name: new forms.FormControl('', forms.Validators.required),
+            });
+        };
+        FormManagementCreateComponent.prototype.reset = function () {
+            this.form.setValue({
+                name: '',
+            });
+        };
+        FormManagementCreateComponent.prototype.createFormDefinition = function () {
+            var _this = this;
+            var emptyForm = {
+                display: 'form',
+                components: [],
+            };
+            var request = {
+                name: this.form.value.name,
+                formDefinition: JSON.stringify(emptyForm),
+            };
+            rxjs.combineLatest([
+                this.formManagementService.createFormDefinition(request),
+                this.route.queryParams,
+            ])
+                .pipe(operators.take(1))
+                .subscribe(function (_a) {
+                var _b = __read(_a, 2), formDefinition = _b[0], params = _b[1];
+                _this.alertService.success('Created new Form');
+                if ((params === null || params === void 0 ? void 0 : params.upload) === 'true') {
+                    _this.router.navigate(['/form-management/edit', formDefinition.id], {
+                        queryParams: { upload: 'true' },
+                    });
+                }
+                else {
+                    _this.router.navigate(['/form-management/edit', formDefinition.id]);
+                }
+            }, function (err) {
+                _this.alertService.error('Error creating new Form');
+            });
+        };
+        return FormManagementCreateComponent;
+    }());
+    FormManagementCreateComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'valtimo-form-management-create',
+                    template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content\">\n  <div class=\"container-fluid\">\n    <div class=\"col-12 px-0 mb-5\">\n      <valtimo-widget>\n        <div class=\"bg-white p-5\">\n          <form [formGroup]=\"form\" (ngSubmit)=\"createFormDefinition()\">\n            <div class=\"form-group row\">\n              <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"name\">Name</label>\n              <div class=\"col-12 col-sm-8 col-lg-6\">\n                <input\n                  type=\"text\"\n                  id=\"name\"\n                  formControlName=\"name\"\n                  class=\"form-control\"\n                  placeholder=\"Form definition name\"\n                  [ngClass]=\"{\n                    'is-valid': formControls.name.touched && formControls.name.valid,\n                    'is-invalid': formControls.name.touched && formControls.name.errors\n                  }\"\n                  required\n                />\n                <div\n                  *ngIf=\"formControls.name.touched && formControls.name.errors\"\n                  class=\"invalid-feedback\"\n                >\n                  <div *ngIf=\"formControls.name.errors.required\">Name is required</div>\n                </div>\n              </div>\n            </div>\n            <div class=\"row pt-3 mt-1\">\n              <div class=\"col-12 col-sm-6 text-left\">\n                <a [routerLink]=\"'/forms'\" class=\"btn btn-space btn-default\">Back</a>\n              </div>\n              <div class=\"col-12 col-sm-6 text-right\">\n                <button class=\"btn btn-space btn-secondary\" type=\"button\" (click)=\"reset()\">\n                  Reset\n                </button>\n                <button class=\"btn btn-space btn-primary\" type=\"submit\" [disabled]=\"form.invalid\">\n                  Submit\n                </button>\n              </div>\n            </div>\n          </form>\n        </div>\n      </valtimo-widget>\n    </div>\n  </div>\n</div>\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 */"]
+                },] }
+    ];
+    FormManagementCreateComponent.ctorParameters = function () { return [
+        { type: FormManagementService },
+        { type: forms.FormBuilder },
+        { type: router.Router },
+        { type: components.AlertService },
+        { type: router.ActivatedRoute }
     ]; };
 
-    /*
-     * 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 FormManagementEditComponent = /** @class */ (function () {
-        function FormManagementEditComponent(formManagementService, alertService, route, router) {
-            this.formManagementService = formManagementService;
-            this.alertService = alertService;
-            this.route = route;
-            this.router = router;
-            this.showModal$ = new rxjs.BehaviorSubject(false);
-            this.reloading$ = new rxjs.BehaviorSubject(false);
-            this.modifiedFormDefinition = null;
-            this.formDefinition = null;
-            this.alertSub = rxjs.Subscription.EMPTY;
-            this.formDefinitionId = null;
-        }
-        FormManagementEditComponent.prototype.ngOnInit = function () {
-            this.loadFormDefinition();
-            this.checkToOpenUploadModal();
-        };
-        FormManagementEditComponent.prototype.ngOnDestroy = function () {
-            this.alertSub.unsubscribe();
-        };
-        FormManagementEditComponent.prototype.loadFormDefinition = function () {
-            var _this = this;
-            this.formDefinitionId = this.route.snapshot.paramMap.get('id');
-            this.formManagementService.getFormDefinition(this.formDefinitionId).subscribe(function (formDefinition) {
-                _this.formDefinition = formDefinition;
-            }, function () {
-                _this.alertService.error('Error retrieving Form Definition');
-            });
-        };
-        FormManagementEditComponent.prototype.modifyFormDefinition = function () {
-            var _this = this;
-            var form = JSON.stringify(this.modifiedFormDefinition != null
-                ? this.modifiedFormDefinition
-                : this.formDefinition.formDefinition);
-            var request = {
-                id: this.formDefinition.id,
-                name: this.formDefinition.name,
-                formDefinition: form,
-            };
-            this.formManagementService.modifyFormDefinition(request).subscribe(function () {
-                _this.router.navigate(['/form-management']);
-                _this.alertService.success('Form deployed');
-            }, function (err) {
-                _this.alertService.error('Error deploying Form');
-            });
-        };
-        FormManagementEditComponent.prototype.formBuilderChanged = function (event) {
-            this.modifiedFormDefinition = event.form;
-        };
-        FormManagementEditComponent.prototype.delete = function () {
-            var _this = this;
-            if (!this.alertSub.closed) {
-                return;
-            }
-            var mssg = 'Delete Form?';
-            var confirmations = [
-                {
-                    label: 'Cancel',
-                    class: 'btn btn-default',
-                    value: false,
-                },
-                {
-                    label: 'Delete',
-                    class: 'btn btn-primary',
-                    value: true,
-                },
-            ];
-            this.alertService.notification(mssg, confirmations);
-            this.alertSub = this.alertService
-                .getAlertConfirmChangeEmitter()
-                .pipe(operators.first())
-                .subscribe(function (alert) {
-                if (alert.confirm === true) {
-                    _this.deleteFormDefinition();
-                }
-            });
-        };
-        FormManagementEditComponent.prototype.deleteFormDefinition = function () {
-            var _this = this;
-            this.formManagementService.deleteFormDefinition(this.formDefinition.id).subscribe(function () {
-                _this.router.navigate(['/form-management']);
-                _this.alertService.success('Form deleted');
-            }, function (err) {
-                _this.alertService.error('Error deleting Form');
-            });
-        };
-        FormManagementEditComponent.prototype.downloadFormDefinition = function () {
-            var file = new Blob([JSON.stringify(this.formDefinition)], { type: 'text/json' });
-            var link = document.createElement('a');
-            link.download = "form_" + this.formDefinition.name + ".json";
-            link.href = window.URL.createObjectURL(file);
-            link.click();
-            window.URL.revokeObjectURL(link.href);
-            link.remove();
-        };
-        FormManagementEditComponent.prototype.showModal = function () {
-            this.showModal$.next(true);
-        };
-        FormManagementEditComponent.prototype.setFormDefinition = function (formDefinition) {
-            var _a;
-            this.reloading$.next(true);
-            var definition = JSON.parse(formDefinition);
-            var components = (_a = definition === null || definition === void 0 ? void 0 : definition.formDefinition) === null || _a === void 0 ? void 0 : _a.components;
-            var currentDefinition = this.modifiedFormDefinition || this.formDefinition.formDefinition;
-            var newDefinition = Object.assign(Object.assign({}, currentDefinition), (components && { components: components }));
-            this.modifiedFormDefinition = newDefinition;
-            this.formDefinition.formDefinition = newDefinition;
-            this.reloading$.next(false);
-        };
-        FormManagementEditComponent.prototype.checkToOpenUploadModal = function () {
-            var _this = this;
-            this.route.queryParams.pipe(operators.take(1)).subscribe(function (params) {
-                if ((params === null || params === void 0 ? void 0 : params.upload) === 'true') {
-                    _this.showModal();
-                }
-            });
-        };
-        return FormManagementEditComponent;
-    }());
-    FormManagementEditComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'valtimo-form-management-edit',
-                    template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content pt-0\">\n  <div class=\"container-fluid\" *ngIf=\"formDefinition\">\n    <div class=\"btn-group mt-m3px mb-3 float-right\">\n      <button class=\"btn btn-primary btn-space\" (click)=\"downloadFormDefinition()\">\n        <i class=\"fa fa-save\"></i>\n        {{ 'Download' | translate }}\n      </button>\n      <button\n        class=\"btn btn-secondary btn-space\"\n        (click)=\"showModal()\"\n        [disabled]=\"formDefinition.readOnly\"\n      >\n        <i class=\"icon mdi mdi-upload\"></i>&nbsp;\n        {{ 'Upload' | translate }}\n      </button>\n      <button\n        class=\"btn btn-danger btn-space\"\n        (click)=\"delete()\"\n        [disabled]=\"formDefinition.readOnly\"\n      >\n        <i class=\"fa fa-trash\"></i>&nbsp;Delete\n      </button>\n      <button\n        class=\"btn btn-success btn-space\"\n        (click)=\"modifyFormDefinition()\"\n        [disabled]=\"formDefinition.readOnly\"\n      >\n        <i class=\"fa fa-upload\"></i>&nbsp;Deploy\n      </button>\n    </div>\n    <div class=\"clearfix\"></div>\n    <div class=\"bg-light formbuilder-header overflow-auto\">\n      <h3 class=\"formbuilder-title\">\n        {{ formDefinition.name }}\n        <div *ngIf=\"formDefinition.readOnly\" class=\"pull-right\">\n          <span class=\"badge badge-pill badge-info increase-size\">Read-only</span>\n        </div>\n      </h3>\n    </div>\n    <ng-container *ngIf=\"!(reloading$ | async)\">\n      <valtimo-form-io-builder\n        [form]=\"formDefinition.formDefinition\"\n        (change)=\"formBuilderChanged($event)\"\n      ></valtimo-form-io-builder>\n    </ng-container>\n  </div>\n</div>\n\n<valtimo-form-management-upload\n  [show$]=\"showModal$\"\n  (definitionUploaded)=\"setFormDefinition($event)\"\n></valtimo-form-management-upload>\n",
-                    encapsulation: i0.ViewEncapsulation.None,
-                    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.formcomponent.gu-mirror,.formbuilder .btn.formcomponent.drag-copy{background-color:silver;border-color:silver;color:#fff;font-weight:400}.btn.formcomponent.gu-mirror:active,.btn.formcomponent.gu-mirror:hover,.formbuilder .btn.formcomponent.drag-copy:active,.formbuilder .btn.formcomponent.drag-copy:hover{box-shadow:none}.btn.formcomponent.gu-mirror:active,.formbuilder .btn.formcomponent.drag-copy:active{background-color:silver;border-color:silver}.formbuilder-header{border:1px solid #dee2e6;border-bottom:0;font-size:18px;height:80px;padding-left:18px;padding-right:18px}.formbuilder-header .formbuilder-title{margin-bottom:7px;margin-top:21px}.formbuilder-header .formbuilder-subtitle{margin-bottom:12px;margin-top:0}.formbuilder{background:#fff;border:1px solid #dee2e6;margin-left:0!important;margin-right:0!important;padding:1rem}.formbuilder .form-builder-panel .builder-group-button[aria-expanded=\"\"],.formbuilder .form-builder-panel .builder-group-button[aria-expanded=false]{color:#a9a9a9}.formbuilder .form-builder-panel .builder-group-button[aria-expanded=true]{color:#000}.formbuilder .drag-and-drop-alert{display:none}.formbuilder .formarea{background-color:#fff;border:1px solid silver;padding:10px}.increase-size{font-size:1rem}"]
-                },] }
-    ];
-    FormManagementEditComponent.ctorParameters = function () { return [
-        { type: FormManagementService },
-        { type: components.AlertService },
-        { type: router.ActivatedRoute },
-        { type: router.Router }
+    /*
+     * Copyright 2015-2020 Ritense BV, the Netherlands.
+     *
+     * Licensed under EUPL, Version 1.2 (the "License");
+     * you may not use this file except in compliance with the License.
+     * You may obtain a copy of the License at
+     *
+     * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+     *
+     * Unless required by applicable law or agreed to in writing, software
+     * distributed under the License is distributed on an "AS IS" basis,
+     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+     * See the License for the specific language governing permissions and
+     * limitations under the License.
+     */
+    var FormManagementEditComponent = /** @class */ (function () {
+        function FormManagementEditComponent(formManagementService, alertService, route, router) {
+            this.formManagementService = formManagementService;
+            this.alertService = alertService;
+            this.route = route;
+            this.router = router;
+            this.showModal$ = new rxjs.BehaviorSubject(false);
+            this.reloading$ = new rxjs.BehaviorSubject(false);
+            this.modifiedFormDefinition = null;
+            this.formDefinition = null;
+            this.alertSub = rxjs.Subscription.EMPTY;
+            this.formDefinitionId = null;
+        }
+        FormManagementEditComponent.prototype.ngOnInit = function () {
+            this.loadFormDefinition();
+            this.checkToOpenUploadModal();
+        };
+        FormManagementEditComponent.prototype.ngOnDestroy = function () {
+            this.alertSub.unsubscribe();
+        };
+        FormManagementEditComponent.prototype.loadFormDefinition = function () {
+            var _this = this;
+            this.formDefinitionId = this.route.snapshot.paramMap.get('id');
+            this.formManagementService.getFormDefinition(this.formDefinitionId).subscribe(function (formDefinition) {
+                _this.formDefinition = formDefinition;
+            }, function () {
+                _this.alertService.error('Error retrieving Form Definition');
+            });
+        };
+        FormManagementEditComponent.prototype.modifyFormDefinition = function () {
+            var _this = this;
+            var form = JSON.stringify(this.modifiedFormDefinition != null
+                ? this.modifiedFormDefinition
+                : this.formDefinition.formDefinition);
+            var request = {
+                id: this.formDefinition.id,
+                name: this.formDefinition.name,
+                formDefinition: form,
+            };
+            this.formManagementService.modifyFormDefinition(request).subscribe(function () {
+                _this.router.navigate(['/form-management']);
+                _this.alertService.success('Form deployed');
+            }, function (err) {
+                _this.alertService.error('Error deploying Form');
+            });
+        };
+        FormManagementEditComponent.prototype.formBuilderChanged = function (event) {
+            this.modifiedFormDefinition = event.form;
+        };
+        FormManagementEditComponent.prototype.delete = function () {
+            var _this = this;
+            if (!this.alertSub.closed) {
+                return;
+            }
+            var mssg = 'Delete Form?';
+            var confirmations = [
+                {
+                    label: 'Cancel',
+                    class: 'btn btn-default',
+                    value: false,
+                },
+                {
+                    label: 'Delete',
+                    class: 'btn btn-primary',
+                    value: true,
+                },
+            ];
+            this.alertService.notification(mssg, confirmations);
+            this.alertSub = this.alertService
+                .getAlertConfirmChangeEmitter()
+                .pipe(operators.first())
+                .subscribe(function (alert) {
+                if (alert.confirm === true) {
+                    _this.deleteFormDefinition();
+                }
+            });
+        };
+        FormManagementEditComponent.prototype.deleteFormDefinition = function () {
+            var _this = this;
+            this.formManagementService.deleteFormDefinition(this.formDefinition.id).subscribe(function () {
+                _this.router.navigate(['/form-management']);
+                _this.alertService.success('Form deleted');
+            }, function (err) {
+                _this.alertService.error('Error deleting Form');
+            });
+        };
+        FormManagementEditComponent.prototype.downloadFormDefinition = function () {
+            var file = new Blob([JSON.stringify(this.formDefinition)], { type: 'text/json' });
+            var link = document.createElement('a');
+            link.download = "form_" + this.formDefinition.name + ".json";
+            link.href = window.URL.createObjectURL(file);
+            link.click();
+            window.URL.revokeObjectURL(link.href);
+            link.remove();
+        };
+        FormManagementEditComponent.prototype.showModal = function () {
+            this.showModal$.next(true);
+        };
+        FormManagementEditComponent.prototype.setFormDefinition = function (formDefinition) {
+            var _a;
+            this.reloading$.next(true);
+            var definition = JSON.parse(formDefinition);
+            var components = (_a = definition === null || definition === void 0 ? void 0 : definition.formDefinition) === null || _a === void 0 ? void 0 : _a.components;
+            var currentDefinition = this.modifiedFormDefinition || this.formDefinition.formDefinition;
+            var newDefinition = Object.assign(Object.assign({}, currentDefinition), (components && { components: components }));
+            this.modifiedFormDefinition = newDefinition;
+            this.formDefinition.formDefinition = newDefinition;
+            this.reloading$.next(false);
+        };
+        FormManagementEditComponent.prototype.checkToOpenUploadModal = function () {
+            var _this = this;
+            this.route.queryParams.pipe(operators.take(1)).subscribe(function (params) {
+                if ((params === null || params === void 0 ? void 0 : params.upload) === 'true') {
+                    _this.showModal();
+                }
+            });
+        };
+        return FormManagementEditComponent;
+    }());
+    FormManagementEditComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'valtimo-form-management-edit',
+                    template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content pt-0\">\n  <div class=\"container-fluid\" *ngIf=\"formDefinition\">\n    <div class=\"btn-group mt-m3px mb-3 float-right\">\n      <button class=\"btn btn-primary btn-space\" (click)=\"downloadFormDefinition()\">\n        <i class=\"fa fa-save\"></i>\n        {{ 'Download' | translate }}\n      </button>\n      <button\n        class=\"btn btn-secondary btn-space\"\n        (click)=\"showModal()\"\n        [disabled]=\"formDefinition.readOnly\"\n      >\n        <i class=\"icon mdi mdi-upload\"></i>&nbsp;\n        {{ 'Upload' | translate }}\n      </button>\n      <button\n        class=\"btn btn-danger btn-space\"\n        (click)=\"delete()\"\n        [disabled]=\"formDefinition.readOnly\"\n      >\n        <i class=\"fa fa-trash\"></i>&nbsp;Delete\n      </button>\n      <button\n        class=\"btn btn-success btn-space\"\n        (click)=\"modifyFormDefinition()\"\n        [disabled]=\"formDefinition.readOnly\"\n      >\n        <i class=\"fa fa-upload\"></i>&nbsp;Deploy\n      </button>\n    </div>\n    <div class=\"clearfix\"></div>\n    <div class=\"bg-light formbuilder-header overflow-auto\">\n      <h3 class=\"formbuilder-title\">\n        {{ formDefinition.name }}\n        <div *ngIf=\"formDefinition.readOnly\" class=\"pull-right\">\n          <span class=\"badge badge-pill badge-info increase-size\">Read-only</span>\n        </div>\n      </h3>\n    </div>\n    <ng-container *ngIf=\"!(reloading$ | async)\">\n      <valtimo-form-io-builder\n        [form]=\"formDefinition.formDefinition\"\n        (change)=\"formBuilderChanged($event)\"\n      ></valtimo-form-io-builder>\n    </ng-container>\n  </div>\n</div>\n\n<valtimo-form-management-upload\n  [show$]=\"showModal$\"\n  (definitionUploaded)=\"setFormDefinition($event)\"\n></valtimo-form-management-upload>\n",
+                    encapsulation: i0.ViewEncapsulation.None,
+                    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.formcomponent.gu-mirror,.formbuilder .btn.formcomponent.drag-copy{background-color:silver;border-color:silver;color:#fff;font-weight:400}.btn.formcomponent.gu-mirror:active,.btn.formcomponent.gu-mirror:hover,.formbuilder .btn.formcomponent.drag-copy:active,.formbuilder .btn.formcomponent.drag-copy:hover{box-shadow:none}.btn.formcomponent.gu-mirror:active,.formbuilder .btn.formcomponent.drag-copy:active{background-color:silver;border-color:silver}.formbuilder-header{border:1px solid #dee2e6;border-bottom:0;font-size:18px;height:80px;padding-left:18px;padding-right:18px}.formbuilder-header .formbuilder-title{margin-bottom:7px;margin-top:21px}.formbuilder-header .formbuilder-subtitle{margin-bottom:12px;margin-top:0}.formbuilder{background:#fff;border:1px solid #dee2e6;margin-left:0!important;margin-right:0!important;padding:1rem}.formbuilder .form-builder-panel .builder-group-button[aria-expanded=\"\"],.formbuilder .form-builder-panel .builder-group-button[aria-expanded=false]{color:#a9a9a9}.formbuilder .form-builder-panel .builder-group-button[aria-expanded=true]{color:#000}.formbuilder .drag-and-drop-alert{display:none}.formbuilder .formarea{background-color:#fff;border:1px solid silver;padding:10px}.increase-size{font-size:1rem}"]
+                },] }
+    ];
+    FormManagementEditComponent.ctorParameters = function () { return [
+        { type: FormManagementService },
+        { type: components.AlertService },
+        { type: router.ActivatedRoute },
+        { type: router.Router }
     ]; };
 
-    /*
-     * Copyright 2015-2020 Ritense BV, the Netherlands.
-     *
-     * Licensed under EUPL, Version 1.2 (the "License");
-     * you may not use this file except in compliance with the License.
-     * You may obtain a copy of the License at
-     *
-     * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
-     *
-     * Unless required by applicable law or agreed to in writing, software
-     * distributed under the License is distributed on an "AS IS" basis,
-     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-     * See the License for the specific language governing permissions and
-     * limitations under the License.
-     */
-    var ɵ0 = { title: 'Form management', roles: [contract.ROLE_ADMIN] }, ɵ1 = { title: 'Create new Form', roles: [contract.ROLE_ADMIN] }, ɵ2 = { title: 'Form Builder', roles: [contract.ROLE_ADMIN] };
-    var routes = [
-        {
-            path: 'form-management',
-            component: FormManagementComponent,
-            canActivate: [security.AuthGuardService],
-            data: ɵ0,
-        },
-        {
-            path: 'form-management/create',
-            component: FormManagementCreateComponent,
-            canActivate: [security.AuthGuardService],
-            data: ɵ1,
-        },
-        {
-            path: 'form-management/edit/:id',
-            component: FormManagementEditComponent,
-            canActivate: [security.AuthGuardService],
-            data: ɵ2,
-        },
-    ];
-    var FormManagementRoutingModule = /** @class */ (function () {
-        function FormManagementRoutingModule() {
-        }
-        return FormManagementRoutingModule;
-    }());
-    FormManagementRoutingModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [router.RouterModule.forChild(routes)],
-                    exports: [router.RouterModule],
-                    declarations: [],
-                },] }
+    /*
+     * Copyright 2015-2020 Ritense BV, the Netherlands.
+     *
+     * Licensed under EUPL, Version 1.2 (the "License");
+     * you may not use this file except in compliance with the License.
+     * You may obtain a copy of the License at
+     *
+     * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+     *
+     * Unless required by applicable law or agreed to in writing, software
+     * distributed under the License is distributed on an "AS IS" basis,
+     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+     * See the License for the specific language governing permissions and
+     * limitations under the License.
+     */
+    var ɵ0 = { title: 'Form management', roles: [i2.ROLE_ADMIN] }, ɵ1 = { title: 'Create new Form', roles: [i2.ROLE_ADMIN] }, ɵ2 = { title: 'Form Builder', roles: [i2.ROLE_ADMIN] };
+    var routes = [
+        {
+            path: 'form-management',
+            component: FormManagementComponent,
+            canActivate: [security.AuthGuardService],
+            data: ɵ0,
+        },
+        {
+            path: 'form-management/create',
+            component: FormManagementCreateComponent,
+            canActivate: [security.AuthGuardService],
+            data: ɵ1,
+        },
+        {
+            path: 'form-management/edit/:id',
+            component: FormManagementEditComponent,
+            canActivate: [security.AuthGuardService],
+            data: ɵ2,
+        },
+    ];
+    var FormManagementRoutingModule = /** @class */ (function () {
+        function FormManagementRoutingModule() {
+        }
+        return FormManagementRoutingModule;
+    }());
+    FormManagementRoutingModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [router.RouterModule.forChild(routes)],
+                    exports: [router.RouterModule],
+                    declarations: [],
+                },] }
     ];
 
-    /*
-     * Copyright 2015-2020 Ritense BV, the Netherlands.
-     *
-     * Licensed under EUPL, Version 1.2 (the "License");
-     * you may not use this file except in compliance with the License.
-     * You may obtain a copy of the License at
-     *
-     * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
-     *
-     * Unless required by applicable law or agreed to in writing, software
-     * distributed under the License is distributed on an "AS IS" basis,
-     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-     * See the License for the specific language governing permissions and
-     * limitations under the License.
-     */
-    var FormManagementListComponent = /** @class */ (function () {
-        function FormManagementListComponent(formManagementService, router) {
-            this.formManagementService = formManagementService;
-            this.router = router;
-            this.formDefinitions = [];
-            this.formDefinitionFields = [
-                { key: 'name', label: 'Name' },
-                { key: 'readOnly', label: 'Read-only' },
-            ];
-            this.pagination = {
-                collectionSize: 0,
-                page: 1,
-                size: 10,
-                maxPaginationItemSize: 5,
-            };
-            this.pageParam = 0;
-        }
-        FormManagementListComponent.prototype.paginationClicked = function (page) {
-            this.pageParam = page - 1;
-            this.loadFormDefinitions();
-        };
-        FormManagementListComponent.prototype.ngOnInit = function () { };
-        FormManagementListComponent.prototype.paginationSet = function () {
-            this.loadFormDefinitions();
-        };
-        FormManagementListComponent.prototype.loadFormDefinitions = function (searchTerm) {
-            var _this = this;
-            var params = { page: this.pageParam, size: this.pagination.size };
-            if (searchTerm) {
-                params['searchTerm'] = searchTerm;
-            }
-            this.formManagementService.queryFormDefinitions(params).subscribe(function (results) {
-                _this.pagination.collectionSize = results.body.totalElements;
-                _this.formDefinitions = results.body.content;
-            });
-        };
-        FormManagementListComponent.prototype.editFormDefinition = function (formDefinition) {
-            this.router.navigate(['/form-management/edit', formDefinition.id]);
-        };
-        FormManagementListComponent.prototype.searchTermEntered = function (searchTerm) {
-            this.loadFormDefinitions(searchTerm);
-        };
-        return FormManagementListComponent;
-    }());
-    FormManagementListComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'valtimo-form-management-list',
-                    template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-list\n  [items]=\"formDefinitions\"\n  [fields]=\"formDefinitionFields\"\n  [viewMode]=\"true\"\n  [isSearchable]=\"true\"\n  [pagination]=\"pagination\"\n  paginationIdentifier=\"formManagementList\"\n  (paginationClicked)=\"paginationClicked($event)\"\n  (paginationSet)=\"paginationSet()\"\n  (rowClicked)=\"editFormDefinition($event)\"\n  [header]=\"true\"\n  (search)=\"searchTermEntered($event)\"\n>\n  <div header>\n    <h3 class=\"list-header-title\">{{ 'Forms' | translate }}</h3>\n    <h5 class=\"list-header-description\">{{ 'Overview of all Forms' | translate }}</h5>\n  </div>\n</valtimo-list>\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 */"]
-                },] }
-    ];
-    FormManagementListComponent.ctorParameters = function () { return [
-        { type: FormManagementService },
-        { type: router.Router }
+    /*
+     * Copyright 2015-2020 Ritense BV, the Netherlands.
+     *
+     * Licensed under EUPL, Version 1.2 (the "License");
+     * you may not use this file except in compliance with the License.
+     * You may obtain a copy of the License at
+     *
+     * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+     *
+     * Unless required by applicable law or agreed to in writing, software
+     * distributed under the License is distributed on an "AS IS" basis,
+     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+     * See the License for the specific language governing permissions and
+     * limitations under the License.
+     */
+    var FormManagementListComponent = /** @class */ (function () {
+        function FormManagementListComponent(formManagementService, router) {
+            this.formManagementService = formManagementService;
+            this.router = router;
+            this.formDefinitions = [];
+            this.formDefinitionFields = [
+                { key: 'name', label: 'Name' },
+                { key: 'readOnly', label: 'Read-only' },
+            ];
+            this.pagination = {
+                collectionSize: 0,
+                page: 1,
+                size: 10,
+                maxPaginationItemSize: 5,
+            };
+            this.pageParam = 0;
+        }
+        FormManagementListComponent.prototype.paginationClicked = function (page) {
+            this.pageParam = page - 1;
+            this.loadFormDefinitions();
+        };
+        FormManagementListComponent.prototype.ngOnInit = function () { };
+        FormManagementListComponent.prototype.paginationSet = function () {
+            this.loadFormDefinitions();
+        };
+        FormManagementListComponent.prototype.loadFormDefinitions = function (searchTerm) {
+            var _this = this;
+            var params = { page: this.pageParam, size: this.pagination.size };
+            if (searchTerm) {
+                params['searchTerm'] = searchTerm;
+            }
+            this.formManagementService.queryFormDefinitions(params).subscribe(function (results) {
+                _this.pagination.collectionSize = results.body.totalElements;
+                _this.formDefinitions = results.body.content;
+            });
+        };
+        FormManagementListComponent.prototype.editFormDefinition = function (formDefinition) {
+            this.router.navigate(['/form-management/edit', formDefinition.id]);
+        };
+        FormManagementListComponent.prototype.searchTermEntered = function (searchTerm) {
+            this.loadFormDefinitions(searchTerm);
+        };
+        return FormManagementListComponent;
+    }());
+    FormManagementListComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'valtimo-form-management-list',
+                    template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-list\n  [items]=\"formDefinitions\"\n  [fields]=\"formDefinitionFields\"\n  [viewMode]=\"true\"\n  [isSearchable]=\"true\"\n  [pagination]=\"pagination\"\n  paginationIdentifier=\"formManagementList\"\n  (paginationClicked)=\"paginationClicked($event)\"\n  (paginationSet)=\"paginationSet()\"\n  (rowClicked)=\"editFormDefinition($event)\"\n  [header]=\"true\"\n  (search)=\"searchTermEntered($event)\"\n>\n  <div header>\n    <h3 class=\"list-header-title\">{{ 'Forms' | translate }}</h3>\n    <h5 class=\"list-header-description\">{{ 'Overview of all Forms' | translate }}</h5>\n  </div>\n</valtimo-list>\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 */"]
+                },] }
+    ];
+    FormManagementListComponent.ctorParameters = function () { return [
+        { type: FormManagementService },
+        { type: router.Router }
     ]; };
 
-    /*
-     * Copyright 2015-2020 Ritense BV, the Netherlands.
-     *
-     * Licensed under EUPL, Version 1.2 (the "License");
-     * you may not use this file except in compliance with the License.
-     * You may obtain a copy of the License at
-     *
-     * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
-     *
-     * Unless required by applicable law or agreed to in writing, software
-     * distributed under the License is distributed on an "AS IS" basis,
-     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-     * See the License for the specific language governing permissions and
-     * limitations under the License.
-     */
-    var FormManagementUploadComponent = /** @class */ (function () {
-        function FormManagementUploadComponent(documentService, translateService) {
-            this.documentService = documentService;
-            this.translateService = translateService;
-            this.definitionUploaded = new i0.EventEmitter();
-            this.clear$ = new rxjs.Subject();
-            this.jsonString$ = new rxjs.BehaviorSubject('');
-            this.error$ = new rxjs.BehaviorSubject('');
-            this.disabled$ = new rxjs.BehaviorSubject(false);
-            this.file$ = new rxjs.BehaviorSubject(undefined);
-        }
-        FormManagementUploadComponent.prototype.ngAfterViewInit = function () {
-            this.openShowSubscription();
-            this.openFileSubscription();
-        };
-        FormManagementUploadComponent.prototype.ngOnDestroy = function () {
-            this.showSubscription.unsubscribe();
-            this.fileSubscription.unsubscribe();
-            this.closeErrorSubscription();
-        };
-        FormManagementUploadComponent.prototype.setFile = function (file) {
-            this.clearError();
-            this.file$.next(file);
-        };
-        FormManagementUploadComponent.prototype.uploadDefinition = function () {
-            var _this = this;
-            this.disable();
-            this.jsonString$.pipe(operators.take(1)).subscribe(function (definition) {
-                _this.closeErrorSubscription();
-                _this.clearError();
-                _this.enable();
-                _this.hideModal();
-                _this.definitionUploaded.emit(definition);
-            });
-        };
-        FormManagementUploadComponent.prototype.openErrorSubscription = function (errorCode) {
-            var _this = this;
-            this.closeErrorSubscription();
-            this.errorSubscription = this.translateService.stream(errorCode).subscribe(function (error) {
-                _this.error$.next(error);
-            });
-        };
-        FormManagementUploadComponent.prototype.closeErrorSubscription = function () {
-            if (this.errorSubscription) {
-                this.errorSubscription.unsubscribe();
-            }
-        };
-        FormManagementUploadComponent.prototype.clearError = function () {
-            this.error$.next('');
-        };
-        FormManagementUploadComponent.prototype.openFileSubscription = function () {
-            var _this = this;
-            this.fileSubscription = this.file$.subscribe(function (file) {
-                if (file) {
-                    var reader_1 = new FileReader();
-                    reader_1.onloadend = function () {
-                        var result = reader_1.result.toString();
-                        if (_this.stringIsValidJson(result)) {
-                            _this.jsonString$.next(result);
-                        }
-                    };
-                    reader_1.readAsText(file);
-                }
-                else {
-                    _this.clearJsonString();
-                }
-            });
-        };
-        FormManagementUploadComponent.prototype.openShowSubscription = function () {
-            var _this = this;
-            this.showSubscription = this.show$.subscribe(function (show) {
-                if (show) {
-                    _this.showModal();
-                }
-                else {
-                    _this.hideModal();
-                }
-                _this.clearJsonString();
-                _this.clearError();
-                _this.clearDropzone();
-            });
-        };
-        FormManagementUploadComponent.prototype.clearJsonString = function () {
-            this.jsonString$.next('');
-        };
-        FormManagementUploadComponent.prototype.clearDropzone = function () {
-            this.clear$.next();
-        };
-        FormManagementUploadComponent.prototype.showModal = function () {
-            this.modal.show();
-        };
-        FormManagementUploadComponent.prototype.hideModal = function () {
-            this.modal.hide();
-        };
-        FormManagementUploadComponent.prototype.stringIsValidJson = function (string) {
-            var _a, _b;
-            try {
-                // tslint:disable-next-line
-                (_b = (_a = JSON.parse(string)) === null || _a === void 0 ? void 0 : _a.formDefinition) === null || _b === void 0 ? void 0 : _b.components;
-            }
-            catch (e) {
-                this.clearDropzone();
-                this.openErrorSubscription('dropzone.error.invalidFormDef');
-                return false;
-            }
-            return true;
-        };
-        FormManagementUploadComponent.prototype.disable = function () {
-            this.disabled$.next(true);
-        };
-        FormManagementUploadComponent.prototype.enable = function () {
-            this.disabled$.next(false);
-        };
-        return FormManagementUploadComponent;
-    }());
-    FormManagementUploadComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'valtimo-form-management-upload',
-                    template: "<valtimo-modal\n  #uploadFormDefinitionModal\n  [title]=\"'uploadFormDefinition' | translate\"\n  showFooter=\"true\"\n>\n  <div class=\"mt-2\" body>\n    <valtimo-dropzone\n      [clear$]=\"clear$\"\n      (fileSelected)=\"setFile($event)\"\n      [disabled]=\"disabled$ | async\"\n      [subtitle]=\"'dropzone.formJsonDocDef' | translate\"\n      [externalError$]=\"error$\"\n    ></valtimo-dropzone>\n  </div>\n  <div footer>\n    <ng-container *ngIf=\"(jsonString$ | async) && !(error$ | async); else pleaseSelect\">\n      <button [disabled]=\"disabled$ | async\" class=\"btn btn-primary\" (click)=\"uploadDefinition()\">\n        {{ 'Upload' | translate }}\n      </button>\n    </ng-container>\n  </div>\n</valtimo-modal>\n\n<ng-template #pleaseSelect>\n  <button class=\"btn btn-primary\" [disabled]=\"true\">\n    {{ 'Select a document definition' | translate }}\n  </button>\n</ng-template>\n",
-                    styles: [""]
-                },] }
-    ];
-    FormManagementUploadComponent.ctorParameters = function () { return [
-        { type: document$1.DocumentService },
-        { type: core.TranslateService }
-    ]; };
-    FormManagementUploadComponent.propDecorators = {
-        modal: [{ type: i0.ViewChild, args: ['uploadFormDefinitionModal',] }],
-        show$: [{ type: i0.Input }],
-        definitionUploaded: [{ 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 FormManagementUploadComponent = /** @class */ (function () {
+        function FormManagementUploadComponent(documentService, translateService) {
+            this.documentService = documentService;
+            this.translateService = translateService;
+            this.definitionUploaded = new i0.EventEmitter();
+            this.clear$ = new rxjs.Subject();
+            this.jsonString$ = new rxjs.BehaviorSubject('');
+            this.error$ = new rxjs.BehaviorSubject('');
+            this.disabled$ = new rxjs.BehaviorSubject(false);
+            this.file$ = new rxjs.BehaviorSubject(undefined);
+        }
+        FormManagementUploadComponent.prototype.ngAfterViewInit = function () {
+            this.openShowSubscription();
+            this.openFileSubscription();
+        };
+        FormManagementUploadComponent.prototype.ngOnDestroy = function () {
+            this.showSubscription.unsubscribe();
+            this.fileSubscription.unsubscribe();
+            this.closeErrorSubscription();
+        };
+        FormManagementUploadComponent.prototype.setFile = function (file) {
+            this.clearError();
+            this.file$.next(file);
+        };
+        FormManagementUploadComponent.prototype.uploadDefinition = function () {
+            var _this = this;
+            this.disable();
+            this.jsonString$.pipe(operators.take(1)).subscribe(function (definition) {
+                _this.closeErrorSubscription();
+                _this.clearError();
+                _this.enable();
+                _this.hideModal();
+                _this.definitionUploaded.emit(definition);
+            });
+        };
+        FormManagementUploadComponent.prototype.openErrorSubscription = function (errorCode) {
+            var _this = this;
+            this.closeErrorSubscription();
+            this.errorSubscription = this.translateService.stream(errorCode).subscribe(function (error) {
+                _this.error$.next(error);
+            });
+        };
+        FormManagementUploadComponent.prototype.closeErrorSubscription = function () {
+            if (this.errorSubscription) {
+                this.errorSubscription.unsubscribe();
+            }
+        };
+        FormManagementUploadComponent.prototype.clearError = function () {
+            this.error$.next('');
+        };
+        FormManagementUploadComponent.prototype.openFileSubscription = function () {
+            var _this = this;
+            this.fileSubscription = this.file$.subscribe(function (file) {
+                if (file) {
+                    var reader_1 = new FileReader();
+                    reader_1.onloadend = function () {
+                        var result = reader_1.result.toString();
+                        if (_this.stringIsValidJson(result)) {
+                            _this.jsonString$.next(result);
+                        }
+                    };
+                    reader_1.readAsText(file);
+                }
+                else {
+                    _this.clearJsonString();
+                }
+            });
+        };
+        FormManagementUploadComponent.prototype.openShowSubscription = function () {
+            var _this = this;
+            this.showSubscription = this.show$.subscribe(function (show) {
+                if (show) {
+                    _this.showModal();
+                }
+                else {
+                    _this.hideModal();
+                }
+                _this.clearJsonString();
+                _this.clearError();
+                _this.clearDropzone();
+            });
+        };
+        FormManagementUploadComponent.prototype.clearJsonString = function () {
+            this.jsonString$.next('');
+        };
+        FormManagementUploadComponent.prototype.clearDropzone = function () {
+            this.clear$.next();
+        };
+        FormManagementUploadComponent.prototype.showModal = function () {
+            this.modal.show();
+        };
+        FormManagementUploadComponent.prototype.hideModal = function () {
+            this.modal.hide();
+        };
+        FormManagementUploadComponent.prototype.stringIsValidJson = function (string) {
+            var _a, _b;
+            try {
+                // tslint:disable-next-line
+                (_b = (_a = JSON.parse(string)) === null || _a === void 0 ? void 0 : _a.formDefinition) === null || _b === void 0 ? void 0 : _b.components;
+            }
+            catch (e) {
+                this.clearDropzone();
+                this.openErrorSubscription('dropzone.error.invalidFormDef');
+                return false;
+            }
+            return true;
+        };
+        FormManagementUploadComponent.prototype.disable = function () {
+            this.disabled$.next(true);
+        };
+        FormManagementUploadComponent.prototype.enable = function () {
+            this.disabled$.next(false);
+        };
+        return FormManagementUploadComponent;
+    }());
+    FormManagementUploadComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'valtimo-form-management-upload',
+                    template: "<valtimo-modal\n  #uploadFormDefinitionModal\n  [title]=\"'uploadFormDefinition' | translate\"\n  showFooter=\"true\"\n>\n  <div class=\"mt-2\" body>\n    <valtimo-dropzone\n      [clear$]=\"clear$\"\n      (fileSelected)=\"setFile($event)\"\n      [disabled]=\"disabled$ | async\"\n      [subtitle]=\"'dropzone.formJsonDocDef' | translate\"\n      [externalError$]=\"error$\"\n    ></valtimo-dropzone>\n  </div>\n  <div footer>\n    <ng-container *ngIf=\"(jsonString$ | async) && !(error$ | async); else pleaseSelect\">\n      <button [disabled]=\"disabled$ | async\" class=\"btn btn-primary\" (click)=\"uploadDefinition()\">\n        {{ 'Upload' | translate }}\n      </button>\n    </ng-container>\n  </div>\n</valtimo-modal>\n\n<ng-template #pleaseSelect>\n  <button class=\"btn btn-primary\" [disabled]=\"true\">\n    {{ 'Select a document definition' | translate }}\n  </button>\n</ng-template>\n",
+                    styles: [""]
+                },] }
+    ];
+    FormManagementUploadComponent.ctorParameters = function () { return [
+        { type: document$1.DocumentService },
+        { type: core.TranslateService }
+    ]; };
+    FormManagementUploadComponent.propDecorators = {
+        modal: [{ type: i0.ViewChild, args: ['uploadFormDefinitionModal',] }],
+        show$: [{ type: i0.Input }],
+        definitionUploaded: [{ 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 FormManagementModule = /** @class */ (function () {
-        function FormManagementModule() {
-        }
-        return FormManagementModule;
-    }());
-    FormManagementModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    declarations: [
-                        FormManagementComponent,
-                        FormManagementCreateComponent,
-                        FormManagementListComponent,
-                        FormManagementEditComponent,
-                        FormManagementUploadComponent,
-                    ],
-                    imports: [
-                        FormManagementRoutingModule,
-                        components.FormIoModule,
-                        common.CommonModule,
-                        forms.ReactiveFormsModule,
-                        forms.FormsModule,
-                        components.WidgetModule,
-                        components.ListModule,
-                        core.TranslateModule,
-                        ngBootstrap.NgbTooltipModule,
-                        components.DropzoneModule,
-                        components.ModalModule,
-                    ],
-                    exports: [FormManagementComponent],
-                },] }
+    /*
+     * 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 FormManagementModule = /** @class */ (function () {
+        function FormManagementModule() {
+        }
+        return FormManagementModule;
+    }());
+    FormManagementModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [
+                        FormManagementComponent,
+                        FormManagementCreateComponent,
+                        FormManagementListComponent,
+                        FormManagementEditComponent,
+                        FormManagementUploadComponent,
+                    ],
+                    imports: [
+                        FormManagementRoutingModule,
+                        components.FormIoModule,
+                        common.CommonModule,
+                        forms.ReactiveFormsModule,
+                        forms.FormsModule,
+                        components.WidgetModule,
+                        components.ListModule,
+                        core.TranslateModule,
+                        ngBootstrap.NgbTooltipModule,
+                        components.DropzoneModule,
+                        components.ModalModule,
+                    ],
+                    exports: [FormManagementComponent],
+                },] }
     ];
 
-    /*
-     * 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.
+     */
+    function compareFormDefinitions(fd1, fd2) {
+        if (fd1 === null && fd2 === null) {
+            return true;
+        }
+        if (fd1 === null || fd2 === null) {
+            return false;
+        }
+        return fd1.id === fd2.id;
+    }
+
+    /*
+     *
+     *  * 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.FormManagementComponent = FormManagementComponent;
     exports.FormManagementModule = FormManagementModule;
     exports.FormManagementService = FormManagementService;
+    exports.compareFormDefinitions = compareFormDefinitions;
     exports.ɵa = FormManagementCreateComponent;
     exports.ɵb = FormManagementListComponent;
     exports.ɵc = FormManagementEditComponent;