@valtimo/form-flow-management 12.0.0

package/fesm2022/valtimo-form-flow-management.mjs

@@ -0,0 +1,739 @@
+import * as i0 from '@angular/core';
+import { Injectable, EventEmitter, Component, ChangeDetectionStrategy, Input, Output, ViewChild, NgModule } from '@angular/core';
+import { BehaviorSubject, tap, switchMap, take, catchError, of, finalize, combineLatest, filter, map, startWith } from 'rxjs';
+import * as i1 from '@valtimo/config';
+import { ROLE_ADMIN } from '@valtimo/config';
+import * as i2 from '@angular/common/http';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i5 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import * as i3$1 from '@valtimo/components';
+import { CARBON_CONSTANTS, ViewType, CarbonListComponent, ConfirmationModalModule, EditorModule, RenderInPageHeaderDirectiveModule, CarbonListModule } from '@valtimo/components';
+import * as i2$1 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import { AuthGuardService } from '@valtimo/security';
+import * as i4 from 'carbon-components-angular';
+import { NotificationService, ButtonModule, ModalModule, InputModule, IconModule, LoadingModule, DialogModule, NotificationModule, DropdownModule } from 'carbon-components-angular';
+import * as i1$1 from '@angular/forms';
+import { Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
+
+/*
+ * Copyright 2015-2024 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-2024 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 FormFlowService {
+    get formFlowDefinitions$() {
+        return this.http.get(`${this.valtimoEndpointUri}v1/form-flow/definition`);
+    }
+    constructor(configService, http) {
+        this.configService = configService;
+        this.http = http;
+        this.formFlows$ = new BehaviorSubject([]);
+        this.loading$ = new BehaviorSubject(false);
+        this.valtimoEndpointUri = `${this.configService.config.valtimoApi.endpointUri}management/`;
+    }
+    addFormFlow(definition) {
+        return this.http.post(`${this.valtimoEndpointUri}v1/form-flow/definition`, definition);
+    }
+    deleteFormFlowDefinition(key) {
+        return this.http.delete(`${this.valtimoEndpointUri}v1/form-flow/definition/${key}`);
+    }
+    dispatchAction(actionResult) {
+        actionResult
+            .pipe(tap(() => {
+            this.loading$.next(true);
+        }), switchMap(() => this.formFlowDefinitions$), take(1), catchError(error => of(error)))
+            .subscribe({
+            next: (formFlows) => {
+                this.formFlows$.next(formFlows.content);
+                this.loading$.next(false);
+            },
+            error: error => {
+                console.error(error);
+            },
+        });
+    }
+    loadFormFlows() {
+        this.formFlowDefinitions$
+            .pipe(tap(() => {
+            this.loading$.next(true);
+        }), take(1))
+            .subscribe({
+            next: (items) => {
+                this.formFlows$.next(items.content);
+                this.loading$.next(false);
+            },
+            error: error => {
+                console.error(error);
+            },
+        });
+    }
+    getFormFlowDefinition(id) {
+        return this.http.get(`${this.valtimoEndpointUri}v1/form-flow/definition/${id.key}/${id.version}`);
+    }
+    updateFormFlowDefinition(key, updatedDefinition) {
+        return this.http.put(`${this.valtimoEndpointUri}v1/form-flow/definition/${key}`, updatedDefinition);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FormFlowService, deps: [{ token: i1.ConfigService }, { token: i2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FormFlowService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FormFlowService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i1.ConfigService }, { type: i2.HttpClient }] });
+
+/*
+ * Copyright 2015-2024 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-2024 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 NewFormFlowModalComponent {
+    get key() {
+        return this.form?.get('key');
+    }
+    constructor(fb) {
+        this.fb = fb;
+        this.open = false;
+        this.closeEvent = new EventEmitter();
+        this.form = this.fb.group({
+            key: this.fb.control('', Validators.required),
+        });
+    }
+    onCancel() {
+        this.closeEvent.emit(null);
+        this.resetForm();
+    }
+    onConfirm() {
+        if (!this.key) {
+            return;
+        }
+        this.closeEvent.emit({
+            key: this.key.value,
+            version: 1,
+            startStep: 'start-step',
+            steps: [],
+        });
+        this.resetForm();
+    }
+    resetForm() {
+        setTimeout(() => {
+            this.form.reset();
+        }, CARBON_CONSTANTS.modalAnimationMs);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: NewFormFlowModalComponent, deps: [{ token: i1$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: NewFormFlowModalComponent, selector: "valtimo-new-form-flow-modal", inputs: { open: "open" }, outputs: { closeEvent: "closeEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 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<cds-modal [open]=\"open\" showFooter=\"true\" [title]=\"'formFlow.add' | translate\" valtimoCdsModal>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCancel()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'formFlow.add' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent>\n    <form [formGroup]=\"form\">\n      <cds-label [invalid]=\"key.dirty && key.invalid\">\n        {{ 'formFlow.key' | translate }}\n\n        <input\n          formControlName=\"key\"\n          cdsText\n          placeholder=\"{{ 'formFlow.key' | translate }}\"\n          [attr.modal-primary-focus]=\"true\"\n          [invalid]=\"key.dirty && key.invalid\"\n        />\n      </cds-label>\n    </form>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"onCancel()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button [disabled]=\"this.form.invalid\" (click)=\"onConfirm()\" cdsButton=\"primary\">\n      {{ 'interface.create' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", dependencies: [{ kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i4.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i4.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i4.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i4.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i4.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i4.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: NewFormFlowModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-new-form-flow-modal', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2024 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<cds-modal [open]=\"open\" showFooter=\"true\" [title]=\"'formFlow.add' | translate\" valtimoCdsModal>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCancel()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'formFlow.add' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent>\n    <form [formGroup]=\"form\">\n      <cds-label [invalid]=\"key.dirty && key.invalid\">\n        {{ 'formFlow.key' | translate }}\n\n        <input\n          formControlName=\"key\"\n          cdsText\n          placeholder=\"{{ 'formFlow.key' | translate }}\"\n          [attr.modal-primary-focus]=\"true\"\n          [invalid]=\"key.dirty && key.invalid\"\n        />\n      </cds-label>\n    </form>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"onCancel()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button [disabled]=\"this.form.invalid\" (click)=\"onConfirm()\" cdsButton=\"primary\">\n      {{ 'interface.create' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n" }]
+        }], ctorParameters: () => [{ type: i1$1.FormBuilder }], propDecorators: { open: [{
+                type: Input
+            }], closeEvent: [{
+                type: Output
+            }] } });
+
+/*
+ * Copyright 2015-2024 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 FormFlowOverviewComponent {
+    constructor(formFlowService, router) {
+        this.formFlowService = formFlowService;
+        this.router = router;
+        this.fields = [
+            {
+                viewType: ViewType.TEXT,
+                key: 'key',
+                label: 'formFlow.key',
+            },
+            {
+                viewType: ViewType.TEXT,
+                key: 'versions.0',
+                label: 'formFlow.version',
+            },
+            {
+                viewType: ViewType.BOOLEAN,
+                key: 'readOnly',
+                label: 'formFlow.readOnly',
+            },
+        ];
+        this.formFlowDefinitions$ = this.formFlowService.formFlows$;
+        this.loading$ = this.formFlowService.loading$;
+        this.showAddModal$ = new BehaviorSubject(false);
+    }
+    ngOnInit() {
+        this.formFlowService.loadFormFlows();
+    }
+    openAddModal() {
+        this.showAddModal$.next(true);
+    }
+    onAdd(data) {
+        this.showAddModal$.next(false);
+        if (!data) {
+            return;
+        }
+        this.formFlowService.dispatchAction(this.formFlowService.addFormFlow(data).pipe(finalize(() => {
+            this.showAddModal$.next(false);
+        })));
+    }
+    onRowClick(formFlow) {
+        this.router.navigate([`/form-flow-management/${formFlow.key}`]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FormFlowOverviewComponent, deps: [{ token: FormFlowService }, { token: i2$1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: FormFlowOverviewComponent, selector: "ng-component", viewQueries: [{ propertyName: "carbonList", first: true, predicate: CarbonListComponent, descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 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-carbon-list\n  [header]=\"false\"\n  [items]=\"formFlowDefinitions$ | async\"\n  [fields]=\"fields\"\n  [loading]=\"loading$ | async\"\n  (rowClicked)=\"onRowClick($event)\"\n>\n  <ng-container header> {{ 'formFlow.title' | translate }} </ng-container>\n\n  <div carbonToolbarContent>\n    <ng-container [ngTemplateOutlet]=\"addFormFlowButton\"></ng-container>\n  </div>\n\n  <valtimo-no-results\n    [action]=\"addFormFlowButton\"\n    description=\"{{ 'formFlow.noResults.description' | translate }}\"\n    title=\"{{ 'formFlow.noResults.title' | translate }}\"\n  ></valtimo-no-results>\n</valtimo-carbon-list>\n\n<valtimo-new-form-flow-modal\n  [open]=\"showAddModal$ | async\"\n  (closeEvent)=\"onAdd($event)\"\n></valtimo-new-form-flow-modal>\n\n<ng-template #addFormFlowButton>\n  <button cdsButton=\"primary\" (click)=\"openAddModal()\">\n    {{ 'formFlow.add' | translate }}\n\n    <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n  </button>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i4.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i3$1.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "actionItems", "header", "hideColumnHeader", "initialSortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i3$1.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title"] }, { kind: "component", type: NewFormFlowModalComponent, selector: "valtimo-new-form-flow-modal", inputs: ["open"], outputs: ["closeEvent"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FormFlowOverviewComponent, decorators: [{
+            type: Component,
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2024 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-carbon-list\n  [header]=\"false\"\n  [items]=\"formFlowDefinitions$ | async\"\n  [fields]=\"fields\"\n  [loading]=\"loading$ | async\"\n  (rowClicked)=\"onRowClick($event)\"\n>\n  <ng-container header> {{ 'formFlow.title' | translate }} </ng-container>\n\n  <div carbonToolbarContent>\n    <ng-container [ngTemplateOutlet]=\"addFormFlowButton\"></ng-container>\n  </div>\n\n  <valtimo-no-results\n    [action]=\"addFormFlowButton\"\n    description=\"{{ 'formFlow.noResults.description' | translate }}\"\n    title=\"{{ 'formFlow.noResults.title' | translate }}\"\n  ></valtimo-no-results>\n</valtimo-carbon-list>\n\n<valtimo-new-form-flow-modal\n  [open]=\"showAddModal$ | async\"\n  (closeEvent)=\"onAdd($event)\"\n></valtimo-new-form-flow-modal>\n\n<ng-template #addFormFlowButton>\n  <button cdsButton=\"primary\" (click)=\"openAddModal()\">\n    {{ 'formFlow.add' | translate }}\n\n    <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n  </button>\n</ng-template>\n" }]
+        }], ctorParameters: () => [{ type: FormFlowService }, { type: i2$1.Router }], propDecorators: { carbonList: [{
+                type: ViewChild,
+                args: [CarbonListComponent]
+            }] } });
+
+var $schema = "http://json-schema.org/draft-07/schema#";
+var $id = "formflow.schema";
+var title = "Form flow definition";
+var description = "Representation of a form flow definition";
+var type = "object";
+var properties = {
+	startStep: {
+		type: "string",
+		description: "This must contain the key of the first step of the form flow"
+	},
+	steps: {
+		type: "array",
+		description: "This array should contain all the possible steps of the form flow",
+		items: {
+			type: "object",
+			properties: {
+				key: {
+					type: "string",
+					description: "The identifying human readable key of the step"
+				},
+				type: {
+					type: "object",
+					description: "The type of form that should be displayed",
+					properties: {
+						name: {
+							type: "string",
+							description: "This defines the type of the step, for instance: 'form'"
+						},
+						properties: {
+							type: "object",
+							description: "This object holds additional properties for the specified type"
+						}
+					},
+					required: [
+						"name",
+						"properties"
+					]
+				},
+				onOpen: {
+					type: "array",
+					description: "An array of expressions which are executed in order when opening the step",
+					items: {
+						type: "string",
+						description: "An expression that is executed when opening the step"
+					}
+				},
+				onComplete: {
+					type: "array",
+					description: "An array of expressions which are executed in order when completing the step",
+					items: {
+						type: "string",
+						description: "An expression that is executed when completing the step"
+					}
+				},
+				nextSteps: {
+					type: "array",
+					description: "The possible next steps. A condition must be added on all steps but one. The step without a condition is the default step that will be used when all conditions fail",
+					items: {
+						type: "object",
+						properties: {
+							step: {
+								type: "string",
+								title: "The key of the next step. This should match one of the keys in the steps array"
+							},
+							condition: {
+								type: [
+									"string",
+									"null"
+								],
+								title: "This should contain an expression telling what condition should be met to go to this next step. If there is no condition this is the default next step."
+							}
+						},
+						required: [
+							"step"
+						]
+					}
+				}
+			},
+			required: [
+				"key",
+				"type"
+			]
+		},
+		minItems: 1,
+		uniqueItems: true
+	}
+};
+var required = [
+	"startStep",
+	"steps"
+];
+var formFlowSchemaJson = {
+	$schema: $schema,
+	$id: $id,
+	title: title,
+	description: description,
+	type: type,
+	properties: properties,
+	required: required
+};
+
+/*
+ * Copyright 2015-2024 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 FormFlowDownloadService {
+    constructor(formFlowService) {
+        this.formFlowService = formFlowService;
+    }
+    downloadJson(json, formFlowDefinitionId) {
+        const sJson = JSON.stringify(json, null, 2);
+        const element = document.createElement('a');
+        element.setAttribute('href', 'data:text/json;charset=UTF-8,' + encodeURIComponent(sJson));
+        element.setAttribute('download', `${formFlowDefinitionId.key}-${formFlowDefinitionId.version}.formflow.json`);
+        element.style.display = 'none';
+        document.body.appendChild(element);
+        element.click(); // simulate click
+        document.body.removeChild(element);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FormFlowDownloadService, deps: [{ token: FormFlowService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FormFlowDownloadService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FormFlowDownloadService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: FormFlowService }] });
+
+/*
+ * Copyright 2015-2024 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 DeleteFormFlowModalComponent {
+    constructor() {
+        this.deleteEvent = new EventEmitter();
+    }
+    onDelete(formFlowDefinitionKey) {
+        this.deleteEvent.emit(formFlowDefinitionKey);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DeleteFormFlowModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: DeleteFormFlowModalComponent, selector: "valtimo-delete-form-flow-modal", inputs: { deleteFormFlowDefinitionKey: "deleteFormFlowDefinitionKey", showDeleteModal$: "showDeleteModal$" }, outputs: { deleteEvent: "deleteEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 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-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"formFlow.deleteModalContent\"\n  [outputOnConfirm]=\"deleteFormFlowDefinitionKey\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"interface.delete\"\n  (confirmEvent)=\"onDelete($event)\"\n></valtimo-confirmation-modal>\n", dependencies: [{ kind: "component", type: i3$1.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DeleteFormFlowModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-delete-form-flow-modal', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2024 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-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"formFlow.deleteModalContent\"\n  [outputOnConfirm]=\"deleteFormFlowDefinitionKey\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"interface.delete\"\n  (confirmEvent)=\"onDelete($event)\"\n></valtimo-confirmation-modal>\n" }]
+        }], propDecorators: { deleteFormFlowDefinitionKey: [{
+                type: Input
+            }], showDeleteModal$: [{
+                type: Input
+            }], deleteEvent: [{
+                type: Output
+            }] } });
+
+/*
+ * Copyright 2015-2024 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 FormFlowEditorComponent {
+    constructor(formFlowService, route, pageTitleService, router, notificationService, translateService, formFlowDownloadService, pageHeaderService) {
+        this.formFlowService = formFlowService;
+        this.route = route;
+        this.pageTitleService = pageTitleService;
+        this.router = router;
+        this.notificationService = notificationService;
+        this.translateService = translateService;
+        this.formFlowDownloadService = formFlowDownloadService;
+        this.pageHeaderService = pageHeaderService;
+        this.model$ = new BehaviorSubject(null);
+        this.readOnly$ = new BehaviorSubject(false);
+        this.valid$ = new BehaviorSubject(false);
+        this.loading$ = new BehaviorSubject(true);
+        this.showDeleteModal$ = new BehaviorSubject(false);
+        this.formFlowDefinitionVersions$ = new BehaviorSubject([1]);
+        this.formFlowDefinitionId$ = new BehaviorSubject(null);
+        this.CARBON_THEME = 'g10';
+        this.formFlowSchemaJson = formFlowSchemaJson;
+        this._updatedModelValue$ = new BehaviorSubject('');
+        this.formFlowDefinitionVersionItems$ = combineLatest([this.formFlowDefinitionVersions$, this.formFlowDefinitionId$]).pipe(filter(([versions, formFlowDefinitionId]) => !!versions && !!formFlowDefinitionId), map(([versions, formFlowDefinitionId]) => versions.map(version => ({
+            formFlowDefinitionId: {
+                key: formFlowDefinitionId.key,
+                version,
+            },
+            content: `${this.translateService.instant('formFlow.version')}: ${version}`,
+            selected: version === formFlowDefinitionId.version,
+        }))), map(formFlowDefinitionVersionItems => ({
+            value: formFlowDefinitionVersionItems,
+            isLoading: false,
+        })), startWith({ isLoading: true }));
+        this.formFlowDefinition$ = this.formFlowDefinitionId$.pipe(filter(id => !!id), switchMap(id => this.formFlowService.getFormFlowDefinition(id)));
+        this.compactMode$ = this.pageHeaderService.compactMode$;
+    }
+    ngOnInit() {
+        this.formFlowService.loadFormFlows();
+        this.openFormFlowDefinitionSubscription();
+    }
+    ngOnDestroy() {
+        this.pageTitleService.enableReset();
+        this._idSubscription?.unsubscribe();
+        this._definitionSubscription?.unsubscribe();
+    }
+    onValid(valid) {
+        this.valid$.next(valid !== false);
+    }
+    onValueChange(value) {
+        this._updatedModelValue$.next(value);
+    }
+    updateFormFlowDefinition() {
+        this.loading$.next(true);
+        combineLatest([this._updatedModelValue$, this.formFlowDefinitionId$])
+            .pipe(take(1), map(([updatedModelValue, formFlowDefinitionId]) => ({
+            ...JSON.parse(updatedModelValue),
+            key: formFlowDefinitionId.key,
+            version: this.formFlowDefinitionVersions$.value[0] + 1,
+        })), switchMap(updatedFormFlowDefinition => this.formFlowService.updateFormFlowDefinition(updatedFormFlowDefinition.key, updatedFormFlowDefinition)))
+            .subscribe({
+            next: result => {
+                const id = { key: result.key, version: result.version };
+                this.showSuccessMessage(result.key);
+                this.formFlowDefinitionId$.next(id);
+                this.formFlowDefinitionVersions$.next([id.version].concat(this.formFlowDefinitionVersions$.value));
+            },
+            error: () => {
+                this.loading$.next(false);
+            },
+        });
+    }
+    onDelete(formFlowDefinitionKey) {
+        this.loading$.next(true);
+        this.formFlowService.dispatchAction(this.formFlowService.deleteFormFlowDefinition(formFlowDefinitionKey).pipe(finalize(() => {
+            this.router.navigate(['/form-flow-management']);
+        })));
+    }
+    showDeleteModal() {
+        this.showDeleteModal$.next(true);
+    }
+    downloadFormFlowDefinition(model) {
+        this.formFlowDefinitionId$.subscribe(formFlowDefinitionId => this.formFlowDownloadService.downloadJson(JSON.parse(model.value), formFlowDefinitionId));
+    }
+    loadFormFlowDefinitionId(formFlowDefinitionId) {
+        if (!!formFlowDefinitionId) {
+            this.formFlowDefinitionId$.next(formFlowDefinitionId);
+        }
+    }
+    openFormFlowDefinitionSubscription() {
+        this.loading$.next(true);
+        this._idSubscription = this.route.params
+            .pipe(filter(params => params?.key), map(params => params.key), switchMap(key => combineLatest([
+            of(key),
+            this.formFlowService.formFlows$.pipe(map(formFlowDefinitions => formFlowDefinitions.find(definition => definition.key === key)?.versions), filter(versions => !!versions), take(1), tap(versions => this.formFlowDefinitionVersions$.next(versions))),
+        ])), map(([key, versions]) => ({ key, version: versions[0] })))
+            .subscribe(formFlowDefinitionId => {
+            this.pageTitleService.setCustomPageTitle(formFlowDefinitionId.key);
+            this.formFlowDefinitionId$.next(formFlowDefinitionId);
+        });
+        this._definitionSubscription = this.formFlowDefinition$.pipe().subscribe(formFlowDefinition => {
+            this.readOnly$.next(formFlowDefinition.readOnly === true);
+            this.setModel(formFlowDefinition);
+        });
+    }
+    setModel(formFlowDefinition) {
+        const clone = { ...formFlowDefinition };
+        delete clone.version;
+        delete clone.readOnly;
+        this.model$.next({
+            value: JSON.stringify(clone),
+            language: 'json',
+            uri: formFlowDefinition.key + '-' + formFlowDefinition.version + '.formflow.json',
+        });
+        this.loading$.next(false);
+    }
+    showSuccessMessage(key) {
+        this.notificationService.showToast({
+            caption: this.translateService.instant('formFlow.savedSuccessTitleMessage', {
+                key,
+            }),
+            type: 'success',
+            duration: 4000,
+            showClose: true,
+            title: this.translateService.instant('formFlow.savedSuccessTitle'),
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FormFlowEditorComponent, deps: [{ token: FormFlowService }, { token: i2$1.ActivatedRoute }, { token: i3$1.PageTitleService }, { token: i2$1.Router }, { token: i4.NotificationService }, { token: i5.TranslateService }, { token: FormFlowDownloadService }, { token: i3$1.PageHeaderService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: FormFlowEditorComponent, selector: "ng-component", providers: [NotificationService], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container *ngIf=\"model$ | async as model; else loading\">\n  <valtimo-editor\n    [disabled]=\"(loading$ | async) === false && readOnly$ | async\"\n    [model]=\"model\"\n    [jsonSchema]=\"formFlowSchemaJson\"\n    (validEvent)=\"onValid($event)\"\n    (valueChangeEvent)=\"onValueChange($event)\"\n    [fitPage]=\"true\"\n  ></valtimo-editor>\n</ng-container>\n\n<ng-container renderInPageHeader>\n  <ng-template>\n    <div\n      class=\"buttons-container\"\n      *ngIf=\"{\n        model: model$ | async,\n        valid: valid$ | async,\n        readOnly: readOnly$ | async,\n        versions: formFlowDefinitionVersionItems$ | async,\n        compactMode: compactMode$ | async\n      } as obs\"\n    >\n      <cds-dropdown\n        [disabled]=\"obs.versions.isLoading || obs.versions.value.length === 1\"\n        [dropUp]=\"false\"\n        [skeleton]=\"obs.versions.isLoading\"\n        (selected)=\"loadFormFlowDefinitionId($event.item.formFlowDefinitionId)\"\n        [size]=\"obs.compactMode ? 'sm' : 'md'\"\n      >\n        <cds-dropdown-list [items]=\"obs.versions.value || []\"></cds-dropdown-list>\n      </cds-dropdown>\n\n      <div class=\"buttons-container-right\">\n        <cds-overflow-menu class=\"overflow-button\">\n          <cds-overflow-menu-option\n            [disabled]=\"!obs.valid && !obs.readOnly\"\n            (selected)=\"downloadFormFlowDefinition(obs.model)\"\n            >{{ 'interface.export' | translate }}\n          </cds-overflow-menu-option>\n\n          <cds-overflow-menu-option\n            [disabled]=\"obs.readOnly\"\n            type=\"danger\"\n            (selected)=\"showDeleteModal()\"\n            >{{ 'interface.delete' | translate }}\n          </cds-overflow-menu-option>\n        </cds-overflow-menu>\n\n        <button\n          [disabled]=\"!obs.valid || obs.readOnly\"\n          cdsButton=\"primary\"\n          [size]=\"obs.compactMode ? 'sm' : 'md'\"\n          (click)=\"updateFormFlowDefinition()\"\n        >\n          {{ 'interface.save' | translate }}\n\n          <svg class=\"cds--btn__icon\" cdsIcon=\"save\" size=\"16\"></svg>\n        </button>\n      </div>\n    </div>\n  </ng-template>\n</ng-container>\n\n<ng-container *ngIf=\"{formFlowDefinitionId: formFlowDefinitionId$ | async} as obs\">\n  <valtimo-delete-form-flow-modal\n    [deleteFormFlowDefinitionKey]=\"obs.formFlowDefinitionId?.key\"\n    [showDeleteModal$]=\"showDeleteModal$\"\n    (deleteEvent)=\"onDelete($event)\"\n  >\n  </valtimo-delete-form-flow-modal>\n</ng-container>\n\n<ng-template #loading>\n  <div class=\"loading-container\">\n    <cds-loading></cds-loading>\n  </div>\n</ng-template>\n", styles: [".loading-container{display:flex;width:100%;justify-content:center}::ng-deep .page-actions{width:100%}.buttons-container{display:flex;width:100%;justify-content:space-between;align-items:center}.buttons-container button{height:min-content}.buttons-container-right{display:flex;align-items:center}.overflow-button{margin-right:16px}\n/*!\n * Copyright 2015-2024 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"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i4.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i3$1.EditorComponent, selector: "valtimo-editor", inputs: ["editorOptions", "model", "disabled", "formatOnLoad", "widthPx", "heightPx", "heightStyle", "jsonSchema", "fitPage", "fitPageExtraSpace"], outputs: ["validEvent", "valueChangeEvent"] }, { kind: "directive", type: i3$1.RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "component", type: i4.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "component", type: i4.OverflowMenu, selector: "cds-overflow-menu, ibm-overflow-menu", inputs: ["buttonLabel", "flip", "placement", "open", "customTrigger", "offset", "wrapperClass", "triggerClass"], outputs: ["openChange"] }, { kind: "component", type: i4.OverflowMenuOption, selector: "cds-overflow-menu-option, ibm-overflow-menu-option", inputs: ["divider", "type", "disabled", "href", "target", "innerClass"], outputs: ["selected"] }, { kind: "component", type: i4.Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: ["id", "label", "helperText", "placeholder", "displayValue", "clearText", "size", "type", "theme", "disabled", "skeleton", "inline", "disableArrowKeys", "invalid", "invalidText", "warn", "warnText", "appendInline", "scrollableContainer", "itemValueKey", "selectionFeedback", "menuButtonLabel", "selectedLabel", "dropUp"], outputs: ["selected", "onClose", "close"] }, { kind: "component", type: i4.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "component", type: DeleteFormFlowModalComponent, selector: "valtimo-delete-form-flow-modal", inputs: ["deleteFormFlowDefinitionKey", "showDeleteModal$"], outputs: ["deleteEvent"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FormFlowEditorComponent, decorators: [{
+            type: Component,
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, providers: [NotificationService], template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container *ngIf=\"model$ | async as model; else loading\">\n  <valtimo-editor\n    [disabled]=\"(loading$ | async) === false && readOnly$ | async\"\n    [model]=\"model\"\n    [jsonSchema]=\"formFlowSchemaJson\"\n    (validEvent)=\"onValid($event)\"\n    (valueChangeEvent)=\"onValueChange($event)\"\n    [fitPage]=\"true\"\n  ></valtimo-editor>\n</ng-container>\n\n<ng-container renderInPageHeader>\n  <ng-template>\n    <div\n      class=\"buttons-container\"\n      *ngIf=\"{\n        model: model$ | async,\n        valid: valid$ | async,\n        readOnly: readOnly$ | async,\n        versions: formFlowDefinitionVersionItems$ | async,\n        compactMode: compactMode$ | async\n      } as obs\"\n    >\n      <cds-dropdown\n        [disabled]=\"obs.versions.isLoading || obs.versions.value.length === 1\"\n        [dropUp]=\"false\"\n        [skeleton]=\"obs.versions.isLoading\"\n        (selected)=\"loadFormFlowDefinitionId($event.item.formFlowDefinitionId)\"\n        [size]=\"obs.compactMode ? 'sm' : 'md'\"\n      >\n        <cds-dropdown-list [items]=\"obs.versions.value || []\"></cds-dropdown-list>\n      </cds-dropdown>\n\n      <div class=\"buttons-container-right\">\n        <cds-overflow-menu class=\"overflow-button\">\n          <cds-overflow-menu-option\n            [disabled]=\"!obs.valid && !obs.readOnly\"\n            (selected)=\"downloadFormFlowDefinition(obs.model)\"\n            >{{ 'interface.export' | translate }}\n          </cds-overflow-menu-option>\n\n          <cds-overflow-menu-option\n            [disabled]=\"obs.readOnly\"\n            type=\"danger\"\n            (selected)=\"showDeleteModal()\"\n            >{{ 'interface.delete' | translate }}\n          </cds-overflow-menu-option>\n        </cds-overflow-menu>\n\n        <button\n          [disabled]=\"!obs.valid || obs.readOnly\"\n          cdsButton=\"primary\"\n          [size]=\"obs.compactMode ? 'sm' : 'md'\"\n          (click)=\"updateFormFlowDefinition()\"\n        >\n          {{ 'interface.save' | translate }}\n\n          <svg class=\"cds--btn__icon\" cdsIcon=\"save\" size=\"16\"></svg>\n        </button>\n      </div>\n    </div>\n  </ng-template>\n</ng-container>\n\n<ng-container *ngIf=\"{formFlowDefinitionId: formFlowDefinitionId$ | async} as obs\">\n  <valtimo-delete-form-flow-modal\n    [deleteFormFlowDefinitionKey]=\"obs.formFlowDefinitionId?.key\"\n    [showDeleteModal$]=\"showDeleteModal$\"\n    (deleteEvent)=\"onDelete($event)\"\n  >\n  </valtimo-delete-form-flow-modal>\n</ng-container>\n\n<ng-template #loading>\n  <div class=\"loading-container\">\n    <cds-loading></cds-loading>\n  </div>\n</ng-template>\n", styles: [".loading-container{display:flex;width:100%;justify-content:center}::ng-deep .page-actions{width:100%}.buttons-container{display:flex;width:100%;justify-content:space-between;align-items:center}.buttons-container button{height:min-content}.buttons-container-right{display:flex;align-items:center}.overflow-button{margin-right:16px}\n/*!\n * Copyright 2015-2024 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: () => [{ type: FormFlowService }, { type: i2$1.ActivatedRoute }, { type: i3$1.PageTitleService }, { type: i2$1.Router }, { type: i4.NotificationService }, { type: i5.TranslateService }, { type: FormFlowDownloadService }, { type: i3$1.PageHeaderService }] });
+
+/*
+ * Copyright 2015-2024 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-flow-management',
+        component: FormFlowOverviewComponent,
+        canActivate: [AuthGuardService],
+        data: { title: 'Form flow', formFlows: [ROLE_ADMIN] },
+    },
+    {
+        path: 'form-flow-management/:key',
+        component: FormFlowEditorComponent,
+        canActivate: [AuthGuardService],
+        data: {
+            title: 'FormFlow details',
+            formFlows: [ROLE_ADMIN],
+            customPageTitle: true,
+        },
+    },
+];
+class FormFlowManagementRoutingModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FormFlowManagementRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.3", ngImport: i0, type: FormFlowManagementRoutingModule, imports: [CommonModule, i2$1.RouterModule], exports: [RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FormFlowManagementRoutingModule, imports: [CommonModule, RouterModule.forChild(routes), RouterModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FormFlowManagementRoutingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, RouterModule.forChild(routes)],
+                    exports: [RouterModule],
+                }]
+        }] });
+
+/*
+ * Copyright 2015-2024 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 FormFlowManagementModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FormFlowManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.3", ngImport: i0, type: FormFlowManagementModule, declarations: [FormFlowOverviewComponent,
+            NewFormFlowModalComponent,
+            FormFlowEditorComponent,
+            DeleteFormFlowModalComponent], imports: [CommonModule,
+            FormFlowManagementRoutingModule,
+            ButtonModule,
+            FormsModule,
+            ModalModule,
+            TranslateModule,
+            ReactiveFormsModule,
+            InputModule,
+            IconModule,
+            ConfirmationModalModule,
+            EditorModule,
+            RenderInPageHeaderDirectiveModule,
+            LoadingModule,
+            IconModule,
+            DialogModule,
+            NotificationModule,
+            CarbonListModule,
+            DropdownModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FormFlowManagementModule, imports: [CommonModule,
+            FormFlowManagementRoutingModule,
+            ButtonModule,
+            FormsModule,
+            ModalModule,
+            TranslateModule,
+            ReactiveFormsModule,
+            InputModule,
+            IconModule,
+            ConfirmationModalModule,
+            EditorModule,
+            RenderInPageHeaderDirectiveModule,
+            LoadingModule,
+            IconModule,
+            DialogModule,
+            NotificationModule,
+            CarbonListModule,
+            DropdownModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FormFlowManagementModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        FormFlowOverviewComponent,
+                        NewFormFlowModalComponent,
+                        FormFlowEditorComponent,
+                        DeleteFormFlowModalComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        FormFlowManagementRoutingModule,
+                        ButtonModule,
+                        FormsModule,
+                        ModalModule,
+                        TranslateModule,
+                        ReactiveFormsModule,
+                        InputModule,
+                        IconModule,
+                        ConfirmationModalModule,
+                        EditorModule,
+                        RenderInPageHeaderDirectiveModule,
+                        LoadingModule,
+                        IconModule,
+                        DialogModule,
+                        NotificationModule,
+                        CarbonListModule,
+                        DropdownModule,
+                    ],
+                }]
+        }] });
+
+/*
+ * Copyright 2015-2024 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.
+ */
+/*
+ * Public API Surface of form-flow
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FormFlowManagementModule, FormFlowService };
+//# sourceMappingURL=valtimo-form-flow-management.mjs.map