@valtimo/form-management 4.21.0 → 5.0.0

package/fesm2020/valtimo-form-management.mjs

@@ -0,0 +1,691 @@
+import * as i0 from '@angular/core';
+import { Injectable, Component, EventEmitter, ViewChild, Input, Output, ViewEncapsulation, NgModule } from '@angular/core';
+import * as i1 from '@angular/common/http';
+import * as i2 from '@valtimo/config';
+import { ROLE_ADMIN } from '@valtimo/config';
+import * as i4 from '@valtimo/components';
+import { FormIoModule, WidgetModule, ListModule, DropzoneModule, ModalModule } from '@valtimo/components';
+import * as i3 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import * as i2$1 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import { AuthGuardService } from '@valtimo/security';
+import * as i2$2 from '@angular/forms';
+import { FormControl, Validators, ReactiveFormsModule, FormsModule } from '@angular/forms';
+import { combineLatest, Subject, BehaviorSubject, Subscription } from 'rxjs';
+import { take, first } from 'rxjs/operators';
+import * as i5 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1$1 from '@valtimo/document';
+import { NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
+
+/*
+ * Copyright 2015-2020 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class FormManagementService {
+    constructor(http, configService) {
+        this.http = http;
+        this.configService = configService;
+        this.valtimoApiConfig = configService.config.valtimoApi;
+    }
+    getFormDefinition(formDefinitionId) {
+        return this.http.get(`${this.valtimoApiConfig.endpointUri}form-management/${formDefinitionId}`);
+    }
+    queryFormDefinitions(params) {
+        return this.http.get(`${this.valtimoApiConfig.endpointUri}form-management`, {
+            observe: 'response',
+            params,
+        });
+    }
+    createFormDefinition(request) {
+        return this.http.post(`${this.valtimoApiConfig.endpointUri}form-management`, request);
+    }
+    modifyFormDefinition(request) {
+        return this.http.put(`${this.valtimoApiConfig.endpointUri}form-management`, request);
+    }
+    deleteFormDefinition(formDefinitionId) {
+        return this.http.delete(`${this.valtimoApiConfig.endpointUri}form-management/${formDefinitionId}`);
+    }
+}
+FormManagementService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: FormManagementService, deps: [{ token: i1.HttpClient }, { token: i2.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
+FormManagementService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: FormManagementService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: FormManagementService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: i2.ConfigService }]; } });
+
+/*
+ * Copyright 2015-2020 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class FormManagementListComponent {
+    constructor(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;
+    }
+    paginationClicked(page) {
+        this.pageParam = page - 1;
+        this.loadFormDefinitions();
+    }
+    ngOnInit() { }
+    paginationSet() {
+        this.loadFormDefinitions();
+    }
+    loadFormDefinitions(searchTerm) {
+        const params = { page: this.pageParam, size: this.pagination.size };
+        if (searchTerm) {
+            params['searchTerm'] = searchTerm;
+        }
+        this.formManagementService.queryFormDefinitions(params).subscribe(results => {
+            this.pagination.collectionSize = results.body.totalElements;
+            this.formDefinitions = results.body.content;
+        });
+    }
+    editFormDefinition(formDefinition) {
+        this.router.navigate(['/form-management/edit', formDefinition.id]);
+    }
+    searchTermEntered(searchTerm) {
+        this.loadFormDefinitions(searchTerm);
+    }
+}
+FormManagementListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: FormManagementListComponent, deps: [{ token: FormManagementService }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Component });
+FormManagementListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: FormManagementListComponent, selector: "valtimo-form-management-list", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-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 */\n"], components: [{ type: i4.ListComponent, selector: "valtimo-list", inputs: ["items", "fields", "pagination", "viewMode", "isSearchable", "header", "actions", "paginationIdentifier", "initialSortState"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged"] }], pipes: { "translate": i2$1.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: FormManagementListComponent, decorators: [{
+            type: 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 */\n"] }]
+        }], ctorParameters: function () { return [{ type: FormManagementService }, { type: i3.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.
+ */
+class FormManagementComponent {
+    constructor() { }
+    ngOnInit() { }
+}
+FormManagementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: FormManagementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FormManagementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: FormManagementComponent, selector: "valtimo-form-management", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<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 mr-1\"></i>\n          {{ 'Upload' | translate }}\n        </button>\n        <button [routerLink]=\"'create'\" class=\"btn btn-primary btn-space mr-0\">\n          <i class=\"icon mdi mdi-plus mr-1\"></i>\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 */\n"], components: [{ type: i4.WidgetComponent, selector: "valtimo-widget", inputs: ["type", "name", "icon", "contrast", "divider", "title", "subtitle", "collapseAble", "collapse", "additionalClasses"] }, { type: FormManagementListComponent, selector: "valtimo-form-management-list" }], directives: [{ type: i3.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }], pipes: { "translate": i2$1.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: FormManagementComponent, decorators: [{
+            type: 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 mr-1\"></i>\n          {{ 'Upload' | translate }}\n        </button>\n        <button [routerLink]=\"'create'\" class=\"btn btn-primary btn-space mr-0\">\n          <i class=\"icon mdi mdi-plus mr-1\"></i>\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 */\n"] }]
+        }], ctorParameters: function () { return []; } });
+
+/*
+ * Copyright 2015-2020 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class FormManagementCreateComponent {
+    constructor(formManagementService, formBuilder, router, alertService, route) {
+        this.formManagementService = formManagementService;
+        this.formBuilder = formBuilder;
+        this.router = router;
+        this.alertService = alertService;
+        this.route = route;
+    }
+    get formControls() {
+        return this.form.controls;
+    }
+    ngOnInit() {
+        this.form = this.formBuilder.group({
+            name: new FormControl('', Validators.required),
+        });
+    }
+    reset() {
+        this.form.setValue({
+            name: '',
+        });
+    }
+    createFormDefinition() {
+        const emptyForm = {
+            display: 'form',
+            components: [],
+        };
+        const request = {
+            name: this.form.value.name,
+            formDefinition: JSON.stringify(emptyForm),
+        };
+        combineLatest([
+            this.formManagementService.createFormDefinition(request),
+            this.route.queryParams,
+        ])
+            .pipe(take(1))
+            .subscribe(([formDefinition, params]) => {
+            this.alertService.success('Created new Form');
+            if (params?.upload === 'true') {
+                this.router.navigate(['/form-management/edit', formDefinition.id], {
+                    queryParams: { upload: 'true' },
+                });
+            }
+            else {
+                this.router.navigate(['/form-management/edit', formDefinition.id]);
+            }
+        }, err => {
+            this.alertService.error('Error creating new Form');
+        });
+    }
+}
+FormManagementCreateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: FormManagementCreateComponent, deps: [{ token: FormManagementService }, { token: i2$2.FormBuilder }, { token: i3.Router }, { token: i4.AlertService }, { token: i3.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
+FormManagementCreateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: FormManagementCreateComponent, selector: "valtimo-form-management-create", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div 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\">{{\n                'formManagement.name' | translate\n              }}</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\">\n                    {{ 'formManagement.nameIsRequired' | translate }}\n                  </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\">{{\n                  'formManagement.back' | translate\n                }}</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                  {{ 'formManagement.reset' | translate }}\n                </button>\n                <button class=\"btn btn-space btn-primary\" type=\"submit\" [disabled]=\"form.invalid\">\n                  {{ 'formManagement.submit' | translate }}\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 */\n"], components: [{ type: i4.WidgetComponent, selector: "valtimo-widget", inputs: ["type", "name", "icon", "contrast", "divider", "title", "subtitle", "collapseAble", "collapse", "additionalClasses"] }], directives: [{ type: i2$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i2$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i2$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }], pipes: { "translate": i2$1.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: FormManagementCreateComponent, decorators: [{
+            type: 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\">{{\n                'formManagement.name' | translate\n              }}</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\">\n                    {{ 'formManagement.nameIsRequired' | translate }}\n                  </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\">{{\n                  'formManagement.back' | translate\n                }}</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                  {{ 'formManagement.reset' | translate }}\n                </button>\n                <button class=\"btn btn-space btn-primary\" type=\"submit\" [disabled]=\"form.invalid\">\n                  {{ 'formManagement.submit' | translate }}\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 */\n"] }]
+        }], ctorParameters: function () { return [{ type: FormManagementService }, { type: i2$2.FormBuilder }, { type: i3.Router }, { type: i4.AlertService }, { type: i3.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.
+ */
+class FormManagementUploadComponent {
+    constructor(documentService, translateService) {
+        this.documentService = documentService;
+        this.translateService = translateService;
+        this.definitionUploaded = new EventEmitter();
+        this.clear$ = new Subject();
+        this.jsonString$ = new BehaviorSubject('');
+        this.error$ = new BehaviorSubject('');
+        this.disabled$ = new BehaviorSubject(false);
+        this.file$ = new BehaviorSubject(undefined);
+    }
+    ngAfterViewInit() {
+        this.openShowSubscription();
+        this.openFileSubscription();
+    }
+    ngOnDestroy() {
+        this.showSubscription.unsubscribe();
+        this.fileSubscription.unsubscribe();
+        this.closeErrorSubscription();
+    }
+    setFile(file) {
+        this.clearError();
+        this.file$.next(file);
+    }
+    uploadDefinition() {
+        this.disable();
+        this.jsonString$.pipe(take(1)).subscribe(definition => {
+            this.closeErrorSubscription();
+            this.clearError();
+            this.enable();
+            this.hideModal();
+            this.definitionUploaded.emit(definition);
+        });
+    }
+    openErrorSubscription(errorCode) {
+        this.closeErrorSubscription();
+        this.errorSubscription = this.translateService.stream(errorCode).subscribe(error => {
+            this.error$.next(error);
+        });
+    }
+    closeErrorSubscription() {
+        if (this.errorSubscription) {
+            this.errorSubscription.unsubscribe();
+        }
+    }
+    clearError() {
+        this.error$.next('');
+    }
+    openFileSubscription() {
+        this.fileSubscription = this.file$.subscribe(file => {
+            if (file) {
+                const reader = new FileReader();
+                reader.onloadend = () => {
+                    const result = reader.result.toString();
+                    if (this.stringIsValidJson(result)) {
+                        this.jsonString$.next(result);
+                    }
+                };
+                reader.readAsText(file);
+            }
+            else {
+                this.clearJsonString();
+            }
+        });
+    }
+    openShowSubscription() {
+        this.showSubscription = this.show$.subscribe(show => {
+            if (show) {
+                this.showModal();
+            }
+            else {
+                this.hideModal();
+            }
+            this.clearJsonString();
+            this.clearError();
+            this.clearDropzone();
+        });
+    }
+    clearJsonString() {
+        this.jsonString$.next('');
+    }
+    clearDropzone() {
+        this.clear$.next();
+    }
+    showModal() {
+        this.modal.show();
+    }
+    hideModal() {
+        this.modal.hide();
+    }
+    stringIsValidJson(string) {
+        try {
+            // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+            JSON.parse(string)?.formDefinition?.components;
+        }
+        catch (e) {
+            this.clearDropzone();
+            this.openErrorSubscription('dropzone.error.invalidFormDef');
+            return false;
+        }
+        return true;
+    }
+    disable() {
+        this.disabled$.next(true);
+    }
+    enable() {
+        this.disabled$.next(false);
+    }
+}
+FormManagementUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: FormManagementUploadComponent, deps: [{ token: i1$1.DocumentService }, { token: i2$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+FormManagementUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: FormManagementUploadComponent, selector: "valtimo-form-management-upload", inputs: { show$: "show$" }, outputs: { definitionUploaded: "definitionUploaded" }, viewQueries: [{ propertyName: "modal", first: true, predicate: ["uploadFormDefinitionModal"], descendants: true }], ngImport: i0, 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: [""], components: [{ type: i4.ModalComponent, selector: "valtimo-modal", inputs: ["elementId", "title", "subtitle", "templateBelowSubtitle", "showFooter"] }, { type: i4.DropzoneComponent, selector: "valtimo-dropzone", inputs: ["title", "hideTitle", "subtitle", "externalError$", "maxFileSize", "showMaxFileSize", "acceptedFiles", "clear$", "disabled", "hideFilePreview", "uploading", "camera"], outputs: ["fileSelected"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i2$1.TranslatePipe, "async": i5.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: FormManagementUploadComponent, decorators: [{
+            type: 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: [""] }]
+        }], ctorParameters: function () { return [{ type: i1$1.DocumentService }, { type: i2$1.TranslateService }]; }, propDecorators: { modal: [{
+                type: ViewChild,
+                args: ['uploadFormDefinitionModal']
+            }], show$: [{
+                type: Input
+            }], definitionUploaded: [{
+                type: Output
+            }] } });
+
+/*
+ * Copyright 2015-2020 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class FormManagementEditComponent {
+    constructor(formManagementService, alertService, route, router) {
+        this.formManagementService = formManagementService;
+        this.alertService = alertService;
+        this.route = route;
+        this.router = router;
+        this.showModal$ = new BehaviorSubject(false);
+        this.reloading$ = new BehaviorSubject(false);
+        this.modifiedFormDefinition = null;
+        this.formDefinition = null;
+        this.alertSub = Subscription.EMPTY;
+        this.formDefinitionId = null;
+    }
+    ngOnInit() {
+        this.loadFormDefinition();
+        this.checkToOpenUploadModal();
+    }
+    ngOnDestroy() {
+        this.alertSub.unsubscribe();
+    }
+    loadFormDefinition() {
+        this.formDefinitionId = this.route.snapshot.paramMap.get('id');
+        this.formManagementService.getFormDefinition(this.formDefinitionId).subscribe(formDefinition => {
+            this.formDefinition = formDefinition;
+        }, () => {
+            this.alertService.error('Error retrieving Form Definition');
+        });
+    }
+    modifyFormDefinition() {
+        const form = JSON.stringify(this.modifiedFormDefinition != null
+            ? this.modifiedFormDefinition
+            : this.formDefinition.formDefinition);
+        const request = {
+            id: this.formDefinition.id,
+            name: this.formDefinition.name,
+            formDefinition: form,
+        };
+        this.formManagementService.modifyFormDefinition(request).subscribe(() => {
+            this.router.navigate(['/form-management']);
+            this.alertService.success('Form deployed');
+        }, err => {
+            this.alertService.error('Error deploying Form');
+        });
+    }
+    formBuilderChanged(event) {
+        this.modifiedFormDefinition = event.form;
+    }
+    delete() {
+        if (!this.alertSub.closed) {
+            return;
+        }
+        const mssg = 'Delete Form?';
+        const 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(first())
+            .subscribe(alert => {
+            if (alert.confirm === true) {
+                this.deleteFormDefinition();
+            }
+        });
+    }
+    deleteFormDefinition() {
+        this.formManagementService.deleteFormDefinition(this.formDefinition.id).subscribe(() => {
+            this.router.navigate(['/form-management']);
+            this.alertService.success('Form deleted');
+        }, err => {
+            this.alertService.error('Error deleting Form');
+        });
+    }
+    downloadFormDefinition() {
+        const file = new Blob([JSON.stringify(this.formDefinition)], { type: 'text/json' });
+        const 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();
+    }
+    showModal() {
+        this.showModal$.next(true);
+    }
+    setFormDefinition(formDefinition) {
+        this.reloading$.next(true);
+        const definition = JSON.parse(formDefinition);
+        const components = definition?.formDefinition?.components;
+        const currentDefinition = this.modifiedFormDefinition || this.formDefinition.formDefinition;
+        const newDefinition = { ...currentDefinition, ...(components && { components }) };
+        this.modifiedFormDefinition = newDefinition;
+        this.formDefinition.formDefinition = newDefinition;
+        this.reloading$.next(false);
+    }
+    checkToOpenUploadModal() {
+        this.route.queryParams.pipe(take(1)).subscribe(params => {
+            if (params?.upload === 'true') {
+                this.showModal();
+            }
+        });
+    }
+}
+FormManagementEditComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: FormManagementEditComponent, deps: [{ token: FormManagementService }, { token: i4.AlertService }, { token: i3.ActivatedRoute }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Component });
+FormManagementEditComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: FormManagementEditComponent, selector: "valtimo-form-management-edit", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div 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=\"icon mdi mdi-download mr-1\"></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 mr-1\"></i>\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=\"icon mdi mdi-delete mr-1\"></i>{{ 'formManagement.delete' | translate }}\n      </button>\n      <button\n        class=\"btn btn-success btn-space\"\n        (click)=\"modifyFormDefinition()\"\n        [disabled]=\"formDefinition.readOnly\"\n      >\n        <i class=\"icon mdi mdi-upload mr-1\"></i>{{ 'formManagement.deploy' | translate }}\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\">{{\n            'formManagement.readOnly' | translate\n          }}</span>\n        </div>\n      </h3>\n    </div>\n    <ng-container *ngIf=\"(reloading$ | async) === false\">\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", 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 */.formbuilder .btn.formcomponent.drag-copy,.btn.formcomponent.gu-mirror{font-weight:400;background-color:silver;border-color:silver;color:#fff}.formbuilder .btn.formcomponent.drag-copy:hover,.formbuilder .btn.formcomponent.drag-copy:active,.btn.formcomponent.gu-mirror:hover,.btn.formcomponent.gu-mirror:active{box-shadow:none}.formbuilder .btn.formcomponent.drag-copy:active,.btn.formcomponent.gu-mirror:active{background-color:silver;border-color:silver}.formbuilder-header{padding-left:18px;padding-right:18px;font-size:18px;height:80px;border:1px solid #dee2e6;border-bottom:0}.formbuilder-header .formbuilder-title{margin-top:21px;margin-bottom:7px}.formbuilder-header .formbuilder-subtitle{margin-top:0;margin-bottom:12px}.formbuilder{background:white;padding:1rem;border:1px solid #dee2e6;margin-right:0!important;margin-left:0!important}.formbuilder .form-builder-panel .builder-group-button[aria-expanded=false],.formbuilder .form-builder-panel .builder-group-button[aria-expanded=\"\"]{color:#a9a9a9}.formbuilder .form-builder-panel .builder-group-button[aria-expanded=true]{color:#000}.formbuilder .drag-and-drop-alert{display:none}.formbuilder .formarea{padding:10px;border:solid 1px silver;background-color:#fff}.increase-size{font-size:1rem}\n"], components: [{ type: i4.FormioBuilderComponent, selector: "valtimo-form-io-builder", inputs: ["form"], outputs: ["change"] }, { type: FormManagementUploadComponent, selector: "valtimo-form-management-upload", inputs: ["show$"], outputs: ["definitionUploaded"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i2$1.TranslatePipe, "async": i5.AsyncPipe }, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: FormManagementEditComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-form-management-edit', encapsulation: ViewEncapsulation.None, 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=\"icon mdi mdi-download mr-1\"></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 mr-1\"></i>\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=\"icon mdi mdi-delete mr-1\"></i>{{ 'formManagement.delete' | translate }}\n      </button>\n      <button\n        class=\"btn btn-success btn-space\"\n        (click)=\"modifyFormDefinition()\"\n        [disabled]=\"formDefinition.readOnly\"\n      >\n        <i class=\"icon mdi mdi-upload mr-1\"></i>{{ 'formManagement.deploy' | translate }}\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\">{{\n            'formManagement.readOnly' | translate\n          }}</span>\n        </div>\n      </h3>\n    </div>\n    <ng-container *ngIf=\"(reloading$ | async) === false\">\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", 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 */.formbuilder .btn.formcomponent.drag-copy,.btn.formcomponent.gu-mirror{font-weight:400;background-color:silver;border-color:silver;color:#fff}.formbuilder .btn.formcomponent.drag-copy:hover,.formbuilder .btn.formcomponent.drag-copy:active,.btn.formcomponent.gu-mirror:hover,.btn.formcomponent.gu-mirror:active{box-shadow:none}.formbuilder .btn.formcomponent.drag-copy:active,.btn.formcomponent.gu-mirror:active{background-color:silver;border-color:silver}.formbuilder-header{padding-left:18px;padding-right:18px;font-size:18px;height:80px;border:1px solid #dee2e6;border-bottom:0}.formbuilder-header .formbuilder-title{margin-top:21px;margin-bottom:7px}.formbuilder-header .formbuilder-subtitle{margin-top:0;margin-bottom:12px}.formbuilder{background:white;padding:1rem;border:1px solid #dee2e6;margin-right:0!important;margin-left:0!important}.formbuilder .form-builder-panel .builder-group-button[aria-expanded=false],.formbuilder .form-builder-panel .builder-group-button[aria-expanded=\"\"]{color:#a9a9a9}.formbuilder .form-builder-panel .builder-group-button[aria-expanded=true]{color:#000}.formbuilder .drag-and-drop-alert{display:none}.formbuilder .formarea{padding:10px;border:solid 1px silver;background-color:#fff}.increase-size{font-size:1rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: FormManagementService }, { type: i4.AlertService }, { type: i3.ActivatedRoute }, { type: i3.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.
+ */
+const routes = [
+    {
+        path: 'form-management',
+        component: FormManagementComponent,
+        canActivate: [AuthGuardService],
+        data: { title: 'Form management', roles: [ROLE_ADMIN] },
+    },
+    {
+        path: 'form-management/create',
+        component: FormManagementCreateComponent,
+        canActivate: [AuthGuardService],
+        data: { title: 'Create new Form', roles: [ROLE_ADMIN] },
+    },
+    {
+        path: 'form-management/edit/:id',
+        component: FormManagementEditComponent,
+        canActivate: [AuthGuardService],
+        data: { title: 'Form Builder', roles: [ROLE_ADMIN] },
+    },
+];
+class FormManagementRoutingModule {
+}
+FormManagementRoutingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: FormManagementRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FormManagementRoutingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: FormManagementRoutingModule, imports: [i3.RouterModule], exports: [RouterModule] });
+FormManagementRoutingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: FormManagementRoutingModule, imports: [[RouterModule.forChild(routes)], RouterModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: FormManagementRoutingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [RouterModule.forChild(routes)],
+                    exports: [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.
+ */
+class FormManagementModule {
+}
+FormManagementModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: FormManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FormManagementModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: FormManagementModule, declarations: [FormManagementComponent,
+        FormManagementCreateComponent,
+        FormManagementListComponent,
+        FormManagementEditComponent,
+        FormManagementUploadComponent], imports: [FormManagementRoutingModule,
+        FormIoModule,
+        CommonModule,
+        ReactiveFormsModule,
+        FormsModule,
+        WidgetModule,
+        ListModule,
+        TranslateModule,
+        NgbTooltipModule,
+        DropzoneModule,
+        ModalModule], exports: [FormManagementComponent] });
+FormManagementModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: FormManagementModule, imports: [[
+            FormManagementRoutingModule,
+            FormIoModule,
+            CommonModule,
+            ReactiveFormsModule,
+            FormsModule,
+            WidgetModule,
+            ListModule,
+            TranslateModule,
+            NgbTooltipModule,
+            DropzoneModule,
+            ModalModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: FormManagementModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        FormManagementComponent,
+                        FormManagementCreateComponent,
+                        FormManagementListComponent,
+                        FormManagementEditComponent,
+                        FormManagementUploadComponent,
+                    ],
+                    imports: [
+                        FormManagementRoutingModule,
+                        FormIoModule,
+                        CommonModule,
+                        ReactiveFormsModule,
+                        FormsModule,
+                        WidgetModule,
+                        ListModule,
+                        TranslateModule,
+                        NgbTooltipModule,
+                        DropzoneModule,
+                        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.
+ */
+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.
+ */
+
+export { FormManagementComponent, FormManagementModule, FormManagementService, compareFormDefinitions };
+//# sourceMappingURL=valtimo-form-management.mjs.map