@valtimo/form-flow-management 12.14.1 → 13.0.0

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

@@ -1,25 +1,24 @@
 import * as i0 from '@angular/core';
 import { Injectable, EventEmitter, Output, Input, ChangeDetectionStrategy, Component, 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 * as i2 from '@valtimo/shared';
+import { BaseApiService, getCaseManagementRouteParams } from '@valtimo/shared';
+import * as i1 from '@angular/common/http';
+import * as i1$2 from '@valtimo/components';
+import { CARBON_CONSTANTS, ViewType, CarbonListComponent, ConfirmationModalModule, EditorModule, RenderInPageHeaderDirective, CarbonListModule } from '@valtimo/components';
+import { BehaviorSubject, combineLatest, tap, switchMap, of, map, take, finalize } from 'rxjs';
+import * as i3 from '@angular/router';
+import * as i4 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 i5 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2$1 from 'carbon-components-angular';
+import { 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';
+import { ArrowLeft16 } from '@carbon/icons';
 
 /*
- * Copyright 2015-2024 Ritense BV, the Netherlands.
+ * 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.
@@ -35,7 +34,7 @@ import { Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
  */
 
 /*
- * Copyright 2015-2024 Ritense BV, the Netherlands.
+ * 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.
@@ -50,69 +49,39 @@ import { Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
  * limitations under the License.
  */
 
-class FormFlowService {
-    get formFlowDefinitions$() {
-        return this.http.get(`${this.valtimoEndpointUri}v1/form-flow/definition`);
-    }
-    constructor(configService, http) {
+class FormFlowService extends BaseApiService {
+    constructor(httpClient, configService) {
+        super(httpClient, configService);
+        this.httpClient = httpClient;
         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);
+    getFormFlowDefinitions(caseDefinitionKey, caseVersionTag) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseVersionTag}/form-flow-definition`));
     }
-    deleteFormFlowDefinition(key) {
-        return this.http.delete(`${this.valtimoEndpointUri}v1/form-flow/definition/${key}`);
+    getFormFlowDefinitionByKey(caseDefinitionKey, caseVersionTag, formFlowDefinitionKey) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseVersionTag}/form-flow-definition/${formFlowDefinitionKey}`));
     }
-    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);
-            },
-        });
+    createFormFlowDefinition(caseDefinitionKey, caseVersionTag, definition) {
+        return this.httpClient.post(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseVersionTag}/form-flow-definition`), definition);
     }
-    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}`);
+    deleteFormFlowDefinition(caseDefinitionKey, caseVersionTag, definitionKey) {
+        return this.httpClient.delete(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseVersionTag}/form-flow-definition/${definitionKey}`));
     }
-    updateFormFlowDefinition(key, updatedDefinition) {
-        return this.http.put(`${this.valtimoEndpointUri}v1/form-flow/definition/${key}`, updatedDefinition);
+    updateFormFlowDefinition(caseDefinitionKey, caseVersionTag, definitionKey, updatedDefinition) {
+        return this.httpClient.put(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseVersionTag}/form-flow-definition/${definitionKey}`), updatedDefinition);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", 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.12", ngImport: i0, type: FormFlowService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", 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.14", ngImport: i0, type: FormFlowService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormFlowService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FormFlowService, decorators: [{
             type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: i1.ConfigService }, { type: i2.HttpClient }] });
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2.ConfigService }] });
 
 /*
- * Copyright 2015-2024 Ritense BV, the Netherlands.
+ * 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.
@@ -128,7 +97,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  */
 
 /*
- * Copyright 2015-2024 Ritense BV, the Netherlands.
+ * 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.
@@ -163,8 +132,7 @@ class NewFormFlowModalComponent {
             return;
         }
         this.closeEvent.emit({
-            key: this.key.value,
-            version: 1,
+            key: this.key.value ?? '',
             startStep: 'start-step',
             steps: [],
         });
@@ -175,12 +143,12 @@ class NewFormFlowModalComponent {
             this.form.reset();
         }, CARBON_CONSTANTS.modalAnimationMs);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", 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.12", 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", 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.14", type: NewFormFlowModalComponent, isStandalone: false, 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=\"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: i2$1.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: i2$1.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i2$1.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i2$1.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i2$1.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i2$1.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: i2$1.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i2$1.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NewFormFlowModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", 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" }]
+            args: [{ standalone: false, selector: 'valtimo-new-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<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=\"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: [{
@@ -188,7 +156,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             }] } });
 
 /*
- * Copyright 2015-2024 Ritense BV, the Netherlands.
+ * 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.
@@ -203,10 +171,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * limitations under the License.
  */
 class FormFlowOverviewComponent {
-    constructor(formFlowService, router) {
+    constructor(formFlowService, globalNotificationService, route, router, translateService, editPermissionsService) {
         this.formFlowService = formFlowService;
+        this.globalNotificationService = globalNotificationService;
+        this.route = route;
         this.router = router;
-        this.fields = [
+        this.translateService = translateService;
+        this.editPermissionsService = editPermissionsService;
+        this.FIELDS = [
             {
                 viewType: ViewType.TEXT,
                 key: 'key',
@@ -223,35 +195,82 @@ class FormFlowOverviewComponent {
                 label: 'formFlow.readOnly',
             },
         ];
-        this.formFlowDefinitions$ = this.formFlowService.formFlows$;
-        this.loading$ = this.formFlowService.loading$;
+        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);
-    }
-    ngOnInit() {
-        this.formFlowService.loadFormFlows();
+        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(data) {
+    onAdd(formFlowDefinition) {
         this.showAddModal$.next(false);
-        if (!data) {
+        if (!formFlowDefinition || !this._params)
             return;
-        }
-        this.formFlowService.dispatchAction(this.formFlowService.addFormFlow(data).pipe(finalize(() => {
+        this.formFlowService
+            .createFormFlowDefinition(this._params.caseDefinitionKey, this._params.caseDefinitionVersionTag, formFlowDefinition)
+            .subscribe((formFlowDefinition) => {
             this.showAddModal$.next(false);
-        })));
+            this.router.navigate([formFlowDefinition.key], { relativeTo: this.route });
+        });
     }
-    onRowClick(formFlow) {
-        this.router.navigate([`/form-flow-management/${formFlow.key}`]);
+    editFormFlowDetails(formFlowDefinition) {
+        this.router.navigate([formFlowDefinition.key], { relativeTo: this.route });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", 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.12", 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", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i3$1.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: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    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.14", ngImport: i0, type: FormFlowOverviewComponent, deps: [{ token: FormFlowService }, { token: i2.GlobalNotificationService }, { token: i3.ActivatedRoute }, { token: i3.Router }, { token: i4.TranslateService }, { token: i2.EditPermissionsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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: i2$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i2$1.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", "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: "17.3.12", ngImport: i0, type: FormFlowOverviewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", 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: [{
+            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.ActivatedRoute }, { type: i3.Router }, { type: i4.TranslateService }, { type: i2.EditPermissionsService }], propDecorators: { carbonList: [{
                 type: ViewChild,
                 args: [CarbonListComponent]
             }] } });
@@ -339,7 +358,7 @@ var properties = {
 				"type"
 			]
 		},
-		minItems: 1,
+		minItems: 0,
 		uniqueItems: true
 	}
 };
@@ -358,7 +377,7 @@ var formFlowSchemaJson = {
 };
 
 /*
- * Copyright 2015-2024 Ritense BV, the Netherlands.
+ * 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.
@@ -373,65 +392,26 @@ var formFlowSchemaJson = {
  * limitations under the License.
  */
 class FormFlowDownloadService {
-    constructor(formFlowService) {
-        this.formFlowService = formFlowService;
-    }
-    downloadJson(json, formFlowDefinitionId) {
+    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', `${formFlowDefinitionId.key}-${formFlowDefinitionId.version}.formflow.json`);
+        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: "17.3.12", ngImport: i0, type: FormFlowDownloadService, deps: [{ token: FormFlowService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormFlowDownloadService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FormFlowDownloadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FormFlowDownloadService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormFlowDownloadService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", 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.12", ngImport: i0, type: DeleteFormFlowModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", 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.12", 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.
+ * 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.
@@ -446,139 +426,127 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * limitations under the License.
  */
 class FormFlowEditorComponent {
-    constructor(formFlowService, route, pageTitleService, router, notificationService, translateService, formFlowDownloadService, pageHeaderService) {
+    constructor(breadcrumbService, formFlowDownloadService, formFlowService, iconService, notificationService, pageHeaderService, pageTitleService, route, router, translateService) {
+        this.breadcrumbService = breadcrumbService;
+        this.formFlowDownloadService = formFlowDownloadService;
         this.formFlowService = formFlowService;
-        this.route = route;
+        this.iconService = iconService;
+        this.notificationService = notificationService;
+        this.pageHeaderService = pageHeaderService;
         this.pageTitleService = pageTitleService;
+        this.route = route;
         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._params$ = combineLatest([
+            getCaseManagementRouteParams(this.route),
+            this.route.params,
+        ]).pipe(map(([caseManagementParams, params]) => ({
+            ...(caseManagementParams ?? { caseDefinitionKey: '', caseDefinitionVersionTag: '' }),
+            ...params,
+        })));
         this.formFlowSchemaJson = formFlowSchemaJson;
+        this._formFlowDefinition2$ = this._params$.pipe(tap(() => this.loading$.next(true)), switchMap((params) => {
+            this.initBreadcrumbs(params);
+            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.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();
+        this.iconService.registerAll([ArrowLeft16]);
+        this.pageTitleService.disableReset();
     }
     ngOnDestroy() {
         this.pageTitleService.enableReset();
-        this._idSubscription?.unsubscribe();
-        this._definitionSubscription?.unsubscribe();
+        this.breadcrumbService.clearThirdBreadcrumb();
+        this.breadcrumbService.clearFourthBreadcrumb();
     }
     onValid(valid) {
-        this.valid$.next(valid !== false);
+        this.valid$.next(valid);
     }
     onValueChange(value) {
         this._updatedModelValue$.next(value);
     }
     updateFormFlowDefinition() {
         this.loading$.next(true);
-        combineLatest([this._updatedModelValue$, this.formFlowDefinitionId$])
-            .pipe(take(1), map(([updatedModelValue, formFlowDefinitionId]) => ({
+        combineLatest([this._params$, this._updatedModelValue$])
+            .pipe(take(1), switchMap(([params, updatedModelValue]) => this.formFlowService.updateFormFlowDefinition(params.caseDefinitionKey, params.caseDefinitionVersionTag, params.formFlowDefinitionKey, {
             ...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);
-            },
+            key: params.formFlowDefinitionKey,
+        })), finalize(() => this.loading$.next(false)))
+            .subscribe(result => {
+            this.showSuccessMessage(result.key);
         });
     }
-    onDelete(formFlowDefinitionKey) {
+    onDelete() {
         this.loading$.next(true);
-        this.formFlowService.dispatchAction(this.formFlowService.deleteFormFlowDefinition(formFlowDefinitionKey).pipe(finalize(() => {
-            this.router.navigate(['/form-flow-management']);
-        })));
+        this._params$
+            .pipe(take(1), switchMap((params) => this.formFlowService.deleteFormFlowDefinition(params.caseDefinitionKey, params.caseDefinitionVersionTag, params.formFlowDefinitionKey)))
+            .subscribe(() => {
+            this.router.navigate(['../'], { relativeTo: this.route });
+        });
     }
     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);
-        }
+        this._params$
+            .pipe(take(1))
+            .subscribe((params) => this.formFlowDownloadService.downloadJson(JSON.parse(model.value), params));
     }
-    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);
-        });
+    navigateBack() {
+        this.router.navigate(['../'], { relativeTo: this.route });
     }
-    setModel(formFlowDefinition) {
+    getEditorModel(formFlowDefinition) {
         const clone = { ...formFlowDefinition };
-        delete clone.version;
         delete clone.readOnly;
-        this.model$.next({
+        return {
             value: JSON.stringify(clone),
             language: 'json',
-            uri: formFlowDefinition.key + '-' + formFlowDefinition.version + '.formflow.json',
-        });
-        this.loading$.next(false);
+        };
     }
-    showSuccessMessage(key) {
+    showSuccessMessage(formFlowDefinitionKey) {
         this.notificationService.showToast({
             caption: this.translateService.instant('formFlow.savedSuccessTitleMessage', {
-                key,
+                key: formFlowDefinitionKey,
             }),
             type: 'success',
-            duration: CARBON_CONSTANTS.notificationDuration,
-            showClose: true,
             title: this.translateService.instant('formFlow.savedSuccessTitle'),
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", 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.12", 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", "hideLabel", "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 }); }
+    initBreadcrumbs(params) {
+        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.14", ngImport: i0, type: FormFlowEditorComponent, deps: [{ token: i1$2.BreadcrumbService }, { token: FormFlowDownloadService }, { token: FormFlowService }, { token: i2$1.IconService }, { token: i2.GlobalNotificationService }, { token: i1$2.PageHeaderService }, { token: i1$2.PageTitleService }, { token: i3.ActivatedRoute }, { token: i3.Router }, { token: i4.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", 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      <cds-overflow-menu>\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 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: i2$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i2$1.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", "fitPageExtraSpace"], outputs: ["validEvent", "valueChangeEvent"] }, { kind: "directive", type: i1$2.RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "component", type: i2$1.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "component", type: i2$1.OverflowMenu, selector: "cds-overflow-menu, ibm-overflow-menu", inputs: ["buttonLabel", "description", "flip", "placement", "open", "customTrigger", "offset", "wrapperClass", "triggerClass"], outputs: ["openChange"] }, { kind: "component", type: i2$1.OverflowMenuOption, selector: "cds-overflow-menu-option, ibm-overflow-menu-option", inputs: ["divider", "type", "disabled", "href", "target", "innerClass"], outputs: ["selected"] }, { 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: "17.3.12", ngImport: i0, type: FormFlowEditorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", 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 }] });
+            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      <cds-overflow-menu>\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 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: i2$1.IconService }, { type: i2.GlobalNotificationService }, { type: i1$2.PageHeaderService }, { type: i1$2.PageTitleService }, { type: i3.ActivatedRoute }, { type: i3.Router }, { type: i4.TranslateService }] });
 
 /*
- * Copyright 2015-2024 Ritense BV, the Netherlands.
+ * 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.
@@ -592,39 +560,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * 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.12", ngImport: i0, type: FormFlowManagementRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: FormFlowManagementRoutingModule, imports: [CommonModule, i2$1.RouterModule], exports: [RouterModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormFlowManagementRoutingModule, imports: [CommonModule, RouterModule.forChild(routes), RouterModule] }); }
+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.14", ngImport: i0, type: DeleteFormFlowModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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: "17.3.12", ngImport: i0, type: FormFlowManagementRoutingModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, RouterModule.forChild(routes)],
-                    exports: [RouterModule],
-                }]
-        }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", 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-2024 Ritense BV, the Netherlands.
+ * 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.
@@ -639,12 +597,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * limitations under the License.
  */
 class FormFlowManagementModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormFlowManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: FormFlowManagementModule, declarations: [FormFlowOverviewComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FormFlowManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: FormFlowManagementModule, declarations: [FormFlowOverviewComponent,
             NewFormFlowModalComponent,
             FormFlowEditorComponent,
             DeleteFormFlowModalComponent], imports: [CommonModule,
-            FormFlowManagementRoutingModule,
             ButtonModule,
             FormsModule,
             ModalModule,
@@ -654,15 +611,15 @@ class FormFlowManagementModule {
             IconModule,
             ConfirmationModalModule,
             EditorModule,
-            RenderInPageHeaderDirectiveModule,
+            RenderInPageHeaderDirective,
             LoadingModule,
             IconModule,
             DialogModule,
             NotificationModule,
             CarbonListModule,
-            DropdownModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormFlowManagementModule, imports: [CommonModule,
-            FormFlowManagementRoutingModule,
+            DropdownModule,
+            ConfirmationModalModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FormFlowManagementModule, imports: [CommonModule,
             ButtonModule,
             FormsModule,
             ModalModule,
@@ -672,15 +629,15 @@ class FormFlowManagementModule {
             IconModule,
             ConfirmationModalModule,
             EditorModule,
-            RenderInPageHeaderDirectiveModule,
             LoadingModule,
             IconModule,
             DialogModule,
             NotificationModule,
             CarbonListModule,
-            DropdownModule] }); }
+            DropdownModule,
+            ConfirmationModalModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormFlowManagementModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FormFlowManagementModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -691,7 +648,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     ],
                     imports: [
                         CommonModule,
-                        FormFlowManagementRoutingModule,
                         ButtonModule,
                         FormsModule,
                         ModalModule,
@@ -701,19 +657,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         IconModule,
                         ConfirmationModalModule,
                         EditorModule,
-                        RenderInPageHeaderDirectiveModule,
+                        RenderInPageHeaderDirective,
                         LoadingModule,
                         IconModule,
                         DialogModule,
                         NotificationModule,
                         CarbonListModule,
                         DropdownModule,
+                        ConfirmationModalModule,
                     ],
                 }]
         }] });
 
 /*
- * Copyright 2015-2024 Ritense BV, the Netherlands.
+ * 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.
@@ -735,5 +692,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { FormFlowManagementModule, FormFlowService };
+export { FormFlowEditorComponent, FormFlowManagementModule, FormFlowOverviewComponent, FormFlowService };
 //# sourceMappingURL=valtimo-form-flow-management.mjs.map