@valtimo/form-flow-management 0.0.0-test

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

@@ -0,0 +1,769 @@
+import * as i0 from '@angular/core';
+import { Injectable, EventEmitter, Output, Input, ChangeDetectionStrategy, Component, ViewChild, NgModule } from '@angular/core';
+import * as i2 from '@valtimo/shared';
+import { BaseApiService, getCaseManagementRouteParams, getContextObservable, getBuildingBlockManagementRouteParams } from '@valtimo/shared';
+import * as i1 from '@angular/common/http';
+import * as i1$2 from '@valtimo/components';
+import { CARBON_CONSTANTS, ValtimoCdsModalDirective, ViewType, CarbonListComponent, ConfirmationModalModule, EditorModule, RenderInPageHeaderDirective, OverflowMenuComponent, OverflowMenuOptionComponent, OverflowMenuTriggerComponent, CarbonListModule } from '@valtimo/components';
+import { BehaviorSubject, combineLatest, tap, switchMap, of, map, take, finalize } from 'rxjs';
+import * as i3$1 from '@angular/router';
+import * as i4 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import * as i5 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from 'carbon-components-angular';
+import { ModalModule, InputModule, ButtonModule, IconModule, LoadingModule, NotificationModule, DropdownModule } from 'carbon-components-angular';
+import * as i1$1 from '@angular/forms';
+import { Validators, ReactiveFormsModule, FormsModule } from '@angular/forms';
+import { ArrowLeft16 } from '@carbon/icons';
+
+/*
+ * Copyright 2015-2025 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-2025 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 extends BaseApiService {
+    constructor(httpClient, configService) {
+        super(httpClient, configService);
+        this.httpClient = httpClient;
+        this.configService = configService;
+    }
+    getFormFlowDefinitions(caseDefinitionKey, caseVersionTag) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseVersionTag}/form-flow-definition`));
+    }
+    getFormFlowDefinitionByKey(caseDefinitionKey, caseVersionTag, formFlowDefinitionKey) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseVersionTag}/form-flow-definition/${formFlowDefinitionKey}`));
+    }
+    createFormFlowDefinition(caseDefinitionKey, caseVersionTag, definition) {
+        return this.httpClient.post(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseVersionTag}/form-flow-definition`), definition);
+    }
+    deleteFormFlowDefinition(caseDefinitionKey, caseVersionTag, definitionKey) {
+        return this.httpClient.delete(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseVersionTag}/form-flow-definition/${definitionKey}`));
+    }
+    updateFormFlowDefinition(caseDefinitionKey, caseVersionTag, definitionKey, updatedDefinition) {
+        return this.httpClient.put(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseVersionTag}/form-flow-definition/${definitionKey}`), updatedDefinition);
+    }
+    getBuildingBlockFormFlowDefinitions(buildingBlockKey, versionTag) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/building-block/${buildingBlockKey}/version/${versionTag}/form-flow-definition`));
+    }
+    getBuildingBlockFormFlowDefinitionByKey(buildingBlockKey, versionTag, formFlowDefinitionKey) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/building-block/${buildingBlockKey}/version/${versionTag}/form-flow-definition/${formFlowDefinitionKey}`));
+    }
+    createBuildingBlockFormFlowDefinition(buildingBlockKey, versionTag, definition) {
+        return this.httpClient.post(this.getApiUrl(`management/v1/building-block/${buildingBlockKey}/version/${versionTag}/form-flow-definition`), definition);
+    }
+    deleteBuildingBlockFormFlowDefinition(buildingBlockKey, versionTag, definitionKey) {
+        return this.httpClient.delete(this.getApiUrl(`management/v1/building-block/${buildingBlockKey}/version/${versionTag}/form-flow-definition/${definitionKey}`));
+    }
+    updateBuildingBlockFormFlowDefinition(buildingBlockKey, versionTag, definitionKey, updatedDefinition) {
+        return this.httpClient.put(this.getApiUrl(`management/v1/building-block/${buildingBlockKey}/version/${versionTag}/form-flow-definition/${definitionKey}`), updatedDefinition);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FormFlowService, deps: [{ token: i1.HttpClient }, { token: i2.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FormFlowService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FormFlowService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2.ConfigService }] });
+
+/*
+ * Copyright 2015-2025 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-2025 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 ?? '',
+            startStep: 'start-step',
+            steps: [],
+        });
+        this.resetForm();
+    }
+    resetForm() {
+        setTimeout(() => {
+            this.form.reset();
+        }, CARBON_CONSTANTS.modalAnimationMs);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: NewFormFlowModalComponent, deps: [{ token: i1$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: NewFormFlowModalComponent, isStandalone: true, selector: "valtimo-new-form-flow-modal", inputs: { open: "open" }, outputs: { closeEvent: "closeEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 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\n  [open]=\"open\"\n  showFooter=\"true\"\n  [title]=\"'formFlow.add' | translate\"\n  valtimoCdsModal\n  (close)=\"onCancel()\"\n>\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=\"secondary\" (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: "ngmodule", type: ReactiveFormsModule }, { 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: "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: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i3.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i3.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i3.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i3.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i3.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i3.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i3.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: NewFormFlowModalComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-new-form-flow-modal', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        ReactiveFormsModule,
+                        TranslateModule,
+                        ModalModule,
+                        InputModule,
+                        ButtonModule,
+                        ValtimoCdsModalDirective,
+                    ], template: "<!--\n  ~ Copyright 2015-2025 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\n  [open]=\"open\"\n  showFooter=\"true\"\n  [title]=\"'formFlow.add' | translate\"\n  valtimoCdsModal\n  (close)=\"onCancel()\"\n>\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=\"secondary\" (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-2025 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, globalNotificationService, route, router, translateService, editPermissionsService) {
+        this.formFlowService = formFlowService;
+        this.globalNotificationService = globalNotificationService;
+        this.route = route;
+        this.router = router;
+        this.translateService = translateService;
+        this.editPermissionsService = editPermissionsService;
+        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.ACTION_ITEMS = [
+            {
+                callback: this.editFormFlowDetails.bind(this),
+                label: 'interface.edit',
+            },
+            {
+                callback: this.deleteFormFlow.bind(this),
+                label: 'interface.delete',
+                type: 'danger',
+            },
+        ];
+        this.loading$ = new BehaviorSubject(true);
+        this.showDeleteModal$ = new BehaviorSubject(false);
+        this.deleteDefinitionKey$ = new BehaviorSubject(null);
+        this._params = undefined;
+        this._refresh$ = new BehaviorSubject(null);
+        this.formFlowDefinitions$ = combineLatest([
+            getCaseManagementRouteParams(this.route),
+            this._refresh$,
+        ]).pipe(tap(([params]) => {
+            this.loading$.next(true);
+            this._params = params;
+        }), switchMap(([params]) => !params
+            ? of(null)
+            : this.formFlowService.getFormFlowDefinitions(params.caseDefinitionKey, params.caseDefinitionVersionTag)), map((formFlows) => {
+            this.loading$.next(false);
+            return !formFlows ? [] : formFlows.content;
+        }));
+        this.showAddModal$ = new BehaviorSubject(false);
+        this.params$ = getCaseManagementRouteParams(this.route);
+        this.hasEditPermissions$ = this.params$.pipe(switchMap(params => this.editPermissionsService.hasEditPermissions(params?.caseDefinitionKey, params?.caseDefinitionVersionTag)));
+    }
+    openAddModal() {
+        this.showAddModal$.next(true);
+    }
+    onAdd(formFlowDefinition) {
+        this.showAddModal$.next(false);
+        if (!formFlowDefinition || !this._params)
+            return;
+        this.formFlowService
+            .createFormFlowDefinition(this._params.caseDefinitionKey, this._params.caseDefinitionVersionTag, formFlowDefinition)
+            .subscribe((formFlowDefinition) => {
+            this.showAddModal$.next(false);
+            this.router.navigate([formFlowDefinition.key], { relativeTo: this.route });
+        });
+    }
+    editFormFlowDetails(formFlowDefinition) {
+        this.router.navigate([formFlowDefinition.key], { relativeTo: this.route });
+    }
+    deleteFormFlow(item) {
+        this.deleteDefinitionKey$.next(item.key);
+        this.showDeleteModal$.next(true);
+    }
+    onDelete(definitionKey) {
+        if (!this._params)
+            return;
+        this.formFlowService
+            .deleteFormFlowDefinition(this._params.caseDefinitionKey, this._params.caseDefinitionVersionTag, definitionKey)
+            .subscribe(() => {
+            this.globalNotificationService.showToast({
+                title: this.translateService.instant('interface.delete'),
+                caption: this.translateService.instant('formFlow.deletedSuccessfully', {
+                    key: definitionKey,
+                }),
+                type: 'success',
+            });
+            this._refresh$.next(null);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FormFlowOverviewComponent, deps: [{ token: FormFlowService }, { token: i2.GlobalNotificationService }, { token: i3$1.ActivatedRoute }, { token: i3$1.Router }, { token: i4.TranslateService }, { token: i2.EditPermissionsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: FormFlowOverviewComponent, isStandalone: false, selector: "ng-component", viewQueries: [{ propertyName: "carbonList", first: true, predicate: CarbonListComponent, descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 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  [actionItems]=\"ACTION_ITEMS\"\n  [header]=\"false\"\n  [items]=\"formFlowDefinitions$ | async\"\n  [fields]=\"FIELDS\"\n  [loading]=\"loading$ | async\"\n  (rowClicked)=\"editFormFlowDetails($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 *ngIf=\"hasEditPermissions$ | async\" 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\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"formFlow.deleteModalContent\"\n  [outputOnConfirm]=\"deleteDefinitionKey$ | async\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"interface.delete\"\n  (confirmEvent)=\"onDelete($event)\"\n></valtimo-confirmation-modal>\n", dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i3.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i1$2.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"] }, { kind: "component", type: i1$2.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i1$2.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "component", type: NewFormFlowModalComponent, selector: "valtimo-new-form-flow-modal", inputs: ["open"], outputs: ["closeEvent"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FormFlowOverviewComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2025 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  [actionItems]=\"ACTION_ITEMS\"\n  [header]=\"false\"\n  [items]=\"formFlowDefinitions$ | async\"\n  [fields]=\"FIELDS\"\n  [loading]=\"loading$ | async\"\n  (rowClicked)=\"editFormFlowDetails($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 *ngIf=\"hasEditPermissions$ | async\" 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\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"formFlow.deleteModalContent\"\n  [outputOnConfirm]=\"deleteDefinitionKey$ | async\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"interface.delete\"\n  (confirmEvent)=\"onDelete($event)\"\n></valtimo-confirmation-modal>\n" }]
+        }], ctorParameters: () => [{ type: FormFlowService }, { type: i2.GlobalNotificationService }, { type: i3$1.ActivatedRoute }, { type: i3$1.Router }, { type: i4.TranslateService }, { type: i2.EditPermissionsService }], 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: 0,
+		uniqueItems: true
+	}
+};
+var required = [
+	"startStep",
+	"steps"
+];
+var formFlowSchemaJson = {
+	$schema: $schema,
+	$id: $id,
+	title: title,
+	description: description,
+	type: type,
+	properties: properties,
+	required: required
+};
+
+/*
+ * Copyright 2015-2025 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 {
+    downloadJson(json, params) {
+        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', `${params.caseDefinitionKey}-${params.caseDefinitionVersionTag}-${params.formFlowDefinitionKey}.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: "19.2.20", ngImport: i0, type: FormFlowDownloadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FormFlowDownloadService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FormFlowDownloadService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/*
+ * Copyright 2015-2025 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(breadcrumbService, formFlowDownloadService, formFlowService, iconService, notificationService, pageHeaderService, pageTitleService, route, router, translateService) {
+        this.breadcrumbService = breadcrumbService;
+        this.formFlowDownloadService = formFlowDownloadService;
+        this.formFlowService = formFlowService;
+        this.iconService = iconService;
+        this.notificationService = notificationService;
+        this.pageHeaderService = pageHeaderService;
+        this.pageTitleService = pageTitleService;
+        this.route = route;
+        this.router = router;
+        this.translateService = translateService;
+        this.readOnly$ = new BehaviorSubject(false);
+        this.valid$ = new BehaviorSubject(false);
+        this.loading$ = new BehaviorSubject(true);
+        this.showDeleteModal$ = new BehaviorSubject(false);
+        this.formFlowDefinitionId$ = new BehaviorSubject(null);
+        this.CARBON_THEME = 'g10';
+        this._context$ = getContextObservable(this.route);
+        this._params$ = this._context$.pipe(switchMap(context => {
+            if (context === 'buildingBlock') {
+                return combineLatest([
+                    getBuildingBlockManagementRouteParams(this.route),
+                    this.route.params,
+                ]).pipe(map(([bbParams, params]) => ({
+                    caseDefinitionKey: bbParams?.buildingBlockDefinitionKey ?? '',
+                    caseDefinitionVersionTag: bbParams?.buildingBlockDefinitionVersionTag ?? '',
+                    formFlowDefinitionKey: params.formFlowDefinitionKey,
+                })));
+            }
+            return combineLatest([
+                getCaseManagementRouteParams(this.route),
+                this.route.params,
+            ]).pipe(map(([caseManagementParams, params]) => ({
+                ...(caseManagementParams ?? { caseDefinitionKey: '', caseDefinitionVersionTag: '' }),
+                ...params,
+            })));
+        }));
+        this.formFlowSchemaJson = formFlowSchemaJson;
+        this._formFlowDefinition2$ = combineLatest([this._params$, this._context$]).pipe(tap(() => this.loading$.next(true)), switchMap(([params, context]) => {
+            this.initBreadcrumbs(params, context);
+            if (context === 'buildingBlock') {
+                return this.formFlowService.getBuildingBlockFormFlowDefinitionByKey(params.caseDefinitionKey, params.caseDefinitionVersionTag, params.formFlowDefinitionKey);
+            }
+            return this.formFlowService.getFormFlowDefinitionByKey(params.caseDefinitionKey, params.caseDefinitionVersionTag, params.formFlowDefinitionKey);
+        }), tap((formFlowDefinition) => {
+            this.pageTitleService.setCustomPageTitle(formFlowDefinition.key);
+            this.readOnly$.next(formFlowDefinition.readOnly === true);
+            this.loading$.next(false);
+        }));
+        this.model$ = this._formFlowDefinition2$.pipe(map((formFlowDefinition) => this.getEditorModel(formFlowDefinition)));
+        this._updatedModelValue$ = new BehaviorSubject('');
+        this.compactMode$ = this.pageHeaderService.compactMode$;
+        this.iconService.registerAll([ArrowLeft16]);
+        this.pageTitleService.disableReset();
+    }
+    ngOnDestroy() {
+        this.pageTitleService.enableReset();
+        this.breadcrumbService.clearThirdBreadcrumb();
+        this.breadcrumbService.clearFourthBreadcrumb();
+    }
+    onValid(valid) {
+        this.valid$.next(valid);
+    }
+    onValueChange(value) {
+        this._updatedModelValue$.next(value);
+    }
+    updateFormFlowDefinition() {
+        this.loading$.next(true);
+        combineLatest([this._params$, this._updatedModelValue$, this._context$])
+            .pipe(take(1), switchMap(([params, updatedModelValue, context]) => {
+            const updatedDefinition = {
+                ...JSON.parse(updatedModelValue),
+                key: params.formFlowDefinitionKey,
+            };
+            if (context === 'buildingBlock') {
+                return this.formFlowService.updateBuildingBlockFormFlowDefinition(params.caseDefinitionKey, params.caseDefinitionVersionTag, params.formFlowDefinitionKey, updatedDefinition);
+            }
+            return this.formFlowService.updateFormFlowDefinition(params.caseDefinitionKey, params.caseDefinitionVersionTag, params.formFlowDefinitionKey, updatedDefinition);
+        }), finalize(() => this.loading$.next(false)))
+            .subscribe(result => {
+            this.showSuccessMessage(result.key);
+        });
+    }
+    onDelete() {
+        this.loading$.next(true);
+        combineLatest([this._params$, this._context$])
+            .pipe(take(1), switchMap(([params, context]) => {
+            if (context === 'buildingBlock') {
+                return this.formFlowService.deleteBuildingBlockFormFlowDefinition(params.caseDefinitionKey, params.caseDefinitionVersionTag, params.formFlowDefinitionKey);
+            }
+            return this.formFlowService.deleteFormFlowDefinition(params.caseDefinitionKey, params.caseDefinitionVersionTag, params.formFlowDefinitionKey);
+        }))
+            .subscribe(() => {
+            this.router.navigate(['../'], { relativeTo: this.route });
+        });
+    }
+    showDeleteModal() {
+        this.showDeleteModal$.next(true);
+    }
+    downloadFormFlowDefinition(model) {
+        this._params$
+            .pipe(take(1))
+            .subscribe((params) => this.formFlowDownloadService.downloadJson(JSON.parse(model.value), params));
+    }
+    navigateBack() {
+        this.router.navigate(['../'], { relativeTo: this.route });
+    }
+    getEditorModel(formFlowDefinition) {
+        const clone = { ...formFlowDefinition };
+        delete clone.readOnly;
+        return {
+            value: JSON.stringify(clone),
+            language: 'json',
+        };
+    }
+    showSuccessMessage(formFlowDefinitionKey) {
+        this.notificationService.showToast({
+            caption: this.translateService.instant('formFlow.savedSuccessTitleMessage', {
+                key: formFlowDefinitionKey,
+            }),
+            type: 'success',
+            title: this.translateService.instant('formFlow.savedSuccessTitle'),
+        });
+    }
+    initBreadcrumbs(params, context) {
+        if (context === 'buildingBlock') {
+            const route = `/building-block-management/building-block/${params.caseDefinitionKey}/version/${params.caseDefinitionVersionTag}`;
+            const generalRoute = `${route}/general`;
+            this.breadcrumbService.setThirdBreadcrumb({
+                route: [generalRoute],
+                content: `${params.caseDefinitionKey} (${params.caseDefinitionVersionTag})`,
+                href: generalRoute,
+            });
+            const routeWithFormFlows = `${route}/form-flows`;
+            this.breadcrumbService.setFourthBreadcrumb({
+                route: [routeWithFormFlows],
+                content: this.translateService.instant('buildingBlockManagement.tabs.formFlows'),
+                href: routeWithFormFlows,
+            });
+        }
+        else {
+            const route = `/case-management/case/${params.caseDefinitionKey}/version/${params.caseDefinitionVersionTag}`;
+            this.breadcrumbService.setThirdBreadcrumb({
+                route: [route],
+                content: `${params.caseDefinitionKey} (${params.caseDefinitionVersionTag})`,
+                href: route,
+            });
+            const routeWithFormFlows = `${route}/form-flows`;
+            this.breadcrumbService.setFourthBreadcrumb({
+                route: [routeWithFormFlows],
+                content: this.translateService.instant('caseManagement.tabs.formFlows'),
+                href: routeWithFormFlows,
+            });
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FormFlowEditorComponent, deps: [{ token: i1$2.BreadcrumbService }, { token: FormFlowDownloadService }, { token: FormFlowService }, { token: i3.IconService }, { token: i2.GlobalNotificationService }, { token: i1$2.PageHeaderService }, { token: i1$2.PageTitleService }, { token: i3$1.ActivatedRoute }, { token: i3$1.Router }, { token: i4.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: FormFlowEditorComponent, isStandalone: false, selector: "ng-component", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 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@if (model$ | async; as model) {\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} @else {\n  <cds-loading></cds-loading>\n}\n\n<ng-container renderInPageHeader>\n  <ng-template>\n    <div\n      *ngIf=\"{\n        compactMode: compactMode$ | async,\n        valid: valid$ | async,\n        readOnly: readOnly$ | async,\n        model: model$ | async,\n      } as obs\"\n      class=\"buttons-container\"\n    >\n      <v-overflow-menu placement=\"bottom-end\">\n        <v-overflow-menu-trigger overflowTrigger></v-overflow-menu-trigger>\n        <v-overflow-menu-option\n          [disabled]=\"!obs.valid && !obs.readOnly\"\n          (selected)=\"downloadFormFlowDefinition(obs.model)\"\n          >{{ 'interface.export' | translate }}\n        </v-overflow-menu-option>\n\n        <v-overflow-menu-option\n          [disabled]=\"obs.readOnly\"\n          type=\"danger\"\n          (selected)=\"showDeleteModal()\"\n          >{{ 'interface.delete' | translate }}\n        </v-overflow-menu-option>\n      </v-overflow-menu>\n\n      <button cdsButton=\"secondary\" [size]=\"obs.compactMode ? 'sm' : 'md'\" (click)=\"navigateBack()\">\n        {{ 'interface.back' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"arrow--left\" size=\"16\"></svg>\n      </button>\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  </ng-template>\n</ng-container>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"formFlow.deleteModalContent\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"interface.delete\"\n  (confirmEvent)=\"onDelete()\"\n></valtimo-confirmation-modal>\n", styles: ["cds-loading{display:flex;justify-content:center}.buttons-container{display:flex;align-items:center;justify-self:flex-end;gap:16px}\n/*!\n * Copyright 2015-2025 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: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i3.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i1$2.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"] }, { kind: "component", type: i1$2.EditorComponent, selector: "valtimo-editor", inputs: ["editorOptions", "model", "disabled", "formatOnLoad", "widthPx", "heightPx", "heightStyle", "jsonSchema", "fitPage", "fitPageSpaceAdjustment"], outputs: ["validEvent", "valueChangeEvent"] }, { kind: "directive", type: i1$2.RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "component", type: i3.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "component", type: i1$2.OverflowMenuComponent, selector: "v-overflow-menu", inputs: ["open", "placement", "menuWidth", "offsetX", "offsetY", "closeOnSelect", "useHostAsReference", "portalToBody"], outputs: ["openChange"] }, { kind: "component", type: i1$2.OverflowMenuOptionComponent, selector: "v-overflow-menu-option", inputs: ["disabled", "type", "testId", "optionId"], outputs: ["selected"] }, { kind: "component", type: i1$2.OverflowMenuTriggerComponent, selector: "v-overflow-menu-trigger", inputs: ["compact"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FormFlowEditorComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2025 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@if (model$ | async; as model) {\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} @else {\n  <cds-loading></cds-loading>\n}\n\n<ng-container renderInPageHeader>\n  <ng-template>\n    <div\n      *ngIf=\"{\n        compactMode: compactMode$ | async,\n        valid: valid$ | async,\n        readOnly: readOnly$ | async,\n        model: model$ | async,\n      } as obs\"\n      class=\"buttons-container\"\n    >\n      <v-overflow-menu placement=\"bottom-end\">\n        <v-overflow-menu-trigger overflowTrigger></v-overflow-menu-trigger>\n        <v-overflow-menu-option\n          [disabled]=\"!obs.valid && !obs.readOnly\"\n          (selected)=\"downloadFormFlowDefinition(obs.model)\"\n          >{{ 'interface.export' | translate }}\n        </v-overflow-menu-option>\n\n        <v-overflow-menu-option\n          [disabled]=\"obs.readOnly\"\n          type=\"danger\"\n          (selected)=\"showDeleteModal()\"\n          >{{ 'interface.delete' | translate }}\n        </v-overflow-menu-option>\n      </v-overflow-menu>\n\n      <button cdsButton=\"secondary\" [size]=\"obs.compactMode ? 'sm' : 'md'\" (click)=\"navigateBack()\">\n        {{ 'interface.back' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"arrow--left\" size=\"16\"></svg>\n      </button>\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  </ng-template>\n</ng-container>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"formFlow.deleteModalContent\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"interface.delete\"\n  (confirmEvent)=\"onDelete()\"\n></valtimo-confirmation-modal>\n", styles: ["cds-loading{display:flex;justify-content:center}.buttons-container{display:flex;align-items:center;justify-self:flex-end;gap:16px}\n/*!\n * Copyright 2015-2025 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: i1$2.BreadcrumbService }, { type: FormFlowDownloadService }, { type: FormFlowService }, { type: i3.IconService }, { type: i2.GlobalNotificationService }, { type: i1$2.PageHeaderService }, { type: i1$2.PageTitleService }, { type: i3$1.ActivatedRoute }, { type: i3$1.Router }, { type: i4.TranslateService }] });
+
+/*
+ * Copyright 2015-2025 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: "19.2.20", ngImport: i0, type: DeleteFormFlowModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: DeleteFormFlowModalComponent, isStandalone: false, selector: "valtimo-delete-form-flow-modal", inputs: { deleteFormFlowDefinitionKey: "deleteFormFlowDefinitionKey", showDeleteModal$: "showDeleteModal$" }, outputs: { deleteEvent: "deleteEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 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: i1$2.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: "19.2.20", ngImport: i0, type: DeleteFormFlowModalComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'valtimo-delete-form-flow-modal', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2025 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-2025 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: "19.2.20", ngImport: i0, type: FormFlowManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: FormFlowManagementModule, declarations: [FormFlowOverviewComponent,
+            FormFlowEditorComponent,
+            DeleteFormFlowModalComponent], imports: [CommonModule,
+            ButtonModule,
+            FormsModule,
+            ModalModule,
+            TranslateModule,
+            ReactiveFormsModule,
+            InputModule,
+            IconModule,
+            ConfirmationModalModule,
+            EditorModule,
+            RenderInPageHeaderDirective,
+            LoadingModule,
+            IconModule,
+            OverflowMenuComponent,
+            OverflowMenuOptionComponent,
+            OverflowMenuTriggerComponent,
+            NotificationModule,
+            CarbonListModule,
+            DropdownModule,
+            ConfirmationModalModule,
+            NewFormFlowModalComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FormFlowManagementModule, imports: [CommonModule,
+            ButtonModule,
+            FormsModule,
+            ModalModule,
+            TranslateModule,
+            ReactiveFormsModule,
+            InputModule,
+            IconModule,
+            ConfirmationModalModule,
+            EditorModule,
+            LoadingModule,
+            IconModule,
+            OverflowMenuComponent,
+            OverflowMenuOptionComponent,
+            OverflowMenuTriggerComponent,
+            NotificationModule,
+            CarbonListModule,
+            DropdownModule,
+            ConfirmationModalModule,
+            NewFormFlowModalComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FormFlowManagementModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        FormFlowOverviewComponent,
+                        FormFlowEditorComponent,
+                        DeleteFormFlowModalComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        ButtonModule,
+                        FormsModule,
+                        ModalModule,
+                        TranslateModule,
+                        ReactiveFormsModule,
+                        InputModule,
+                        IconModule,
+                        ConfirmationModalModule,
+                        EditorModule,
+                        RenderInPageHeaderDirective,
+                        LoadingModule,
+                        IconModule,
+                        OverflowMenuComponent,
+                        OverflowMenuOptionComponent,
+                        OverflowMenuTriggerComponent,
+                        NotificationModule,
+                        CarbonListModule,
+                        DropdownModule,
+                        ConfirmationModalModule,
+                        NewFormFlowModalComponent,
+                    ],
+                }]
+        }] });
+
+/*
+ * Copyright 2015-2025 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 { FormFlowEditorComponent, FormFlowManagementModule, FormFlowOverviewComponent, FormFlowService, NewFormFlowModalComponent };
+//# sourceMappingURL=valtimo-form-flow-management.mjs.map