@valtimo/form-management 4.15.3-next-main.14 → 4.16.0

package/README.md

@@ -1,19 +1,26 @@
 # FormManagement
 
-This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.2.14.
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version
+8.2.14.
 
 ## Code scaffolding
 
-Run `ng generate component component-name --project form-management` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project form-management`.
-> Note: Don't forget to add `--project form-management` or else it will be added to the default project in your `angular.json` file. 
+Run `ng generate component component-name --project form-management` to generate a new component.
+You can also use
+`ng generate directive|pipe|service|class|guard|interface|enum|module --project form-management`.
+
+> Note: Don't forget to add `--project form-management` or else it will be added to the default
+> project in your `angular.json` file.
 
 ## Build
 
-Run `ng build form-management` to build the project. The build artifacts will be stored in the `dist/` directory.
+Run `ng build form-management` to build the project. The build artifacts will be stored in the
+`dist/` directory.
 
 ## Publishing
 
-After building your library with `ng build form-management`, go to the dist folder `cd dist/form-management` and run `npm publish`.
+After building your library with `ng build form-management`, go to the dist folder
+`cd dist/form-management` and run `npm publish`.
 
 ## Running unit tests
 
@@ -21,4 +28,5 @@ Run `ng test form-management` to execute the unit tests via [Karma](https://karm
 
 ## Further help
 
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
+To get more help on the Angular CLI use `ng help` or go check out the
+[Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).

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

@@ -1,8 +1,8 @@
 (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.
@@ -29,7 +29,10 @@
             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 });
+            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);
@@ -45,7 +48,7 @@
     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'
+                    providedIn: 'root',
                 },] }
     ];
     FormManagementService.ctorParameters = function () { return [
@@ -71,14 +74,13 @@
     var FormManagementComponent = /** @class */ (function () {
         function FormManagementComponent() {
         }
-        FormManagementComponent.prototype.ngOnInit = function () {
-        };
+        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 [routerLink]=\"'create'\" [queryParams]=\"{'upload': 'true'}\" class=\"btn btn-secondary btn-space\">\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",
+                    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 */"]
                 },] }
     ];
@@ -108,6 +110,8 @@
         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 __());
@@ -293,11 +297,13 @@
         }
         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;
@@ -306,7 +312,17 @@
                 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);
     }
@@ -371,18 +387,21 @@
     function __importDefault(mod) {
         return (mod && mod.__esModule) ? mod : { default: mod };
     }
-    function __classPrivateFieldGet(receiver, privateMap) {
-        if (!privateMap.has(receiver)) {
-            throw new TypeError("attempted to get private field on non-instance");
-        }
-        return privateMap.get(receiver);
+    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, privateMap, value) {
-        if (!privateMap.has(receiver)) {
-            throw new TypeError("attempted to set private field on non-instance");
-        }
-        privateMap.set(receiver, value);
-        return value;
+    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 () {
@@ -402,31 +421,36 @@
         });
         FormManagementCreateComponent.prototype.ngOnInit = function () {
             this.form = this.formBuilder.group({
-                name: new forms.FormControl('', forms.Validators.required)
+                name: new forms.FormControl('', forms.Validators.required),
             });
         };
         FormManagementCreateComponent.prototype.reset = function () {
             this.form.setValue({
-                name: ''
+                name: '',
             });
         };
         FormManagementCreateComponent.prototype.createFormDefinition = function () {
             var _this = this;
             var emptyForm = {
                 display: 'form',
-                components: []
+                components: [],
             };
             var request = {
                 name: this.form.value.name,
-                formDefinition: JSON.stringify(emptyForm)
+                formDefinition: JSON.stringify(emptyForm),
             };
-            rxjs.combineLatest([this.formManagementService.createFormDefinition(request), this.route.queryParams])
+            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' } });
+                    _this.router.navigate(['/form-management/edit', formDefinition.id], {
+                        queryParams: { upload: 'true' },
+                    });
                 }
                 else {
                     _this.router.navigate(['/form-management/edit', formDefinition.id]);
@@ -440,7 +464,7 @@
     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 type=\"text\" id=\"name\" formControlName=\"name\"\n                       class=\"form-control\" placeholder=\"Form definition name\"\n                       [ngClass]=\"{'is-valid': formControls.name.touched && formControls.name.valid, 'is-invalid': formControls.name.touched && formControls.name.errors}\"\n                       required/>\n                <div *ngIf=\"formControls.name.touched && formControls.name.errors\"\n                     class=\"invalid-feedback\">\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()\">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",
+                    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 */"]
                 },] }
     ];
@@ -498,11 +522,13 @@
         };
         FormManagementEditComponent.prototype.modifyFormDefinition = function () {
             var _this = this;
-            var form = JSON.stringify(this.modifiedFormDefinition != null ? this.modifiedFormDefinition : this.formDefinition.formDefinition);
+            var form = JSON.stringify(this.modifiedFormDefinition != null
+                ? this.modifiedFormDefinition
+                : this.formDefinition.formDefinition);
             var request = {
                 id: this.formDefinition.id,
                 name: this.formDefinition.name,
-                formDefinition: form
+                formDefinition: form,
             };
             this.formManagementService.modifyFormDefinition(request).subscribe(function () {
                 _this.router.navigate(['/form-management']);
@@ -524,16 +550,17 @@
                 {
                     label: 'Cancel',
                     class: 'btn btn-default',
-                    value: false
+                    value: false,
                 },
                 {
                     label: 'Delete',
                     class: 'btn btn-primary',
-                    value: true
-                }
+                    value: true,
+                },
             ];
             this.alertService.notification(mssg, confirmations);
-            this.alertSub = this.alertService.getAlertConfirmChangeEmitter()
+            this.alertSub = this.alertService
+                .getAlertConfirmChangeEmitter()
                 .pipe(operators.first())
                 .subscribe(function (alert) {
                 if (alert.confirm === true) {
@@ -575,8 +602,7 @@
         };
         FormManagementEditComponent.prototype.checkToOpenUploadModal = function () {
             var _this = this;
-            this.route.queryParams.pipe(operators.take(1))
-                .subscribe(function (params) {
+            this.route.queryParams.pipe(operators.take(1)).subscribe(function (params) {
                 if ((params === null || params === void 0 ? void 0 : params.upload) === 'true') {
                     _this.showModal();
                 }
@@ -587,7 +613,7 @@
     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 class=\"btn btn-secondary btn-space\" (click)=\"showModal()\" [disabled]=\"formDefinition.readOnly\">\n        <i class=\"icon mdi mdi-upload\"></i>&nbsp;\n        {{ 'Upload' | translate }}\n      </button>\n      <button class='btn btn-danger btn-space' (click)=\"delete()\" [disabled]=\"formDefinition.readOnly\">\n        <i class=\"fa fa-trash\"></i>&nbsp;Delete\n      </button>\n      <button class='btn btn-success btn-space' (click)=\"modifyFormDefinition()\" [disabled]=\"formDefinition.readOnly\">\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\">{{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 [form]=\"formDefinition.formDefinition\" (change)=\"formBuilderChanged($event)\"></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",
+                    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}"]
                 },] }
@@ -614,26 +640,26 @@
      * 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 ɵ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
+            data: ɵ0,
         },
         {
             path: 'form-management/create',
             component: FormManagementCreateComponent,
             canActivate: [security.AuthGuardService],
-            data: ɵ1
+            data: ɵ1,
         },
         {
             path: 'form-management/edit/:id',
             component: FormManagementEditComponent,
             canActivate: [security.AuthGuardService],
-            data: ɵ2
-        }
+            data: ɵ2,
+        },
     ];
     var FormManagementRoutingModule = /** @class */ (function () {
         function FormManagementRoutingModule() {
@@ -642,13 +668,9 @@
     }());
     FormManagementRoutingModule.decorators = [
         { type: i0.NgModule, args: [{
-                    imports: [
-                        router.RouterModule.forChild(routes)
-                    ],
-                    exports: [
-                        router.RouterModule
-                    ],
-                    declarations: []
+                    imports: [router.RouterModule.forChild(routes)],
+                    exports: [router.RouterModule],
+                    declarations: [],
                 },] }
     ];
 
@@ -674,13 +696,13 @@
             this.formDefinitions = [];
             this.formDefinitionFields = [
                 { key: 'name', label: 'Name' },
-                { key: 'readOnly', label: 'Read-only' }
+                { key: 'readOnly', label: 'Read-only' },
             ];
             this.pagination = {
                 collectionSize: 0,
                 page: 1,
                 size: 10,
-                maxPaginationItemSize: 5
+                maxPaginationItemSize: 5,
             };
             this.pageParam = 0;
         }
@@ -688,8 +710,7 @@
             this.pageParam = page - 1;
             this.loadFormDefinitions();
         };
-        FormManagementListComponent.prototype.ngOnInit = function () {
-        };
+        FormManagementListComponent.prototype.ngOnInit = function () { };
         FormManagementListComponent.prototype.paginationSet = function () {
             this.loadFormDefinitions();
         };
@@ -715,7 +736,7 @@
     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 [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",
+                    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 */"]
                 },] }
     ];
@@ -766,9 +787,7 @@
         FormManagementUploadComponent.prototype.uploadDefinition = function () {
             var _this = this;
             this.disable();
-            this.jsonString$
-                .pipe(operators.take(1))
-                .subscribe(function (definition) {
+            this.jsonString$.pipe(operators.take(1)).subscribe(function (definition) {
                 _this.closeErrorSubscription();
                 _this.clearError();
                 _this.enable();
@@ -859,7 +878,7 @@
     FormManagementUploadComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'valtimo-form-management-upload',
-                    template: "<valtimo-modal #uploadFormDefinitionModal [title]=\"'uploadFormDefinition' | translate\" showFooter=\"true\">\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",
+                    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: [""]
                 },] }
     ];
@@ -900,7 +919,7 @@
                         FormManagementCreateComponent,
                         FormManagementListComponent,
                         FormManagementEditComponent,
-                        FormManagementUploadComponent
+                        FormManagementUploadComponent,
                     ],
                     imports: [
                         FormManagementRoutingModule,
@@ -913,12 +932,55 @@
                         core.TranslateModule,
                         ngBootstrap.NgbTooltipModule,
                         components.DropzoneModule,
-                        components.ModalModule
+                        components.ModalModule,
                     ],
-                    exports: [FormManagementComponent]
+                    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.
+     */
+    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.
      *
@@ -942,6 +1004,7 @@
     exports.FormManagementComponent = FormManagementComponent;
     exports.FormManagementModule = FormManagementModule;
     exports.FormManagementService = FormManagementService;
+    exports.compareFormDefinitions = compareFormDefinitions;
     exports.ɵa = FormManagementCreateComponent;
     exports.ɵb = FormManagementListComponent;
     exports.ɵc = FormManagementEditComponent;