@valtimo/form-management 12.19.0 → 13.0.1-next-minor.81

package/fesm2022/valtimo-form-management.mjs

@@ -1,30 +1,27 @@
 import * as i0 from '@angular/core';
-import { Injectable, Component, Inject, EventEmitter, Output, Input, ViewChild, HostBinding, ViewEncapsulation, NgModule } from '@angular/core';
+import { Injectable, EventEmitter, Output, Input, Component, Inject, ChangeDetectionStrategy, HostBinding, ViewEncapsulation, NgModule } from '@angular/core';
+import { of, map as map$1, switchMap, tap, BehaviorSubject, startWith, Subscription, combineLatest, filter as filter$1, take as take$1 } from 'rxjs';
+import * as i4 from '@valtimo/shared';
+import { BaseApiService, getCaseManagementRouteParams, getCaseManagementRouteParamsAndContext, ROLE_ADMIN, RouterUtils } from '@valtimo/shared';
 import * as i1 from '@angular/common/http';
-import * as i2 from '@valtimo/config';
-import { ROLE_ADMIN, RouterUtils } from '@valtimo/config';
-import { Subject, BehaviorSubject, take, map, combineLatest, filter, distinctUntilChanged, tap, Subscription, switchMap } from 'rxjs';
-import { Upload16 } from '@carbon/icons';
-import * as i3 from 'carbon-components-angular';
-import { ModalModule, InputModule as InputModule$1, PlaceholderModule, ButtonModule as ButtonModule$1, DialogModule, TabsModule, IconModule, TagModule } from 'carbon-components-angular';
-import * as i3$1 from '@angular/router';
-import { RouterModule } from '@angular/router';
-import * as i1$1 from '@valtimo/components';
-import { PendingChangesComponent, pendingChangesGuard, FormIoModule, WidgetModule, ListModule, DropzoneModule, VModalModule, ModalModule as ModalModule$1, InputModule, TitleModule, ButtonModule, FormModule, ValtimoCdsModalDirectiveModule, CarbonListModule, RenderInPageHeaderDirectiveModule, EditorModule, SpinnerModule, ConfirmationModalModule } from '@valtimo/components';
-import * as i2$1 from '@ngx-translate/core';
+import * as i7 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from '@angular/router';
+import { RouterOutlet, RouterModule } from '@angular/router';
+import * as i2$1 from 'carbon-components-angular';
+import { ButtonModule, InputModule, TilesModule, LayerModule, ModalModule, BaseModal, FileUploaderModule, TabsModule, DialogModule, TagModule, IconModule, LoadingModule } from 'carbon-components-angular';
+import * as i2 from '@angular/forms';
+import { FormControl, Validators, ReactiveFormsModule, FormGroup, FormsModule } from '@angular/forms';
+import * as i5 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
+import * as i3$1 from '@valtimo/components';
+import { WidgetModule, ValtimoCdsModalDirective, CARBON_CONSTANTS, CarbonListModule, EditorModule, FormIoModule, RenderInPageHeaderDirective, ConfirmationModalModule, SpinnerModule, ViewType } from '@valtimo/components';
+import { map, filter, take, switchMap as switchMap$1, distinctUntilChanged, tap as tap$1 } from 'rxjs/operators';
+import { ArrowLeft16, Upload16 } from '@carbon/icons';
 import { AuthGuardService } from '@valtimo/security';
-import * as i2$2 from '@angular/forms';
-import { FormControl, Validators, FormGroup, ReactiveFormsModule, FormsModule } from '@angular/forms';
-import { take as take$1 } from 'rxjs/operators';
-import * as i5 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { BaseModal } from 'carbon-components-angular/modal';
-import * as i1$2 from '@valtimo/document';
-import { NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
 
 /*
- * 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.
@@ -38,101 +35,72 @@ import { NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-class FormManagementService {
-    constructor(http, configService) {
-        this.http = http;
+class FormManagementService extends BaseApiService {
+    constructor(httpClient, configService) {
+        super(httpClient, configService);
+        this.httpClient = httpClient;
         this.configService = configService;
-        this.valtimoApiConfig = configService.config.valtimoApi;
     }
     getFormDefinition(formDefinitionId) {
-        return this.http.get(`${this.valtimoApiConfig.endpointUri}v1/form-management/${formDefinitionId}`);
+        return this.httpClient.get(this.getApiUrl(`/management/v1/form/${formDefinitionId}`));
+    }
+    getFormDefinitionCase(caseDefinitionKey, caseDefinitionVersionTag, formDefinitionId) {
+        return this.httpClient.get(this.getApiUrl(`/management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/form/${formDefinitionId}`));
     }
     existsFormDefinition(formDefinitionName) {
-        return this.http.get(`${this.valtimoApiConfig.endpointUri}v1/form-management/exists/${formDefinitionName}`);
+        if (!formDefinitionName)
+            return of(false);
+        return this.httpClient.get(this.getApiUrl(`/management/v1/form/exists/${formDefinitionName}`));
+    }
+    existsFormDefinitionCase(caseDefinitionKey, caseDefinitionVersionTag, formDefinitionName) {
+        if (!formDefinitionName || !caseDefinitionKey || !caseDefinitionVersionTag)
+            return of(false);
+        return this.httpClient.get(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/form/${formDefinitionName}/exists`));
     }
     queryFormDefinitions(params) {
-        return this.http.get(`${this.valtimoApiConfig.endpointUri}v1/form-management`, {
-            observe: 'response',
+        return this.httpClient.get(this.getApiUrl(`/management/v1/form`), {
+            params,
+        });
+    }
+    queryFormDefinitionsCase(caseDefinitionKey, caseDefinitionVersionTag, params) {
+        return this.httpClient.get(this.getApiUrl(`/management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/form`), {
             params,
         });
     }
     createFormDefinition(request) {
-        return this.http.post(`${this.valtimoApiConfig.endpointUri}v1/form-management`, request);
+        return this.httpClient.post(this.getApiUrl(`/management/v1/form`), request);
+    }
+    createFormDefinitionsCase(caseDefinitionKey, caseDefinitionVersionTag, request) {
+        return this.httpClient.post(this.getApiUrl(`/management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/form`), request);
     }
     modifyFormDefinition(request) {
-        return this.http.put(`${this.valtimoApiConfig.endpointUri}v1/form-management`, request);
+        return this.httpClient.put(this.getApiUrl(`/management/v1/form`), request);
+    }
+    modifyFormDefinitionCase(caseDefinitionKey, caseDefinitionVersionTag, request) {
+        return this.httpClient.put(this.getApiUrl(`/management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/form`), request);
     }
     deleteFormDefinition(formDefinitionId) {
-        return this.http.delete(`${this.valtimoApiConfig.endpointUri}v1/form-management/${formDefinitionId}`);
+        return this.httpClient.delete(this.getApiUrl(`/management/v1/form/${formDefinitionId}`));
+    }
+    deleteFormDefinitionCase(caseDefinitionKey, caseDefinitionVersionTag, formDefinitionId) {
+        return this.httpClient.delete(this.getApiUrl(`/management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/form/${formDefinitionId}`));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormManagementService, deps: [{ token: i1.HttpClient }, { token: i2.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormManagementService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FormManagementService, deps: [{ token: i1.HttpClient }, { token: i4.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FormManagementService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormManagementService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FormManagementService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2.ConfigService }] });
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i4.ConfigService }] });
 
-/*
- * 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 FormManagementStateService {
-    constructor() {
-        this._showModal$ = new Subject();
-        this._hideModal$ = new Subject();
-        this._refresh$ = new BehaviorSubject(null);
-        this._modalType$ = new BehaviorSubject('add');
-    }
-    get showModal$() {
-        return this._showModal$.asObservable();
-    }
-    get hideModal$() {
-        return this._hideModal$.asObservable();
-    }
-    get refresh$() {
-        return this._refresh$.asObservable();
-    }
-    get modalType$() {
-        return this._modalType$.asObservable();
-    }
-    showModal() {
-        this._showModal$.next(null);
-    }
-    hideModal() {
-        this._hideModal$.next(null);
-    }
-    refresh() {
-        this._refresh$.next(null);
-    }
-    setModalType(type) {
-        this._modalType$.next(type);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormManagementStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormManagementStateService, providedIn: 'root' }); }
+function getContextObservable(route) {
+    return route.data.pipe(map(data => (data && data['context']) || ''));
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormManagementStateService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
 
 /*
- * 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.
@@ -148,7 +116,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.
@@ -162,64 +130,14 @@ 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.
  */
-class FormManagementComponent {
-    constructor(formManagementService, iconService, router) {
-        this.formManagementService = formManagementService;
-        this.iconService = iconService;
-        this.router = router;
-        this.formDefinitions = [];
-        this.formDefinitionFields = [
-            { key: 'name', label: 'Form name' },
-            { key: 'readOnly', label: 'Read-only' },
-        ];
-        this.pagination = {
-            collectionSize: 0,
-            page: 1,
-            size: 10,
-        };
-        this.iconService.registerAll([Upload16]);
-    }
-    paginationClicked(page) {
-        this.pagination.page = page;
-        this.loadFormDefinitions();
-    }
-    paginationSet(size) {
-        this.pagination.size = size;
-        this.pagination.page = 1;
-        this.loadFormDefinitions();
-    }
-    loadFormDefinitions(searchTerm) {
-        const params = { page: this.pagination.page - 1, size: this.pagination.size };
-        if (searchTerm) {
-            params['searchTerm'] = searchTerm;
-        }
-        this.formManagementService
-            .queryFormDefinitions(params)
-            .pipe(take(1))
-            .subscribe(results => {
-            this.pagination = {
-                ...this.pagination,
-                collectionSize: results.body.totalElements,
-            };
-            this.formDefinitions = results.body.content;
-        });
-    }
-    editFormDefinition(formDefinition) {
-        this.router.navigate(['/form-management/edit', formDefinition.id]);
-    }
-    searchTermEntered(searchTerm) {
-        this.loadFormDefinitions(searchTerm);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormManagementComponent, deps: [{ token: FormManagementService }, { token: i3.IconService }, { token: i3$1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FormManagementComponent, selector: "valtimo-form-management", 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  [fields]=\"formDefinitionFields\"\n  [header]=\"false\"\n  [isSearchable]=\"true\"\n  [items]=\"formDefinitions\"\n  [pagination]=\"pagination\"\n  paginationIdentifier=\"formManagementList\"\n  (paginationClicked)=\"paginationClicked($event)\"\n  (paginationSet)=\"paginationSet($event)\"\n  (rowClicked)=\"editFormDefinition($event)\"\n  (search)=\"searchTermEntered($event)\"\n>\n  <ng-container carbonToolbarContent>\n    <button\n      cdsButton=\"ghost\"\n      [iconOnly]=\"true\"\n      [routerLink]=\"'create'\"\n      [queryParams]=\"{upload: 'true'}\"\n    >\n      <svg class=\"cds--btn__icon\" cdsIcon=\"upload\" size=\"16\"></svg>\n    </button>\n\n    <button cdsButton=\"primary\" [routerLink]=\"'create'\">\n      {{ 'Create new Form' | translate }}\n\n      <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n    </button>\n  </ng-container>\n</valtimo-carbon-list>\n", styles: ["/*!\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$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: i1$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: "directive", type: i3.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }] }); }
+function noDuplicateFormValidator(context, params, formManagementService) {
+    return (control) => (context === 'case'
+        ? formManagementService.existsFormDefinitionCase(params.caseDefinitionKey, params.caseDefinitionVersionTag, control.value.toString())
+        : formManagementService.existsFormDefinition(control.value.toString())).pipe(map$1((result) => (result ? { duplicate: true } : null)));
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormManagementComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'valtimo-form-management', 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  [fields]=\"formDefinitionFields\"\n  [header]=\"false\"\n  [isSearchable]=\"true\"\n  [items]=\"formDefinitions\"\n  [pagination]=\"pagination\"\n  paginationIdentifier=\"formManagementList\"\n  (paginationClicked)=\"paginationClicked($event)\"\n  (paginationSet)=\"paginationSet($event)\"\n  (rowClicked)=\"editFormDefinition($event)\"\n  (search)=\"searchTermEntered($event)\"\n>\n  <ng-container carbonToolbarContent>\n    <button\n      cdsButton=\"ghost\"\n      [iconOnly]=\"true\"\n      [routerLink]=\"'create'\"\n      [queryParams]=\"{upload: 'true'}\"\n    >\n      <svg class=\"cds--btn__icon\" cdsIcon=\"upload\" size=\"16\"></svg>\n    </button>\n\n    <button cdsButton=\"primary\" [routerLink]=\"'create'\">\n      {{ 'Create new Form' | translate }}\n\n      <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n    </button>\n  </ng-container>\n</valtimo-carbon-list>\n", styles: ["/*!\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: FormManagementService }, { type: i3.IconService }, { type: i3$1.Router }] });
 
 /*
- * 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.
@@ -233,14 +151,9 @@ 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.
  */
-function noDuplicateFormValidator(formManagementService) {
-    return (control) => formManagementService
-        .existsFormDefinition(control.value.toString())
-        .pipe(map((result) => (result ? { duplicate: true } : null)));
-}
 
 /*
- * 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.
@@ -255,66 +168,93 @@ function noDuplicateFormValidator(formManagementService) {
  * limitations under the License.
  */
 class FormManagementCreateComponent {
-    constructor(formManagementService, formBuilder, router, alertService, route) {
+    constructor(formManagementService, formBuilder, route) {
         this.formManagementService = formManagementService;
         this.formBuilder = formBuilder;
-        this.router = router;
-        this.alertService = alertService;
         this.route = route;
+        this.upload = false;
+        this.goBackEvent = new EventEmitter();
+        this.afterCreateEvent = new EventEmitter();
+        this.afterUploadEvent = new EventEmitter();
+        this.context$ = getContextObservable(this.route);
+        this.caseManagementRouteParams$ = this.context$.pipe(filter(context => context === 'case'), switchMap(() => getCaseManagementRouteParams(this.route)));
+    }
+    ngOnInit() {
+        this.initForm();
+    }
+    initForm() {
+        getCaseManagementRouteParamsAndContext(this.route)
+            .pipe(take(1), tap(([context, caseManagementParams]) => {
+            this.form = this.formBuilder.group({
+                name: new FormControl('', Validators.required, [
+                    noDuplicateFormValidator(context, caseManagementParams, this.formManagementService),
+                ]),
+            });
+        }))
+            .subscribe();
     }
     get formControls() {
-        return this.form.controls;
+        return this.form?.controls;
     }
-    ngOnInit() {
-        this.form = this.formBuilder.group({
-            name: new FormControl('', Validators.required, [
-                noDuplicateFormValidator(this.formManagementService),
-            ]),
-        });
+    onBackButtonClick() {
+        this.goBackEvent.emit();
     }
     reset() {
-        this.form.setValue({
-            name: '',
-        });
+        this.form.setValue({ name: '' });
+    }
+    onCloseEvent() {
+        this.goBackEvent.emit();
     }
     createFormDefinition() {
-        const emptyForm = {
-            display: 'form',
-            components: [],
-        };
+        const emptyForm = { display: 'form', components: [] };
         const request = {
             name: this.form.value.name,
             formDefinition: JSON.stringify(emptyForm),
         };
-        combineLatest([
-            this.formManagementService.createFormDefinition(request),
-            this.route.queryParams,
-        ])
-            .pipe(take$1(1))
-            .subscribe(([formDefinition, params]) => {
-            this.alertService.success('Created new Form');
-            if (params?.upload === 'true') {
-                this.router.navigate(['/form-management/edit', formDefinition.id], {
-                    queryParams: { upload: 'true' },
-                });
+        getCaseManagementRouteParamsAndContext(this.route)
+            .pipe(take(1), switchMap(([context, caseManagementParams]) => context === 'case'
+            ? this.formManagementService.createFormDefinitionsCase(caseManagementParams.caseDefinitionKey, caseManagementParams.caseDefinitionVersionTag, request)
+            : this.formManagementService.createFormDefinition(request)), tap(formDefinition => {
+            if (this.upload) {
+                this.afterUploadEvent.emit(formDefinition.id);
             }
             else {
-                this.router.navigate(['/form-management/edit', formDefinition.id]);
+                this.afterCreateEvent.emit(formDefinition.id);
             }
-        }, err => {
-            this.alertService.error('Error creating new Form');
-        });
+        }))
+            .subscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormManagementCreateComponent, deps: [{ token: FormManagementService }, { token: i2$2.FormBuilder }, { token: i3$1.Router }, { token: i1$1.AlertService }, { token: i3$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FormManagementCreateComponent, selector: "valtimo-form-management-create", 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<div class=\"main-content\">\n  <div class=\"container-fluid\">\n    <div class=\"col-12 px-0 mb-5\">\n      <valtimo-widget>\n        <div class=\"bg-white p-5\">\n          <form [formGroup]=\"form\" (ngSubmit)=\"createFormDefinition()\">\n            <div class=\"form-group row\">\n              <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"name\">{{\n                'formManagement.name' | translate\n              }}</label>\n              <div class=\"col-12 col-sm-8 col-lg-6\">\n                <input\n                  type=\"text\"\n                  id=\"name\"\n                  formControlName=\"name\"\n                  class=\"form-control\"\n                  placeholder=\"Form definition name\"\n                  [ngClass]=\"{\n                    'is-valid': formControls.name.touched && formControls.name.valid,\n                    'is-invalid': formControls.name.touched && formControls.name.errors,\n                  }\"\n                  required\n                />\n                <div\n                  *ngIf=\"formControls.name.touched && formControls.name.errors\"\n                  class=\"invalid-feedback\"\n                >\n                  <div *ngIf=\"formControls.name.errors.required\">\n                    {{ 'formManagement.nameIsRequired' | translate }}\n                  </div>\n                  <div *ngIf=\"formControls.name.errors.duplicate\">\n                    {{ 'formManagement.nameIsInUse' | translate }}\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"row pt-3 mt-1\">\n              <div class=\"col-12 col-sm-6 text-left\">\n                <a [routerLink]=\"'/form-management'\" class=\"btn btn-space btn-default\">{{\n                  'formManagement.back' | translate\n                }}</a>\n              </div>\n              <div class=\"col-12 col-sm-6 text-right\">\n                <button class=\"btn btn-space btn-secondary\" type=\"button\" (click)=\"reset()\">\n                  {{ 'formManagement.reset' | translate }}\n                </button>\n                <button class=\"btn btn-space btn-primary\" type=\"submit\" [disabled]=\"form.invalid\">\n                  {{ 'formManagement.submit' | translate }}\n                </button>\n              </div>\n            </div>\n          </form>\n        </div>\n      </valtimo-widget>\n    </div>\n  </div>\n</div>\n", styles: ["/*!\n * Copyright 2015-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$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i1$1.WidgetComponent, selector: "valtimo-widget", inputs: ["type", "name", "icon", "contrast", "divider", "title", "subtitle", "collapseAble", "collapse", "additionalClasses"] }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FormManagementCreateComponent, deps: [{ token: FormManagementService }, { token: i2.FormBuilder }, { token: i3.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: FormManagementCreateComponent, isStandalone: true, selector: "valtimo-form-management-create", inputs: { upload: "upload" }, outputs: { goBackEvent: "goBackEvent", afterCreateEvent: "afterCreateEvent", afterUploadEvent: "afterUploadEvent" }, 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  valtimoCdsModal\n  class=\"form-management-create\"\n  size=\"sm\"\n  [cdsLayer]=\"0\"\n  [open]=\"true\"\n  (close)=\"onCloseEvent()\"\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCloseEvent()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'formManagement.add' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form *ngIf=\"form\" [formGroup]=\"form\" (ngSubmit)=\"createFormDefinition()\">\n    <section cdsModalContent [cdsLayer]=\"1\">\n      <cds-label\n        [invalid]=\"formControls?.name?.touched && formControls?.name?.errors\"\n        [invalidText]=\"\n          (formControls?.name?.errors?.required && ('formManagement.nameIsRequired' | translate)) ||\n          (formControls?.name?.errors?.duplicate && ('formManagement.nameIsInUse' | translate)) ||\n          'test'\n        \"\n      >\n        {{ 'formManagement.name' | translate }}\n\n        <input\n          cdsText\n          type=\"text\"\n          id=\"name\"\n          formControlName=\"name\"\n          [invalid]=\"formControls?.name?.touched && formControls?.name?.errors\"\n          required\n        />\n      </cds-label>\n    </section>\n\n    <cds-modal-footer [cdsLayer]=\"1\">\n      <cds-modal-footer>\n        <button cdsButton=\"ghost\" (click)=\"$event.preventDefault(); onBackButtonClick()\">\n          {{ 'formManagement.back' | translate }}\n        </button>\n\n        <button cdsButton=\"ghost\" (click)=\"$event.preventDefault(); reset()\">\n          {{ 'formManagement.reset' | translate | translate }}\n        </button>\n\n        <button [disabled]=\"form?.invalid\" type=\"submit\" cdsButton=\"primary\">\n          {{ 'formManagement.submit' | translate }}\n        </button>\n      </cds-modal-footer>\n    </cds-modal-footer>\n  </form>\n</cds-modal>\n", styles: [".form-management-create{max-width:512px;margin:0 auto}cds-modal-footer{width:100%}\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: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: InputModule }, { 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: "ngmodule", type: WidgetModule }, { kind: "ngmodule", type: TilesModule }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i2$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: ModalModule }, { 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: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormManagementCreateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FormManagementCreateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'valtimo-form-management-create', 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<div class=\"main-content\">\n  <div class=\"container-fluid\">\n    <div class=\"col-12 px-0 mb-5\">\n      <valtimo-widget>\n        <div class=\"bg-white p-5\">\n          <form [formGroup]=\"form\" (ngSubmit)=\"createFormDefinition()\">\n            <div class=\"form-group row\">\n              <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"name\">{{\n                'formManagement.name' | translate\n              }}</label>\n              <div class=\"col-12 col-sm-8 col-lg-6\">\n                <input\n                  type=\"text\"\n                  id=\"name\"\n                  formControlName=\"name\"\n                  class=\"form-control\"\n                  placeholder=\"Form definition name\"\n                  [ngClass]=\"{\n                    'is-valid': formControls.name.touched && formControls.name.valid,\n                    'is-invalid': formControls.name.touched && formControls.name.errors,\n                  }\"\n                  required\n                />\n                <div\n                  *ngIf=\"formControls.name.touched && formControls.name.errors\"\n                  class=\"invalid-feedback\"\n                >\n                  <div *ngIf=\"formControls.name.errors.required\">\n                    {{ 'formManagement.nameIsRequired' | translate }}\n                  </div>\n                  <div *ngIf=\"formControls.name.errors.duplicate\">\n                    {{ 'formManagement.nameIsInUse' | translate }}\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"row pt-3 mt-1\">\n              <div class=\"col-12 col-sm-6 text-left\">\n                <a [routerLink]=\"'/form-management'\" class=\"btn btn-space btn-default\">{{\n                  'formManagement.back' | translate\n                }}</a>\n              </div>\n              <div class=\"col-12 col-sm-6 text-right\">\n                <button class=\"btn btn-space btn-secondary\" type=\"button\" (click)=\"reset()\">\n                  {{ 'formManagement.reset' | translate }}\n                </button>\n                <button class=\"btn btn-space btn-primary\" type=\"submit\" [disabled]=\"form.invalid\">\n                  {{ 'formManagement.submit' | translate }}\n                </button>\n              </div>\n            </div>\n          </form>\n        </div>\n      </valtimo-widget>\n    </div>\n  </div>\n</div>\n", styles: ["/*!\n * Copyright 2015-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: FormManagementService }, { type: i2$2.FormBuilder }, { type: i3$1.Router }, { type: i1$1.AlertService }, { type: i3$1.ActivatedRoute }] });
+            args: [{ selector: 'valtimo-form-management-create', standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        TranslateModule,
+                        ButtonModule,
+                        InputModule,
+                        WidgetModule,
+                        InputModule,
+                        TilesModule,
+                        LayerModule,
+                        ModalModule,
+                        ValtimoCdsModalDirective,
+                        ButtonModule,
+                    ], 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  valtimoCdsModal\n  class=\"form-management-create\"\n  size=\"sm\"\n  [cdsLayer]=\"0\"\n  [open]=\"true\"\n  (close)=\"onCloseEvent()\"\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCloseEvent()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'formManagement.add' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form *ngIf=\"form\" [formGroup]=\"form\" (ngSubmit)=\"createFormDefinition()\">\n    <section cdsModalContent [cdsLayer]=\"1\">\n      <cds-label\n        [invalid]=\"formControls?.name?.touched && formControls?.name?.errors\"\n        [invalidText]=\"\n          (formControls?.name?.errors?.required && ('formManagement.nameIsRequired' | translate)) ||\n          (formControls?.name?.errors?.duplicate && ('formManagement.nameIsInUse' | translate)) ||\n          'test'\n        \"\n      >\n        {{ 'formManagement.name' | translate }}\n\n        <input\n          cdsText\n          type=\"text\"\n          id=\"name\"\n          formControlName=\"name\"\n          [invalid]=\"formControls?.name?.touched && formControls?.name?.errors\"\n          required\n        />\n      </cds-label>\n    </section>\n\n    <cds-modal-footer [cdsLayer]=\"1\">\n      <cds-modal-footer>\n        <button cdsButton=\"ghost\" (click)=\"$event.preventDefault(); onBackButtonClick()\">\n          {{ 'formManagement.back' | translate }}\n        </button>\n\n        <button cdsButton=\"ghost\" (click)=\"$event.preventDefault(); reset()\">\n          {{ 'formManagement.reset' | translate | translate }}\n        </button>\n\n        <button [disabled]=\"form?.invalid\" type=\"submit\" cdsButton=\"primary\">\n          {{ 'formManagement.submit' | translate }}\n        </button>\n      </cds-modal-footer>\n    </cds-modal-footer>\n  </form>\n</cds-modal>\n", styles: [".form-management-create{max-width:512px;margin:0 auto}cds-modal-footer{width:100%}\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: FormManagementService }, { type: i2.FormBuilder }, { type: i3.ActivatedRoute }], propDecorators: { upload: [{
+                type: Input
+            }], goBackEvent: [{
+                type: Output
+            }], afterCreateEvent: [{
+                type: Output
+            }], afterUploadEvent: [{
+                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.
@@ -328,66 +268,9 @@ 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.
  */
-class FormManagementDuplicateComponent extends BaseModal {
-    constructor(formToDuplicate, modalService, formManagementService, alertService, route, router) {
-        super();
-        this.formToDuplicate = formToDuplicate;
-        this.modalService = modalService;
-        this.formManagementService = formManagementService;
-        this.alertService = alertService;
-        this.route = route;
-        this.router = router;
-        this.duplicateForm = new FormGroup({
-            duplicateFormName: new FormControl(this.getDefaultName(), Validators.compose([Validators.required]), [noDuplicateFormValidator(this.formManagementService)]),
-        });
-        this.duplicateForm.markAllAsTouched();
-    }
-    duplicate() {
-        const control = this.duplicateFormName;
-        const request = {
-            name: control.value.toString(),
-            formDefinition: JSON.stringify(this.formToDuplicate.formDefinition),
-        };
-        combineLatest([
-            this.formManagementService.createFormDefinition(request),
-            this.route.queryParams,
-        ])
-            .pipe(take$1(1))
-            .subscribe(([formDefinition, params]) => {
-            this.alertService.success('Created new Form');
-            this.router
-                .navigateByUrl(`/form-management/edit/${formDefinition.id}`)
-                .then(function (result) {
-                window.location.reload();
-            });
-        }, err => {
-            if (err.toString().includes('Duplicate name')) {
-                control.setErrors({ duplicate: true });
-            }
-            else {
-                control.setErrors({ incorrect: true });
-            }
-        });
-    }
-    get duplicateFormName() {
-        return this.duplicateForm.controls['duplicateFormName'];
-    }
-    getDefaultName() {
-        return this.formToDuplicate.name + '-duplicate';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormManagementDuplicateComponent, deps: [{ token: 'formToDuplicate' }, { token: i1$1.ModalService }, { token: FormManagementService }, { token: i1$1.AlertService }, { token: i3$1.ActivatedRoute }, { token: i3$1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FormManagementDuplicateComponent, selector: "valtimo-form-management-duplicate-modal", usesInheritance: 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<cds-modal\n  valtimoCdsModal\n  [open]=\"open\"\n  (overlaySelected)=\"closeModal()\"\n  [formGroup]=\"duplicateForm\"\n>\n  <cds-modal-header (closeSelect)=\"closeModal()\">{{\n    'formManagement.duplicate' | translate\n  }}</cds-modal-header>\n  <section class=\"bx--modal-content p-2\">\n    <cds-label labelState=\"error\">\n      {{ 'formManagement.name' | translate }}\n      <input cdsText formControlName=\"duplicateFormName\" [invalid]=\"duplicateFormName.invalid\" />\n    </cds-label>\n    <div\n      *ngIf=\"duplicateFormName.invalid && (duplicateFormName.dirty || duplicateFormName.touched)\"\n      class=\"bg-warning text-black mb-0 p-2 pl-3 pr-3\"\n      role=\"alert\"\n    >\n      <div *ngIf=\"duplicateFormName.errors.required\">\n        {{ 'formManagement.nameIsRequired' | translate }}\n      </div>\n      <div *ngIf=\"duplicateFormName.errors.duplicate\">\n        {{ 'formManagement.nameIsInUse' | translate }}\n      </div>\n    </div>\n  </section>\n  <cds-modal-footer>\n    <button cdsButton=\"secondary\" (click)=\"closeModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n    <button\n      cdsButton=\"primary\"\n      [attr.modal-primary-focus]=\"true\"\n      modal-primary-focus\n      (click)=\"duplicate()\"\n      [disabled]=\"duplicateForm.invalid\"\n    >\n      {{ 'formManagement.submit' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: ["/*!\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: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { 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: "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: "directive", type: i3.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i1$1.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["enableOverflow"] }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormManagementDuplicateComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'valtimo-form-management-duplicate-modal', 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<cds-modal\n  valtimoCdsModal\n  [open]=\"open\"\n  (overlaySelected)=\"closeModal()\"\n  [formGroup]=\"duplicateForm\"\n>\n  <cds-modal-header (closeSelect)=\"closeModal()\">{{\n    'formManagement.duplicate' | translate\n  }}</cds-modal-header>\n  <section class=\"bx--modal-content p-2\">\n    <cds-label labelState=\"error\">\n      {{ 'formManagement.name' | translate }}\n      <input cdsText formControlName=\"duplicateFormName\" [invalid]=\"duplicateFormName.invalid\" />\n    </cds-label>\n    <div\n      *ngIf=\"duplicateFormName.invalid && (duplicateFormName.dirty || duplicateFormName.touched)\"\n      class=\"bg-warning text-black mb-0 p-2 pl-3 pr-3\"\n      role=\"alert\"\n    >\n      <div *ngIf=\"duplicateFormName.errors.required\">\n        {{ 'formManagement.nameIsRequired' | translate }}\n      </div>\n      <div *ngIf=\"duplicateFormName.errors.duplicate\">\n        {{ 'formManagement.nameIsInUse' | translate }}\n      </div>\n    </div>\n  </section>\n  <cds-modal-footer>\n    <button cdsButton=\"secondary\" (click)=\"closeModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n    <button\n      cdsButton=\"primary\"\n      [attr.modal-primary-focus]=\"true\"\n      modal-primary-focus\n      (click)=\"duplicate()\"\n      [disabled]=\"duplicateForm.invalid\"\n    >\n      {{ 'formManagement.submit' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: ["/*!\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: undefined, decorators: [{
-                    type: Inject,
-                    args: ['formToDuplicate']
-                }] }, { type: i1$1.ModalService }, { type: FormManagementService }, { type: i1$1.AlertService }, { type: i3$1.ActivatedRoute }, { type: i3$1.Router }] });
 
 /*
- * 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.
@@ -412,7 +295,7 @@ function compareFormDefinitions(fd1, fd2) {
 }
 
 /*
- * 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.
@@ -434,7 +317,7 @@ var EDIT_TABS;
 })(EDIT_TABS || (EDIT_TABS = {}));
 
 /*
- * 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.
@@ -450,7 +333,7 @@ var EDIT_TABS;
  */
 
 /*
- * 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.
@@ -464,135 +347,217 @@ var EDIT_TABS;
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-class FormManagementUploadComponent {
-    constructor(documentService, translateService) {
-        this.documentService = documentService;
-        this.translateService = translateService;
-        this.definitionUploaded = new EventEmitter();
-        this.clear$ = new Subject();
-        this.jsonString$ = new BehaviorSubject('');
-        this.error$ = new BehaviorSubject('');
-        this.disabled$ = new BehaviorSubject(false);
-        this.file$ = new BehaviorSubject(undefined);
-    }
-    ngAfterViewInit() {
-        this.openShowSubscription();
-        this.openFileSubscription();
+
+/*
+ * 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 FormManagementDuplicateComponent extends BaseModal {
+    get duplicateFormName() {
+        return this.duplicateForm.controls['duplicateFormName'];
     }
-    ngOnDestroy() {
-        this.showSubscription.unsubscribe();
-        this.fileSubscription.unsubscribe();
-        this.closeErrorSubscription();
-    }
-    setFile(file) {
-        this.clearError();
-        this.file$.next(file);
-    }
-    uploadDefinition() {
-        this.disable();
-        this.jsonString$.pipe(take$1(1)).subscribe(definition => {
-            this.closeErrorSubscription();
-            this.clearError();
-            this.enable();
-            this.hideModal();
-            this.definitionUploaded.emit(definition);
-        });
+    getDefaultName() {
+        return this.formToDuplicate.name + '-duplicate';
     }
-    openErrorSubscription(errorCode) {
-        this.closeErrorSubscription();
-        this.errorSubscription = this.translateService.stream(errorCode).subscribe(error => {
-            this.error$.next(error);
-        });
+    constructor(formToDuplicate, context, params, modalService, formManagementService, route, router, notificationService, translateService) {
+        super();
+        this.formToDuplicate = formToDuplicate;
+        this.context = context;
+        this.params = params;
+        this.modalService = modalService;
+        this.formManagementService = formManagementService;
+        this.route = route;
+        this.router = router;
+        this.notificationService = notificationService;
+        this.translateService = translateService;
     }
-    closeErrorSubscription() {
-        if (this.errorSubscription) {
-            this.errorSubscription.unsubscribe();
-        }
+    ngOnInit() {
+        this.initForm();
     }
-    clearError() {
-        this.error$.next('');
-    }
-    openFileSubscription() {
-        this.fileSubscription = this.file$.subscribe(file => {
-            if (file) {
-                const reader = new FileReader();
-                reader.onloadend = () => {
-                    const result = reader.result.toString();
-                    if (this.stringIsValidJson(result)) {
-                        this.jsonString$.next(result);
-                    }
-                    else {
-                        this.clearJsonString();
-                        this.error$.next(this.translateService.instant('dropzone.error.invalidJson'));
-                    }
-                };
-                reader.readAsText(file);
-            }
-            else {
-                this.clearJsonString();
-            }
+    initForm() {
+        this.duplicateForm = new FormGroup({
+            duplicateFormName: new FormControl(this.getDefaultName(), Validators.compose([Validators.required]), [noDuplicateFormValidator(this.context, this.params, this.formManagementService)]),
         });
+        this.duplicateForm.markAllAsTouched();
     }
-    openShowSubscription() {
-        this.showSubscription = this.show$.subscribe(show => {
-            if (show) {
-                this.showModal();
-            }
-            else {
-                this.hideModal();
-            }
-            this.clearJsonString();
-            this.clearError();
-            this.clearDropzone();
+    duplicate() {
+        const control = this.duplicateFormName;
+        this.formToDuplicate.name = this.duplicateForm.controls['duplicateFormName'].value;
+        const request = {
+            name: control.value.toString(),
+            formDefinition: JSON.stringify(this.formToDuplicate.formDefinition),
+        };
+        (this.context === 'case'
+            ? this.formManagementService.createFormDefinitionsCase(this.params.caseDefinitionKey, this.params.caseDefinitionVersionTag, request)
+            : this.formManagementService.createFormDefinition(request))
+            .pipe(take(1))
+            .subscribe({
+            next: formDefinition => {
+                this.navigateWithNewId(formDefinition.id).then(() => {
+                    this.closeModal();
+                    this.notificationService.showToast({
+                        type: 'success',
+                        title: this.translateService.instant('formManagement.notifications.duplicated'),
+                    });
+                });
+            },
+            error: err => {
+                if (err.toString().includes('Duplicate name')) {
+                    control.setErrors({ duplicate: true });
+                }
+                else {
+                    control.setErrors({ incorrect: true });
+                }
+            },
         });
     }
-    clearJsonString() {
-        this.jsonString$.next('');
-    }
-    clearDropzone() {
-        this.clear$.next(null);
-    }
-    showModal() {
-        this.modal.show();
-    }
-    hideModal() {
-        this.modal.hide();
-    }
-    stringIsValidJson(string) {
+    async navigateWithNewId(newId) {
+        const currentUrl = this.router.url.split('?')[0];
+        const segments = currentUrl.split('/');
+        const formIdIndex = segments.findIndex(segment => segment.match(/^[a-f0-9-]{36}$/));
+        if (formIdIndex !== -1) {
+            segments[formIdIndex] = newId;
+        }
+        const updatedUrl = segments.join('/');
+        const queryParams = { ...this.route.snapshot.queryParams };
         try {
-            // eslint-disable-next-line
-            JSON.parse(string)?.formDefinition?.components;
+            return await this.router.navigate([updatedUrl], { queryParams });
         }
-        catch (e) {
-            this.clearDropzone();
-            this.openErrorSubscription('dropzone.error.invalidFormDef');
+        catch (error) {
             return false;
         }
-        return true;
     }
-    disable() {
-        this.disabled$.next(true);
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FormManagementDuplicateComponent, deps: [{ token: 'formToDuplicate' }, { token: 'context' }, { token: 'params' }, { token: i2$1.ModalService }, { token: FormManagementService }, { token: i3.ActivatedRoute }, { token: i3.Router }, { token: i4.GlobalNotificationService }, { token: i5.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: FormManagementDuplicateComponent, isStandalone: true, selector: "valtimo-form-management-duplicate-modal", usesInheritance: 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<cds-modal\n  valtimoCdsModal\n  class=\"form-management-create\"\n  size=\"sm\"\n  [cdsLayer]=\"0\"\n  [open]=\"true\"\n  (close)=\"closeModal()\"\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'formManagement.duplicate' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form [formGroup]=\"duplicateForm\">\n    <section cdsModalContent [cdsLayer]=\"1\">\n      <cds-label\n        [invalid]=\"duplicateFormName?.touched && duplicateFormName?.errors\"\n        [invalidText]=\"\n          (duplicateFormName?.errors?.required && ('formManagement.nameIsRequired' | translate)) ||\n          (duplicateFormName?.errors?.duplicate && ('formManagement.nameIsInUse' | translate)) ||\n          'Error'\n        \"\n      >\n        {{ 'formManagement.name' | translate }}\n\n        <input\n          cdsText\n          type=\"text\"\n          id=\"duplicateFormName\"\n          formControlName=\"duplicateFormName\"\n          [invalid]=\"duplicateFormName?.touched && duplicateFormName?.errors\"\n          required\n        />\n      </cds-label>\n    </section>\n\n    <cds-modal-footer [cdsLayer]=\"1\">\n      <cds-modal-footer>\n        <button cdsButton=\"secondary\" (click)=\"closeModal()\">\n          {{ 'interface.cancel' | translate }}\n        </button>\n\n        <button [disabled]=\"duplicateForm.invalid\" cdsButton=\"primary\" (click)=\"duplicate()\">\n          {{ 'formManagement.submit' | translate }}\n        </button>\n      </cds-modal-footer>\n    </cds-modal-footer>\n  </form>\n</cds-modal>\n", styles: ["/*!\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: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ModalModule }, { 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: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: InputModule }, { 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: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i2$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FormManagementDuplicateComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-form-management-duplicate-modal', standalone: true, imports: [
+                        CommonModule,
+                        TranslateModule,
+                        ModalModule,
+                        ButtonModule,
+                        InputModule,
+                        ReactiveFormsModule,
+                        FormsModule,
+                        LayerModule,
+                        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  valtimoCdsModal\n  class=\"form-management-create\"\n  size=\"sm\"\n  [cdsLayer]=\"0\"\n  [open]=\"true\"\n  (close)=\"closeModal()\"\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'formManagement.duplicate' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form [formGroup]=\"duplicateForm\">\n    <section cdsModalContent [cdsLayer]=\"1\">\n      <cds-label\n        [invalid]=\"duplicateFormName?.touched && duplicateFormName?.errors\"\n        [invalidText]=\"\n          (duplicateFormName?.errors?.required && ('formManagement.nameIsRequired' | translate)) ||\n          (duplicateFormName?.errors?.duplicate && ('formManagement.nameIsInUse' | translate)) ||\n          'Error'\n        \"\n      >\n        {{ 'formManagement.name' | translate }}\n\n        <input\n          cdsText\n          type=\"text\"\n          id=\"duplicateFormName\"\n          formControlName=\"duplicateFormName\"\n          [invalid]=\"duplicateFormName?.touched && duplicateFormName?.errors\"\n          required\n        />\n      </cds-label>\n    </section>\n\n    <cds-modal-footer [cdsLayer]=\"1\">\n      <cds-modal-footer>\n        <button cdsButton=\"secondary\" (click)=\"closeModal()\">\n          {{ 'interface.cancel' | translate }}\n        </button>\n\n        <button [disabled]=\"duplicateForm.invalid\" cdsButton=\"primary\" (click)=\"duplicate()\">\n          {{ 'formManagement.submit' | translate }}\n        </button>\n      </cds-modal-footer>\n    </cds-modal-footer>\n  </form>\n</cds-modal>\n", styles: ["/*!\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: undefined, decorators: [{
+                    type: Inject,
+                    args: ['formToDuplicate']
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['context']
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['params']
+                }] }, { type: i2$1.ModalService }, { type: FormManagementService }, { type: i3.ActivatedRoute }, { type: i3.Router }, { type: i4.GlobalNotificationService }, { type: i5.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.
+ */
+
+/*
+ * 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 FormManagementUploadComponent {
+    constructor(formBuilder, notificationService, translateService) {
+        this.formBuilder = formBuilder;
+        this.notificationService = notificationService;
+        this.translateService = translateService;
+        this.definitionUploaded = new EventEmitter();
+        this.modalOpen$ = new BehaviorSubject(false);
+        this.ACCEPTED_FILES = ['json'];
+        this.form = this.formBuilder.group({
+            file: this.formBuilder.control(new Set(), [Validators.required]),
+        });
+        this.fileSelected$ = this.form.get('file')?.valueChanges.pipe(startWith(null), map$1(value => !!(value instanceof Set && value.size > 0)));
+        this._subscriptions = new Subscription();
+    }
+    ngOnInit() {
+        this._subscriptions.add(this.show$.subscribe(show => {
+            this.modalOpen$.next(show);
+        }));
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+    }
+    closeModal() {
+        this.modalOpen$.next(false);
+        setTimeout(() => {
+            this.form.reset();
+        }, CARBON_CONSTANTS.modalAnimationMs);
     }
-    enable() {
-        this.disabled$.next(false);
+    async uploadFormDefinition() {
+        const formioDefinition = this.form.value?.file?.values()?.next()?.value?.file;
+        const formioDefinitionString = await formioDefinition.text();
+        if (!formioDefinitionString)
+            return;
+        this.notificationService.showNotification({
+            type: 'success',
+            title: this.translateService.instant('formManagement.upload.success'),
+        });
+        this.definitionUploaded.emit(formioDefinitionString);
+        this.modalOpen$.next(false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormManagementUploadComponent, deps: [{ token: i1$2.DocumentService }, { token: i2$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FormManagementUploadComponent, selector: "valtimo-form-management-upload", inputs: { show$: "show$" }, outputs: { definitionUploaded: "definitionUploaded" }, viewQueries: [{ propertyName: "modal", first: true, predicate: ["uploadFormDefinitionModal"], descendants: true }], ngImport: i0, template: "<!--\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-modal\n  #uploadFormDefinitionModal\n  [title]=\"'uploadFormDefinition' | translate\"\n  showFooter=\"true\"\n>\n  <div class=\"mt-2\" body>\n    <valtimo-dropzone\n      [clear$]=\"clear$\"\n      (fileSelected)=\"setFile($event)\"\n      [disabled]=\"disabled$ | async\"\n      [subtitle]=\"'dropzone.formJsonDocDef' | translate\"\n      [externalError$]=\"error$\"\n      [maxFiles]=\"1\"\n    ></valtimo-dropzone>\n  </div>\n  <div footer>\n    <ng-container *ngIf=\"(jsonString$ | async) && (error$ | async) === ''; else disabledUpload\">\n      <button [disabled]=\"disabled$ | async\" class=\"btn btn-primary\" (click)=\"uploadDefinition()\">\n        {{ 'Upload' | translate }}\n      </button>\n    </ng-container>\n  </div>\n</valtimo-modal>\n\n<ng-template #disabledUpload>\n  <button [disabled]=\"true\" class=\"btn btn-primary\">\n    <i class=\"icon mdi mdi-upload mr-1\"></i>\n    {{ 'Upload' | translate }}\n  </button>\n</ng-template>\n", styles: ["/*!\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: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.DropzoneComponent, selector: "valtimo-dropzone", inputs: ["title", "hideTitle", "subtitle", "externalError$", "maxFileSize", "showMaxFileSize", "acceptedFiles", "clear$", "disabled", "hideFilePreview", "uploading", "camera", "maxFiles"], outputs: ["fileSelected"] }, { kind: "component", type: i1$1.ModalComponent, selector: "valtimo-modal", inputs: ["elementId", "title", "subtitle", "templateBelowSubtitle", "showFooter"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FormManagementUploadComponent, deps: [{ token: i2.FormBuilder }, { token: i4.GlobalNotificationService }, { token: i5.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: FormManagementUploadComponent, isStandalone: true, selector: "valtimo-form-management-upload", inputs: { show$: "show$" }, outputs: { definitionUploaded: "definitionUploaded" }, 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 valtimoCdsModal [open]=\"modalOpen$ | async\" size=\"sm\" (close)=\"closeModal()\">\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"closeModal()\">\n    <h3 cdsModalHeaderHeading>{{ 'formManagement.upload.modalTitle' | translate }}</h3>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\" [formGroup]=\"form\">\n    <cds-file-uploader\n      [accept]=\"ACCEPTED_FILES\"\n      [buttonText]=\"'formManagement.upload.buttonText' | translate\"\n      [description]=\"'formManagement.upload.description' | translate\"\n      [multiple]=\"false\"\n      [title]=\"'formManagement.upload.title' | translate\"\n      buttonType=\"primary\"\n      formControlName=\"file\"\n    >\n    </cds-file-uploader>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"closeModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      cdsButton=\"primary\"\n      [disabled]=\"(fileSelected$ | async) === false\"\n      (click)=\"uploadFormDefinition()\"\n    >\n      {{ 'interface.upload' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: ["/*!\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: "ngmodule", type: CommonModule }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FileUploaderModule }, { kind: "component", type: i2$1.FileUploader, selector: "cds-file-uploader, ibm-file-uploader", inputs: ["buttonText", "buttonType", "title", "description", "accept", "multiple", "skeleton", "size", "fileItemSize", "drop", "dropText", "fileUploaderId", "files", "disabled"], outputs: ["filesChange"] }, { kind: "ngmodule", type: ModalModule }, { 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: "ngmodule", type: LayerModule }, { kind: "directive", type: i2$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormManagementUploadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FormManagementUploadComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'valtimo-form-management-upload', 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-modal\n  #uploadFormDefinitionModal\n  [title]=\"'uploadFormDefinition' | translate\"\n  showFooter=\"true\"\n>\n  <div class=\"mt-2\" body>\n    <valtimo-dropzone\n      [clear$]=\"clear$\"\n      (fileSelected)=\"setFile($event)\"\n      [disabled]=\"disabled$ | async\"\n      [subtitle]=\"'dropzone.formJsonDocDef' | translate\"\n      [externalError$]=\"error$\"\n      [maxFiles]=\"1\"\n    ></valtimo-dropzone>\n  </div>\n  <div footer>\n    <ng-container *ngIf=\"(jsonString$ | async) && (error$ | async) === ''; else disabledUpload\">\n      <button [disabled]=\"disabled$ | async\" class=\"btn btn-primary\" (click)=\"uploadDefinition()\">\n        {{ 'Upload' | translate }}\n      </button>\n    </ng-container>\n  </div>\n</valtimo-modal>\n\n<ng-template #disabledUpload>\n  <button [disabled]=\"true\" class=\"btn btn-primary\">\n    <i class=\"icon mdi mdi-upload mr-1\"></i>\n    {{ 'Upload' | translate }}\n  </button>\n</ng-template>\n", styles: ["/*!\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: i1$2.DocumentService }, { type: i2$1.TranslateService }], propDecorators: { modal: [{
-                type: ViewChild,
-                args: ['uploadFormDefinitionModal']
-            }], show$: [{
+            args: [{ selector: 'valtimo-form-management-upload', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        CommonModule,
+                        TranslateModule,
+                        FileUploaderModule,
+                        ModalModule,
+                        LayerModule,
+                        ReactiveFormsModule,
+                        ButtonModule,
+                    ], 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 valtimoCdsModal [open]=\"modalOpen$ | async\" size=\"sm\" (close)=\"closeModal()\">\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"closeModal()\">\n    <h3 cdsModalHeaderHeading>{{ 'formManagement.upload.modalTitle' | translate }}</h3>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\" [formGroup]=\"form\">\n    <cds-file-uploader\n      [accept]=\"ACCEPTED_FILES\"\n      [buttonText]=\"'formManagement.upload.buttonText' | translate\"\n      [description]=\"'formManagement.upload.description' | translate\"\n      [multiple]=\"false\"\n      [title]=\"'formManagement.upload.title' | translate\"\n      buttonType=\"primary\"\n      formControlName=\"file\"\n    >\n    </cds-file-uploader>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"closeModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      cdsButton=\"primary\"\n      [disabled]=\"(fileSelected$ | async) === false\"\n      (click)=\"uploadFormDefinition()\"\n    >\n      {{ 'interface.upload' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: ["/*!\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: i2.FormBuilder }, { type: i4.GlobalNotificationService }, { type: i5.TranslateService }], propDecorators: { show$: [{
                 type: Input
             }], definitionUploaded: [{
                 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.
@@ -606,34 +571,65 @@ 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.
  */
-class FormManagementEditComponent extends PendingChangesComponent {
-    get _formDefinition() {
-        return this._formDefinition$.getValue();
-    }
-    constructor(alertService, formManagementService, modalService, pageTitleService, route, router, shellService, pageHeaderService) {
-        super();
-        this.alertService = alertService;
-        this.formManagementService = formManagementService;
-        this.modalService = modalService;
-        this.pageTitleService = pageTitleService;
-        this.route = route;
-        this.router = router;
+
+/*
+ * 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 FormManagementEditComponent {
+    get _formDefinition() {
+        return this._formDefinition$.getValue();
+    }
+    constructor(formManagementService, modalService, pageTitleService, route, shellService, pageHeaderService, iconService, router, translateService, notificationService, breadcrumbService, environmentService, draftVersionService, formIoTagsService, injector) {
+        this.formManagementService = formManagementService;
+        this.modalService = modalService;
+        this.pageTitleService = pageTitleService;
+        this.route = route;
         this.shellService = shellService;
         this.pageHeaderService = pageHeaderService;
+        this.iconService = iconService;
+        this.router = router;
+        this.translateService = translateService;
+        this.notificationService = notificationService;
+        this.breadcrumbService = breadcrumbService;
+        this.environmentService = environmentService;
+        this.draftVersionService = draftVersionService;
+        this.formIoTagsService = formIoTagsService;
+        this.injector = injector;
         this.class = 'valtimo-form-management-edit';
+        this.deleteEvent = new EventEmitter();
+        this.goBackEvent = new EventEmitter();
+        this.formModifiedEvent = new EventEmitter();
+        this.formDeletedEvent = new EventEmitter();
+        this.deleteErrorEvent = new EventEmitter();
+        this.deployErrorEvent = new EventEmitter();
         this.modifiedFormDefinition = null;
         this.validJsonChange = null;
-        this.CARBON_THEME = 'g10';
         this.TABS = EDIT_TABS;
         this.activeTab = EDIT_TABS.BUILDER;
+        this.editParam$ = this.route.paramMap.pipe(map$1(params => (params.has('formDefinitionId') ? params.get('formDefinitionId') : null)));
+        this.context$ = getContextObservable(this.route);
+        this.caseManagementRouteParams$ = this.context$.pipe(filter(context => context === 'case'), switchMap$1(() => getCaseManagementRouteParams(this.route)));
         this._formDefinition$ = new BehaviorSubject(null);
+        this.canUpdateGlobalConfiguration$ = this.environmentService.canUpdateGlobalConfiguration();
+        this.isDraftVersion$ = getCaseManagementRouteParams(this.route).pipe(switchMap$1(params => this.draftVersionService.isDraftVersion(params?.caseDefinitionKey, params?.caseDefinitionVersionTag)));
         this.formDefinition$ = this._formDefinition$.pipe(filter((definition) => !!definition), distinctUntilChanged((prevFormDefinition, currFormDefinition) => JSON.stringify(prevFormDefinition?.formDefinition?.components) ===
-            JSON.stringify(currFormDefinition?.formDefinition?.components)), tap(() => {
+            JSON.stringify(currFormDefinition?.formDefinition?.components)), tap$1(() => {
             if (!this._editorInitialized) {
                 this._editorInitialized = true;
                 return;
             }
-            this.pendingChanges = true;
         }));
         this.jsonFormDefinition$ = new BehaviorSubject(null);
         this.jsonOutput$ = new BehaviorSubject(null);
@@ -644,15 +640,21 @@ class FormManagementEditComponent extends PendingChangesComponent {
         this._alertSub = Subscription.EMPTY;
         this._changeActive = false;
         this._editorInitialized = false;
+        this.iconService.registerAll([ArrowLeft16]);
+        this.formIoTagsService.reregisterTags(this.injector);
     }
     ngOnInit() {
-        this.pageTitleService.disableReset();
-        this.loadFormDefinition();
+        this.loadFormDefinition().subscribe();
         this.checkToOpenUploadModal();
+        this.pageTitleService.disableReset();
+        this.initBreadcrumbs();
     }
     ngOnDestroy() {
         this._alertSub.unsubscribe();
         this.pageTitleService.enableReset();
+        this.pageTitleService.clearPageActionsViewContainerRef();
+        this.breadcrumbService.clearThirdBreadcrumb();
+        this.breadcrumbService.clearFourthBreadcrumb();
     }
     formBuilderChanged(event, definition) {
         if (event.type === 'updateComponent') {
@@ -668,17 +670,100 @@ class FormManagementEditComponent extends PendingChangesComponent {
         this.showDeleteModal$.next(true);
     }
     deleteFormDefinition(definition) {
-        this.pendingChanges = false;
-        this.formManagementService.deleteFormDefinition(definition.id).subscribe({
+        getCaseManagementRouteParamsAndContext(this.route)
+            .pipe(switchMap$1(([context, caseManagementRouteParams]) => {
+            switch (context) {
+                case 'case':
+                    return this.formManagementService.deleteFormDefinitionCase(caseManagementRouteParams?.caseDefinitionKey, caseManagementRouteParams?.caseDefinitionVersionTag, definition.id);
+                case 'independent':
+                default:
+                    return this.formManagementService.deleteFormDefinition(definition.id);
+            }
+        }))
+            .subscribe({
             next: () => {
-                this.router.navigate(['/form-management']);
-                this.alertService.success('Form deleted');
+                this.notificationService.showToast({
+                    type: 'success',
+                    title: this.translateService.instant('formManagement.notifications.deleted'),
+                });
+                this.navigateBack();
             },
             error: () => {
-                this.alertService.error('Error deleting Form');
+                this.notificationService.showToast({
+                    type: 'error',
+                    title: this.translateService.instant('formManagement.notifications.deletionError'),
+                });
             },
         });
     }
+    onGoBackButtonClick() {
+        this.navigateBack();
+    }
+    modifyFormDefinition(definition) {
+        combineLatest([this.pageTitleService.customPageTitle$, this.editParam$])
+            .pipe(take(1))
+            .subscribe(([customPageTitle, formDefinitionId]) => {
+            if (!customPageTitle || !formDefinitionId)
+                return;
+            const form = JSON.stringify(this.modifiedFormDefinition !== null
+                ? this.modifiedFormDefinition
+                : definition.formDefinition);
+            const request = {
+                id: formDefinitionId,
+                name: customPageTitle,
+                formDefinition: form,
+            };
+            getCaseManagementRouteParamsAndContext(this.route)
+                .pipe(switchMap$1(([context, caseManagementRouteParams]) => {
+                switch (context) {
+                    case 'case':
+                        return this.formManagementService.modifyFormDefinitionCase(caseManagementRouteParams.caseDefinitionKey, caseManagementRouteParams.caseDefinitionVersionTag, request);
+                    case 'independent':
+                    default:
+                        return this.formManagementService.modifyFormDefinition(request);
+                }
+            }))
+                .subscribe({
+                next: () => {
+                    this.notificationService.showToast({
+                        type: 'success',
+                        title: this.translateService.instant('formManagement.notifications.deployed'),
+                    });
+                    this.navigateBack();
+                },
+                error: () => {
+                    this.notificationService.showToast({
+                        type: 'error',
+                        title: this.translateService.instant('formManagement.notifications.deploymentError'),
+                    });
+                },
+            });
+        });
+    }
+    loadFormDefinition(setDefinition = true) {
+        return getCaseManagementRouteParamsAndContext(this.route).pipe(switchMap$1(([context, params]) => combineLatest([of(context), of(params), this.editParam$])), switchMap$1(([context, caseManagementRouteParams, formDefinitionId]) => {
+            if (!formDefinitionId)
+                return of(null);
+            switch (context) {
+                case 'case':
+                    return this.formManagementService.getFormDefinitionCase(caseManagementRouteParams.caseDefinitionKey, caseManagementRouteParams.caseDefinitionVersionTag, formDefinitionId);
+                case 'independent':
+                default:
+                    return this.formManagementService.getFormDefinition(formDefinitionId);
+            }
+        }), tap$1((definition) => {
+            if (!definition)
+                return;
+            if (setDefinition)
+                this._formDefinition$.next(definition);
+            if (setDefinition)
+                this.jsonFormDefinition$.next({
+                    value: JSON.stringify(definition.formDefinition),
+                    language: 'json',
+                });
+            this.pageTitleService.setCustomPageTitle(definition.name);
+        }));
+    }
     downloadFormDefinition(definition) {
         const file = new Blob([JSON.stringify(definition.formDefinition)], {
             type: 'text/json',
@@ -690,26 +775,9 @@ class FormManagementEditComponent extends PendingChangesComponent {
         window.URL.revokeObjectURL(link.href);
         link.remove();
     }
-    modifyFormDefinition(definition) {
-        this.pendingChanges = false;
-        const form = JSON.stringify(this.modifiedFormDefinition !== null ? this.modifiedFormDefinition : definition.formDefinition);
-        const request = {
-            id: definition.id,
-            name: definition.name,
-            formDefinition: form,
-        };
-        this.formManagementService.modifyFormDefinition(request).subscribe({
-            next: () => {
-                this.router.navigate(['/form-management']);
-                this.alertService.success('Form deployed');
-            },
-            error: () => {
-                this.alertService.error('Error deploying Form');
-            },
-        });
-    }
     onSelectedTab(tab) {
         this.activeTab = tab;
+        this.formIoTagsService.reregisterTags(this.injector);
         if (tab === EDIT_TABS.BUILDER) {
             return;
         }
@@ -749,11 +817,17 @@ class FormManagementEditComponent extends PendingChangesComponent {
         this.showModal$.next(true);
     }
     showDuplicateModal(definition) {
-        this.modalService.create({
-            component: FormManagementDuplicateComponent,
-            inputs: {
-                formToDuplicate: definition,
-            },
+        getCaseManagementRouteParamsAndContext(this.route)
+            .pipe(take(1))
+            .subscribe(([context, params]) => {
+            this.modalService.create({
+                component: FormManagementDuplicateComponent,
+                inputs: {
+                    formToDuplicate: definition,
+                    context,
+                    params,
+                },
+            });
         });
     }
     setFormDefinition(formDefinition) {
@@ -761,7 +835,6 @@ class FormManagementEditComponent extends PendingChangesComponent {
         const definition = JSON.parse(formDefinition);
         if (!definition?.components) {
             this.reloading$.next(false);
-            this.alertService.error('Invalid form.io. Missing JSON field "components".');
             return;
         }
         const components = definition.components;
@@ -769,10 +842,12 @@ class FormManagementEditComponent extends PendingChangesComponent {
         const newDefinition = { ...currentDefinition, ...(components && { components }) };
         this.modifiedFormDefinition = newDefinition;
         definition.formDefinition = newDefinition;
+        this._formDefinition$.next(definition);
         this.jsonFormDefinition$.next({
             value: JSON.stringify(newDefinition),
             language: 'json',
         });
+        this.loadFormDefinition(false).subscribe(() => this.reloading$.next(false));
     }
     onConfirmRedirect() {
         const cancelButton = document.querySelector('button[ref="cancelButton"]');
@@ -788,31 +863,364 @@ class FormManagementEditComponent extends PendingChangesComponent {
             }
         });
     }
-    loadFormDefinition() {
-        this.route.paramMap
-            .pipe(take(1), switchMap((paramMap) => this.formManagementService.getFormDefinition(paramMap.get('id') ?? '')))
-            .subscribe((definition) => {
-            this._formDefinition$.next(definition);
-            this.pageTitleService.setCustomPageTitle(definition.name);
-            this.jsonFormDefinition$.next({
-                value: JSON.stringify(definition.formDefinition),
-                language: 'json',
+    navigateBack() {
+        this.router.navigate(['../'], { relativeTo: this.route });
+    }
+    initBreadcrumbs() {
+        getCaseManagementRouteParamsAndContext(this.route)
+            .pipe(take(1))
+            .subscribe(([context, params]) => {
+            if (context === 'independent')
+                return;
+            const route = `/case-management/case/${params.caseDefinitionKey}/version/${params.caseDefinitionVersionTag}`;
+            this.breadcrumbService.setThirdBreadcrumb({
+                route: [route],
+                content: `${params.caseDefinitionKey} (${params.caseDefinitionVersionTag})`,
+                href: route,
+            });
+            const routeWithForms = `${route}/forms`;
+            this.breadcrumbService.setFourthBreadcrumb({
+                route: [routeWithForms],
+                content: this.translateService.instant('caseManagement.tabs.forms'),
+                href: routeWithForms,
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormManagementEditComponent, deps: [{ token: i1$1.AlertService }, { token: FormManagementService }, { token: i3.ModalService }, { token: i1$1.PageTitleService }, { token: i3$1.ActivatedRoute }, { token: i3$1.Router }, { token: i1$1.ShellService }, { token: i1$1.PageHeaderService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FormManagementEditComponent, selector: "valtimo-form-management-edit", host: { properties: { "class": "this.class" } }, usesInheritance: 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<ng-container\n  *ngIf=\"{\n    formDefinition: formDefinition$ | async,\n    jsonFormDefinition: jsonFormDefinition$ | async,\n    jsonOutput: jsonOutput$ | async,\n    compactMode: compactMode$ | async,\n  } as obs\"\n>\n  @if (obs.formDefinition) {\n    <ng-container renderInPageHeader [fullWidth]=\"true\">\n      <ng-template>\n        <div\n          class=\"valtimo-form-management-edit__header-container\"\n          [ngClass]=\"{'--compact': obs.compactMode}\"\n        >\n          @if (obs.formDefinition.readOnly) {\n            <cds-tag size=\"sm\" type=\"blue\">{{ 'formManagement.readOnly' | translate }}</cds-tag>\n          }\n\n          <div class=\"valtimo-form-management-edit__header\">\n            <cds-overflow-menu>\n              <cds-overflow-menu-option (selected)=\"downloadFormDefinition(obs.formDefinition)\">\n                {{ 'Download' | translate }}\n              </cds-overflow-menu-option>\n\n              <cds-overflow-menu-option\n                [disabled]=\"obs.formDefinition.readOnly\"\n                (selected)=\"showUploadModal()\"\n              >\n                {{ 'Upload' | translate }}\n              </cds-overflow-menu-option>\n\n              <cds-overflow-menu-option\n                [disabled]=\"obs.formDefinition.readOnly\"\n                (selected)=\"delete(obs.formDefinition)\"\n              >\n                {{ 'interface.delete' | translate }}\n              </cds-overflow-menu-option>\n\n              <cds-overflow-menu-option (selected)=\"showDuplicateModal(obs.formDefinition)\">\n                {{ 'formManagement.duplicate' | translate }}\n              </cds-overflow-menu-option>\n            </cds-overflow-menu>\n\n            <button\n              cdsButton=\"primary\"\n              [disabled]=\"obs.formDefinition.readOnly || !validJsonChange\"\n              [size]=\"obs.compactMode ? 'sm' : 'md'\"\n              (click)=\"modifyFormDefinition(obs.formDefinition)\"\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    <cds-tabs type=\"contained\">\n      <cds-tab [heading]=\"TABS.BUILDER | translate\" (selected)=\"onSelectedTab(TABS.BUILDER)\">\n        <valtimo-form-io-builder\n          *ngIf=\"(reloading$ | async) === false && activeTab === TABS.BUILDER\"\n          [form]=\"obs.formDefinition.formDefinition\"\n          (change)=\"formBuilderChanged($event, obs.jsonFormDefinition)\"\n        ></valtimo-form-io-builder>\n      </cds-tab>\n\n      <cds-tab [heading]=\"TABS.EDITOR | translate\" (selected)=\"onSelectedTab(TABS.EDITOR)\">\n        <ng-container\n          *ngTemplateOutlet=\"\n            jsonEditor;\n            context: {\n              data: {\n                disabled: obs.formDefinition.readOnly,\n                formDefinition: obs.formDefinition,\n                model: obs.jsonFormDefinition,\n              },\n            }\n          \"\n        ></ng-container>\n      </cds-tab>\n\n      <cds-tab\n        [heading]=\"TABS.OUTPUT | translate\"\n        (selected)=\"onSelectedTab(TABS.OUTPUT)\"\n        class=\"valtimo-form-management-edit__output\"\n      >\n        <valtimo-form-io\n          [form]=\"obs.formDefinition.formDefinition\"\n          (change)=\"onOutputChange($event)\"\n        ></valtimo-form-io>\n\n        <ng-container\n          *ngTemplateOutlet=\"\n            jsonEditor;\n            context: {\n              data: {disabled: true, formDefinition: obs.formDefinition, model: obs.jsonOutput},\n            }\n          \"\n        ></ng-container>\n      </cds-tab>\n    </cds-tabs>\n  } @else {\n    <valtimo-spinner></valtimo-spinner>\n  }\n\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    contentTranslationKey=\"interface.deleteConfirmation\"\n    cancelButtonTextTranslationKey=\"interface.cancel\"\n    [outputOnConfirm]=\"obs.formDefinition\"\n    [showModalSubject$]=\"showDeleteModal$\"\n    titleTranslationKey=\"dashboardManagement.delete\"\n    (confirmEvent)=\"deleteFormDefinition($event)\"\n  ></valtimo-confirmation-modal>\n\n  <valtimo-form-management-upload\n    [show$]=\"showModal$\"\n    (definitionUploaded)=\"setFormDefinition($event)\"\n  ></valtimo-form-management-upload>\n\n  <ng-template #jsonEditor let-data=\"data\">\n    <valtimo-editor\n      [model]=\"data.model\"\n      [disabled]=\"data.disabled\"\n      (validEvent)=\"onValidEvent($event, data.disabled)\"\n      (valueChangeEvent)=\"onValueChangeEvent($event, data.formDefinition, data.disabled)\"\n      [fitPage]=\"true\"\n      [fitPageExtraSpace]=\"80\"\n    ></valtimo-editor>\n  </ng-template>\n</ng-container>\n", styles: [".valtimo-form-management-edit__header{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-left:auto}.valtimo-form-management-edit__header-container{width:100%;display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:4px}.valtimo-form-management-edit__header-container .cds--tag{margin:0;height:var(--cds-layout-size-height-md)}.valtimo-form-management-edit__header-container.--compact{align-items:flex-start;padding-bottom:0}.valtimo-form-management-edit__output .cds--tab-content{display:grid;grid-template-columns:1fr 1fr}.valtimo-form-management-edit__output .cds--tab-content>*{min-width:100%!important}.valtimo-form-management-edit .formbuilder .btn.formcomponent.drag-copy,.valtimo-form-management-edit .btn.formcomponent.gu-mirror{font-weight:400;background-color:silver;border-color:silver;color:#fff}.valtimo-form-management-edit .formbuilder .btn.formcomponent.drag-copy:hover,.valtimo-form-management-edit .formbuilder .btn.formcomponent.drag-copy:active,.valtimo-form-management-edit .btn.formcomponent.gu-mirror:hover,.valtimo-form-management-edit .btn.formcomponent.gu-mirror:active{box-shadow:none}.valtimo-form-management-edit .formbuilder .btn.formcomponent.drag-copy:active,.valtimo-form-management-edit .btn.formcomponent.gu-mirror:active{background-color:silver;border-color:silver}.valtimo-form-management-edit .formbuilder-header{padding-left:18px;padding-right:18px;font-size:18px;height:80px;border:1px solid #dee2e6;border-bottom:0}.valtimo-form-management-edit .formbuilder-header .formbuilder-title{margin-top:21px;margin-bottom:7px}.valtimo-form-management-edit .formbuilder-header .formbuilder-subtitle{margin-top:0;margin-bottom:12px}.valtimo-form-management-edit .formbuilder{background:#fff;padding:1rem;border:1px solid #dee2e6;margin-right:0!important;margin-left:0!important}.valtimo-form-management-edit .formbuilder .form-builder-panel .builder-group-button[aria-expanded=false],.valtimo-form-management-edit .formbuilder .form-builder-panel .builder-group-button[aria-expanded=\"\"]{color:#a9a9a9}.valtimo-form-management-edit .formbuilder .form-builder-panel .builder-group-button[aria-expanded=true]{color:#000}.valtimo-form-management-edit .formbuilder .drag-and-drop-alert{display:none}.valtimo-form-management-edit .formbuilder .formarea{padding:10px;border:solid 1px silver;background-color:#fff}.valtimo-form-management-edit .increase-size{font-size:1rem}.valtimo-form-management-edit .cds--tab-content{background:#fff!important}\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: "component", type: i1$1.FormioComponent, selector: "valtimo-form-io", inputs: ["options", "submission", "form", "readOnly", "formRefresh$"], outputs: ["submit", "change", "event"] }, { kind: "component", type: i1$1.FormioBuilderComponent, selector: "valtimo-form-io-builder", inputs: ["form"], outputs: ["change"] }, { kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: "component", type: i3.OverflowMenu, selector: "cds-overflow-menu, ibm-overflow-menu", inputs: ["buttonLabel", "flip", "placement", "open", "customTrigger", "offset", "wrapperClass", "triggerClass"], outputs: ["openChange"] }, { kind: "component", type: i3.OverflowMenuOption, selector: "cds-overflow-menu-option, ibm-overflow-menu-option", inputs: ["divider", "type", "disabled", "href", "target", "innerClass"], outputs: ["selected"] }, { kind: "directive", type: i1$1.RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "component", type: i3.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i3.Tab, selector: "cds-tab, ibm-tab", inputs: ["heading", "title", "context", "active", "disabled", "tabIndex", "id", "cacheActive", "tabContent", "templateContext"], outputs: ["selected"] }, { kind: "component", type: i1$1.EditorComponent, selector: "valtimo-editor", inputs: ["editorOptions", "model", "disabled", "formatOnLoad", "widthPx", "heightPx", "heightStyle", "jsonSchema", "fitPage", "fitPageExtraSpace"], outputs: ["validEvent", "valueChangeEvent"] }, { kind: "component", type: i1$1.SpinnerComponent, selector: "valtimo-spinner", inputs: ["useBootstrapSpinner", "name", "type", "size", "color", "bdColor", "fullScreen", "noMarginTop"] }, { kind: "directive", type: i3.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i1$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"] }, { kind: "component", type: i3.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class"] }, { kind: "component", type: FormManagementUploadComponent, selector: "valtimo-form-management-upload", inputs: ["show$"], outputs: ["definitionUploaded"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FormManagementEditComponent, deps: [{ token: FormManagementService }, { token: i2$1.ModalService }, { token: i3$1.PageTitleService }, { token: i3.ActivatedRoute }, { token: i3$1.ShellService }, { token: i3$1.PageHeaderService }, { token: i2$1.IconService }, { token: i3.Router }, { token: i5.TranslateService }, { token: i4.GlobalNotificationService }, { token: i3$1.BreadcrumbService }, { token: i4.EnvironmentService }, { token: i4.DraftVersionService }, { token: i3$1.FormIoTagsService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: FormManagementEditComponent, isStandalone: true, selector: "valtimo-form-management-edit", outputs: { deleteEvent: "deleteEvent", goBackEvent: "goBackEvent", formModifiedEvent: "formModifiedEvent", formDeletedEvent: "formDeletedEvent", deleteErrorEvent: "deleteErrorEvent", deployErrorEvent: "deployErrorEvent" }, host: { properties: { "class": "this.class" } }, 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<ng-container\n  *ngIf=\"{\n    formDefinition: formDefinition$ | async,\n    jsonFormDefinition: jsonFormDefinition$ | async,\n    jsonOutput: jsonOutput$ | async,\n    compactMode: compactMode$ | async,\n    context: context$ | async,\n    canUpdateGlobalConfiguration: canUpdateGlobalConfiguration$ | async,\n    isDraftVersion: isDraftVersion$ | async,\n  } as obs\"\n>\n  @if (obs.formDefinition) {\n    <ng-container renderInPageHeader [fullWidth]=\"true\">\n      <ng-template>\n        <ng-container *ngTemplateOutlet=\"actions; context: {obs: obs}\"></ng-container>\n      </ng-template>\n    </ng-container>\n\n    <cds-tabs type=\"contained\">\n      <cds-tab [heading]=\"TABS.BUILDER | translate\" (selected)=\"onSelectedTab(TABS.BUILDER)\">\n        <valtimo-form-io-builder\n          *ngIf=\"(reloading$ | async) === false && activeTab === TABS.BUILDER\"\n          [form]=\"obs.formDefinition.formDefinition\"\n          (change)=\"formBuilderChanged($event, obs.jsonFormDefinition)\"\n        ></valtimo-form-io-builder>\n      </cds-tab>\n\n      <cds-tab [heading]=\"TABS.EDITOR | translate\" (selected)=\"onSelectedTab(TABS.EDITOR)\">\n        @if (activeTab === TABS.EDITOR) {\n          <ng-container\n            *ngTemplateOutlet=\"\n              jsonEditor;\n              context: {\n                data: {\n                  disabled: obs.formDefinition.readOnly || !obs.canUpdateGlobalConfiguration,\n                  formDefinition: obs.formDefinition,\n                  model: obs.jsonFormDefinition,\n                },\n              }\n            \"\n          ></ng-container>\n        }\n      </cds-tab>\n\n      <cds-tab\n        [heading]=\"TABS.OUTPUT | translate\"\n        (selected)=\"onSelectedTab(TABS.OUTPUT)\"\n        class=\"valtimo-form-management-edit__output\"\n      >\n        <valtimo-form-io\n          *ngIf=\"activeTab === TABS.OUTPUT\"\n          [form]=\"obs.formDefinition.formDefinition\"\n          (change)=\"onOutputChange($event)\"\n        ></valtimo-form-io>\n\n        @if (activeTab === TABS.OUTPUT) {\n          <ng-container\n            *ngTemplateOutlet=\"\n              jsonEditor;\n              context: {\n                data: {disabled: true, formDefinition: obs.formDefinition, model: obs.jsonOutput},\n              }\n            \"\n          ></ng-container>\n        }\n      </cds-tab>\n    </cds-tabs>\n  } @else {\n    <cds-loading></cds-loading>\n  }\n\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    contentTranslationKey=\"interface.deleteConfirmation\"\n    cancelButtonTextTranslationKey=\"interface.cancel\"\n    [outputOnConfirm]=\"obs.formDefinition\"\n    [showModalSubject$]=\"showDeleteModal$\"\n    titleTranslationKey=\"dashboardManagement.delete\"\n    (confirmEvent)=\"deleteFormDefinition($event)\"\n  ></valtimo-confirmation-modal>\n\n  <valtimo-form-management-upload\n    [show$]=\"showModal$\"\n    (definitionUploaded)=\"setFormDefinition($event)\"\n  ></valtimo-form-management-upload>\n\n  <ng-template #jsonEditor let-data=\"data\">\n    <valtimo-editor\n      [model]=\"data.model\"\n      [disabled]=\"data.disabled\"\n      (validEvent)=\"onValidEvent($event, data.disabled)\"\n      (valueChangeEvent)=\"onValueChangeEvent($event, data.formDefinition, data.disabled)\"\n      [fitPage]=\"true\"\n      [fitPageExtraSpace]=\"80\"\n    ></valtimo-editor>\n  </ng-template>\n</ng-container>\n\n<ng-template #actions let-obs=\"obs\">\n  <div\n    class=\"valtimo-form-management-edit__header-container\"\n    [ngClass]=\"{\n      '--compact': obs.compactMode,\n      'valtimo-form-management-edit__header-container-case': obs?.context === 'case',\n    }\"\n  >\n    @if (obs.formDefinition.readOnly || !obs.canUpdateGlobalConfiguration) {\n      <cds-tag size=\"sm\" type=\"blue\">{{ 'formManagement.readOnly' | translate }}</cds-tag>\n    }\n\n    <div class=\"valtimo-form-management-edit__header\">\n      <cds-overflow-menu>\n        <cds-overflow-menu-option (selected)=\"downloadFormDefinition(obs.formDefinition)\">\n          {{ 'Download' | translate }}\n        </cds-overflow-menu-option>\n\n        <cds-overflow-menu-option\n          [disabled]=\"obs.formDefinition.readOnly || !obs.canUpdateGlobalConfiguration\"\n          (selected)=\"showUploadModal()\"\n        >\n          {{ 'Upload' | translate }}\n        </cds-overflow-menu-option>\n\n        <cds-overflow-menu-option\n          *ngIf=\"(obs.context === 'case' && obs.isDraftVersion) || obs.context === 'independent'\"\n          (selected)=\"showDuplicateModal(obs.formDefinition)\"\n        >\n          {{ 'formManagement.duplicate' | translate }}\n        </cds-overflow-menu-option>\n\n        <cds-overflow-menu-option\n          [disabled]=\"obs.formDefinition.readOnly || !obs.canUpdateGlobalConfiguration\"\n          type=\"danger\"\n          (selected)=\"delete()\"\n        >\n          {{ 'interface.delete' | translate }}\n        </cds-overflow-menu-option>\n      </cds-overflow-menu>\n\n      @if (obs.context === 'case') {\n        <button\n          cdsButton=\"secondary\"\n          [size]=\"obs.compactMode ? 'sm' : 'md'\"\n          (click)=\"onGoBackButtonClick()\"\n        >\n          <svg class=\"cds--btn__icon\" cdsIcon=\"arrow--left\" size=\"16\"></svg>\n\n          <span>{{ 'interface.back' | translate }}</span>\n        </button>\n      }\n\n      <button\n        *ngIf=\"\n          (obs?.canUpdateGlobalConfiguration && obs?.isDraftVersion) ||\n          obs.context === 'independent'\n        \"\n        cdsButton=\"primary\"\n        [disabled]=\"obs.formDefinition.readOnly\"\n        [size]=\"obs.compactMode ? 'sm' : 'md'\"\n        (click)=\"modifyFormDefinition(obs.formDefinition)\"\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", styles: [".valtimo-form-management-edit__header{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-left:auto}.valtimo-form-management-edit__case-header{display:flex;width:100%;justify-content:flex-end}.valtimo-form-management-edit__header-container{width:100%;display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:4px}.valtimo-form-management-edit__header-container .cds--tag{margin:0;height:var(--cds-layout-size-height-md)}.valtimo-form-management-edit__header-container.--compact{align-items:flex-start;padding-bottom:0}.valtimo-form-management-edit__header-container-case{padding-bottom:24px}.valtimo-form-management-edit__output .cds--tab-content{display:grid;grid-template-columns:1fr 1fr}.valtimo-form-management-edit__output .cds--tab-content>*{min-width:100%!important}.valtimo-form-management-edit .formbuilder .btn.formcomponent.drag-copy,.valtimo-form-management-edit .btn.formcomponent.gu-mirror{font-weight:400;background-color:silver;border-color:silver;color:#fff}.valtimo-form-management-edit .formbuilder .btn.formcomponent.drag-copy:hover,.valtimo-form-management-edit .formbuilder .btn.formcomponent.drag-copy:active,.valtimo-form-management-edit .btn.formcomponent.gu-mirror:hover,.valtimo-form-management-edit .btn.formcomponent.gu-mirror:active{box-shadow:none}.valtimo-form-management-edit .formbuilder .btn.formcomponent.drag-copy:active,.valtimo-form-management-edit .btn.formcomponent.gu-mirror:active{background-color:silver;border-color:silver}.valtimo-form-management-edit .formbuilder-header{padding-left:18px;padding-right:18px;font-size:18px;height:80px;border:1px solid #dee2e6;border-bottom:0}.valtimo-form-management-edit .formbuilder-header .formbuilder-title{margin-top:21px;margin-bottom:7px}.valtimo-form-management-edit .formbuilder-header .formbuilder-subtitle{margin-top:0;margin-bottom:12px}.valtimo-form-management-edit .formbuilder{background:#fff;padding:1rem;border:1px solid #dee2e6;margin-right:0!important;margin-left:0!important}.valtimo-form-management-edit .formbuilder .form-builder-panel .builder-group-button[aria-expanded=false],.valtimo-form-management-edit .formbuilder .form-builder-panel .builder-group-button[aria-expanded=\"\"]{color:#a9a9a9}.valtimo-form-management-edit .formbuilder .form-builder-panel .builder-group-button[aria-expanded=true]{color:#000}.valtimo-form-management-edit .formbuilder .drag-and-drop-alert{display:none}.valtimo-form-management-edit .formbuilder .formarea{padding:10px;border:solid 1px silver;background-color:#fff}.valtimo-form-management-edit .increase-size{font-size:1rem}.valtimo-form-management-edit .cds--tab-content{background:#fff!important}\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: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ModalModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: InputModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: WidgetModule }, { kind: "ngmodule", type: CarbonListModule }, { kind: "ngmodule", type: TabsModule }, { kind: "component", type: i2$1.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i2$1.Tab, selector: "cds-tab, ibm-tab", inputs: ["heading", "title", "context", "active", "disabled", "tabIndex", "id", "cacheActive", "tabContent", "templateContext"], outputs: ["selected"] }, { kind: "ngmodule", type: EditorModule }, { kind: "component", type: i3$1.EditorComponent, selector: "valtimo-editor", inputs: ["editorOptions", "model", "disabled", "formatOnLoad", "widthPx", "heightPx", "heightStyle", "jsonSchema", "fitPage", "fitPageExtraSpace"], outputs: ["validEvent", "valueChangeEvent"] }, { kind: "ngmodule", type: FormIoModule }, { kind: "component", type: i3$1.FormioComponent, selector: "valtimo-form-io", inputs: ["options", "submission", "form", "readOnly", "formRefresh$"], outputs: ["submit", "change", "event"] }, { kind: "component", type: i3$1.FormioBuilderComponent, selector: "valtimo-form-io-builder", inputs: ["form"], outputs: ["change"] }, { kind: "directive", type: RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "ngmodule", type: DialogModule }, { 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: "ngmodule", type: TagModule }, { kind: "component", type: i2$1.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class", "skeleton"] }, { kind: "ngmodule", type: ConfirmationModalModule }, { 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"] }, { kind: "ngmodule", type: SpinnerModule }, { kind: "component", type: FormManagementUploadComponent, selector: "valtimo-form-management-upload", inputs: ["show$"], outputs: ["definitionUploaded"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i2$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: i2$1.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormManagementEditComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FormManagementEditComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'valtimo-form-management-edit', encapsulation: ViewEncapsulation.None, 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<ng-container\n  *ngIf=\"{\n    formDefinition: formDefinition$ | async,\n    jsonFormDefinition: jsonFormDefinition$ | async,\n    jsonOutput: jsonOutput$ | async,\n    compactMode: compactMode$ | async,\n  } as obs\"\n>\n  @if (obs.formDefinition) {\n    <ng-container renderInPageHeader [fullWidth]=\"true\">\n      <ng-template>\n        <div\n          class=\"valtimo-form-management-edit__header-container\"\n          [ngClass]=\"{'--compact': obs.compactMode}\"\n        >\n          @if (obs.formDefinition.readOnly) {\n            <cds-tag size=\"sm\" type=\"blue\">{{ 'formManagement.readOnly' | translate }}</cds-tag>\n          }\n\n          <div class=\"valtimo-form-management-edit__header\">\n            <cds-overflow-menu>\n              <cds-overflow-menu-option (selected)=\"downloadFormDefinition(obs.formDefinition)\">\n                {{ 'Download' | translate }}\n              </cds-overflow-menu-option>\n\n              <cds-overflow-menu-option\n                [disabled]=\"obs.formDefinition.readOnly\"\n                (selected)=\"showUploadModal()\"\n              >\n                {{ 'Upload' | translate }}\n              </cds-overflow-menu-option>\n\n              <cds-overflow-menu-option\n                [disabled]=\"obs.formDefinition.readOnly\"\n                (selected)=\"delete(obs.formDefinition)\"\n              >\n                {{ 'interface.delete' | translate }}\n              </cds-overflow-menu-option>\n\n              <cds-overflow-menu-option (selected)=\"showDuplicateModal(obs.formDefinition)\">\n                {{ 'formManagement.duplicate' | translate }}\n              </cds-overflow-menu-option>\n            </cds-overflow-menu>\n\n            <button\n              cdsButton=\"primary\"\n              [disabled]=\"obs.formDefinition.readOnly || !validJsonChange\"\n              [size]=\"obs.compactMode ? 'sm' : 'md'\"\n              (click)=\"modifyFormDefinition(obs.formDefinition)\"\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    <cds-tabs type=\"contained\">\n      <cds-tab [heading]=\"TABS.BUILDER | translate\" (selected)=\"onSelectedTab(TABS.BUILDER)\">\n        <valtimo-form-io-builder\n          *ngIf=\"(reloading$ | async) === false && activeTab === TABS.BUILDER\"\n          [form]=\"obs.formDefinition.formDefinition\"\n          (change)=\"formBuilderChanged($event, obs.jsonFormDefinition)\"\n        ></valtimo-form-io-builder>\n      </cds-tab>\n\n      <cds-tab [heading]=\"TABS.EDITOR | translate\" (selected)=\"onSelectedTab(TABS.EDITOR)\">\n        <ng-container\n          *ngTemplateOutlet=\"\n            jsonEditor;\n            context: {\n              data: {\n                disabled: obs.formDefinition.readOnly,\n                formDefinition: obs.formDefinition,\n                model: obs.jsonFormDefinition,\n              },\n            }\n          \"\n        ></ng-container>\n      </cds-tab>\n\n      <cds-tab\n        [heading]=\"TABS.OUTPUT | translate\"\n        (selected)=\"onSelectedTab(TABS.OUTPUT)\"\n        class=\"valtimo-form-management-edit__output\"\n      >\n        <valtimo-form-io\n          [form]=\"obs.formDefinition.formDefinition\"\n          (change)=\"onOutputChange($event)\"\n        ></valtimo-form-io>\n\n        <ng-container\n          *ngTemplateOutlet=\"\n            jsonEditor;\n            context: {\n              data: {disabled: true, formDefinition: obs.formDefinition, model: obs.jsonOutput},\n            }\n          \"\n        ></ng-container>\n      </cds-tab>\n    </cds-tabs>\n  } @else {\n    <valtimo-spinner></valtimo-spinner>\n  }\n\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    contentTranslationKey=\"interface.deleteConfirmation\"\n    cancelButtonTextTranslationKey=\"interface.cancel\"\n    [outputOnConfirm]=\"obs.formDefinition\"\n    [showModalSubject$]=\"showDeleteModal$\"\n    titleTranslationKey=\"dashboardManagement.delete\"\n    (confirmEvent)=\"deleteFormDefinition($event)\"\n  ></valtimo-confirmation-modal>\n\n  <valtimo-form-management-upload\n    [show$]=\"showModal$\"\n    (definitionUploaded)=\"setFormDefinition($event)\"\n  ></valtimo-form-management-upload>\n\n  <ng-template #jsonEditor let-data=\"data\">\n    <valtimo-editor\n      [model]=\"data.model\"\n      [disabled]=\"data.disabled\"\n      (validEvent)=\"onValidEvent($event, data.disabled)\"\n      (valueChangeEvent)=\"onValueChangeEvent($event, data.formDefinition, data.disabled)\"\n      [fitPage]=\"true\"\n      [fitPageExtraSpace]=\"80\"\n    ></valtimo-editor>\n  </ng-template>\n</ng-container>\n", styles: [".valtimo-form-management-edit__header{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-left:auto}.valtimo-form-management-edit__header-container{width:100%;display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:4px}.valtimo-form-management-edit__header-container .cds--tag{margin:0;height:var(--cds-layout-size-height-md)}.valtimo-form-management-edit__header-container.--compact{align-items:flex-start;padding-bottom:0}.valtimo-form-management-edit__output .cds--tab-content{display:grid;grid-template-columns:1fr 1fr}.valtimo-form-management-edit__output .cds--tab-content>*{min-width:100%!important}.valtimo-form-management-edit .formbuilder .btn.formcomponent.drag-copy,.valtimo-form-management-edit .btn.formcomponent.gu-mirror{font-weight:400;background-color:silver;border-color:silver;color:#fff}.valtimo-form-management-edit .formbuilder .btn.formcomponent.drag-copy:hover,.valtimo-form-management-edit .formbuilder .btn.formcomponent.drag-copy:active,.valtimo-form-management-edit .btn.formcomponent.gu-mirror:hover,.valtimo-form-management-edit .btn.formcomponent.gu-mirror:active{box-shadow:none}.valtimo-form-management-edit .formbuilder .btn.formcomponent.drag-copy:active,.valtimo-form-management-edit .btn.formcomponent.gu-mirror:active{background-color:silver;border-color:silver}.valtimo-form-management-edit .formbuilder-header{padding-left:18px;padding-right:18px;font-size:18px;height:80px;border:1px solid #dee2e6;border-bottom:0}.valtimo-form-management-edit .formbuilder-header .formbuilder-title{margin-top:21px;margin-bottom:7px}.valtimo-form-management-edit .formbuilder-header .formbuilder-subtitle{margin-top:0;margin-bottom:12px}.valtimo-form-management-edit .formbuilder{background:#fff;padding:1rem;border:1px solid #dee2e6;margin-right:0!important;margin-left:0!important}.valtimo-form-management-edit .formbuilder .form-builder-panel .builder-group-button[aria-expanded=false],.valtimo-form-management-edit .formbuilder .form-builder-panel .builder-group-button[aria-expanded=\"\"]{color:#a9a9a9}.valtimo-form-management-edit .formbuilder .form-builder-panel .builder-group-button[aria-expanded=true]{color:#000}.valtimo-form-management-edit .formbuilder .drag-and-drop-alert{display:none}.valtimo-form-management-edit .formbuilder .formarea{padding:10px;border:solid 1px silver;background-color:#fff}.valtimo-form-management-edit .increase-size{font-size:1rem}.valtimo-form-management-edit .cds--tab-content{background:#fff!important}\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: i1$1.AlertService }, { type: FormManagementService }, { type: i3.ModalService }, { type: i1$1.PageTitleService }, { type: i3$1.ActivatedRoute }, { type: i3$1.Router }, { type: i1$1.ShellService }, { type: i1$1.PageHeaderService }], propDecorators: { class: [{
+            args: [{ selector: 'valtimo-form-management-edit', encapsulation: ViewEncapsulation.None, standalone: true, imports: [
+                        CommonModule,
+                        TranslateModule,
+                        ModalModule,
+                        ButtonModule,
+                        InputModule,
+                        ReactiveFormsModule,
+                        FormsModule,
+                        WidgetModule,
+                        CarbonListModule,
+                        ValtimoCdsModalDirective,
+                        TabsModule,
+                        EditorModule,
+                        FormIoModule,
+                        RenderInPageHeaderDirective,
+                        DialogModule,
+                        TagModule,
+                        ConfirmationModalModule,
+                        SpinnerModule,
+                        FormManagementUploadComponent,
+                        IconModule,
+                        SpinnerModule,
+                        LoadingModule,
+                    ], 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<ng-container\n  *ngIf=\"{\n    formDefinition: formDefinition$ | async,\n    jsonFormDefinition: jsonFormDefinition$ | async,\n    jsonOutput: jsonOutput$ | async,\n    compactMode: compactMode$ | async,\n    context: context$ | async,\n    canUpdateGlobalConfiguration: canUpdateGlobalConfiguration$ | async,\n    isDraftVersion: isDraftVersion$ | async,\n  } as obs\"\n>\n  @if (obs.formDefinition) {\n    <ng-container renderInPageHeader [fullWidth]=\"true\">\n      <ng-template>\n        <ng-container *ngTemplateOutlet=\"actions; context: {obs: obs}\"></ng-container>\n      </ng-template>\n    </ng-container>\n\n    <cds-tabs type=\"contained\">\n      <cds-tab [heading]=\"TABS.BUILDER | translate\" (selected)=\"onSelectedTab(TABS.BUILDER)\">\n        <valtimo-form-io-builder\n          *ngIf=\"(reloading$ | async) === false && activeTab === TABS.BUILDER\"\n          [form]=\"obs.formDefinition.formDefinition\"\n          (change)=\"formBuilderChanged($event, obs.jsonFormDefinition)\"\n        ></valtimo-form-io-builder>\n      </cds-tab>\n\n      <cds-tab [heading]=\"TABS.EDITOR | translate\" (selected)=\"onSelectedTab(TABS.EDITOR)\">\n        @if (activeTab === TABS.EDITOR) {\n          <ng-container\n            *ngTemplateOutlet=\"\n              jsonEditor;\n              context: {\n                data: {\n                  disabled: obs.formDefinition.readOnly || !obs.canUpdateGlobalConfiguration,\n                  formDefinition: obs.formDefinition,\n                  model: obs.jsonFormDefinition,\n                },\n              }\n            \"\n          ></ng-container>\n        }\n      </cds-tab>\n\n      <cds-tab\n        [heading]=\"TABS.OUTPUT | translate\"\n        (selected)=\"onSelectedTab(TABS.OUTPUT)\"\n        class=\"valtimo-form-management-edit__output\"\n      >\n        <valtimo-form-io\n          *ngIf=\"activeTab === TABS.OUTPUT\"\n          [form]=\"obs.formDefinition.formDefinition\"\n          (change)=\"onOutputChange($event)\"\n        ></valtimo-form-io>\n\n        @if (activeTab === TABS.OUTPUT) {\n          <ng-container\n            *ngTemplateOutlet=\"\n              jsonEditor;\n              context: {\n                data: {disabled: true, formDefinition: obs.formDefinition, model: obs.jsonOutput},\n              }\n            \"\n          ></ng-container>\n        }\n      </cds-tab>\n    </cds-tabs>\n  } @else {\n    <cds-loading></cds-loading>\n  }\n\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    contentTranslationKey=\"interface.deleteConfirmation\"\n    cancelButtonTextTranslationKey=\"interface.cancel\"\n    [outputOnConfirm]=\"obs.formDefinition\"\n    [showModalSubject$]=\"showDeleteModal$\"\n    titleTranslationKey=\"dashboardManagement.delete\"\n    (confirmEvent)=\"deleteFormDefinition($event)\"\n  ></valtimo-confirmation-modal>\n\n  <valtimo-form-management-upload\n    [show$]=\"showModal$\"\n    (definitionUploaded)=\"setFormDefinition($event)\"\n  ></valtimo-form-management-upload>\n\n  <ng-template #jsonEditor let-data=\"data\">\n    <valtimo-editor\n      [model]=\"data.model\"\n      [disabled]=\"data.disabled\"\n      (validEvent)=\"onValidEvent($event, data.disabled)\"\n      (valueChangeEvent)=\"onValueChangeEvent($event, data.formDefinition, data.disabled)\"\n      [fitPage]=\"true\"\n      [fitPageExtraSpace]=\"80\"\n    ></valtimo-editor>\n  </ng-template>\n</ng-container>\n\n<ng-template #actions let-obs=\"obs\">\n  <div\n    class=\"valtimo-form-management-edit__header-container\"\n    [ngClass]=\"{\n      '--compact': obs.compactMode,\n      'valtimo-form-management-edit__header-container-case': obs?.context === 'case',\n    }\"\n  >\n    @if (obs.formDefinition.readOnly || !obs.canUpdateGlobalConfiguration) {\n      <cds-tag size=\"sm\" type=\"blue\">{{ 'formManagement.readOnly' | translate }}</cds-tag>\n    }\n\n    <div class=\"valtimo-form-management-edit__header\">\n      <cds-overflow-menu>\n        <cds-overflow-menu-option (selected)=\"downloadFormDefinition(obs.formDefinition)\">\n          {{ 'Download' | translate }}\n        </cds-overflow-menu-option>\n\n        <cds-overflow-menu-option\n          [disabled]=\"obs.formDefinition.readOnly || !obs.canUpdateGlobalConfiguration\"\n          (selected)=\"showUploadModal()\"\n        >\n          {{ 'Upload' | translate }}\n        </cds-overflow-menu-option>\n\n        <cds-overflow-menu-option\n          *ngIf=\"(obs.context === 'case' && obs.isDraftVersion) || obs.context === 'independent'\"\n          (selected)=\"showDuplicateModal(obs.formDefinition)\"\n        >\n          {{ 'formManagement.duplicate' | translate }}\n        </cds-overflow-menu-option>\n\n        <cds-overflow-menu-option\n          [disabled]=\"obs.formDefinition.readOnly || !obs.canUpdateGlobalConfiguration\"\n          type=\"danger\"\n          (selected)=\"delete()\"\n        >\n          {{ 'interface.delete' | translate }}\n        </cds-overflow-menu-option>\n      </cds-overflow-menu>\n\n      @if (obs.context === 'case') {\n        <button\n          cdsButton=\"secondary\"\n          [size]=\"obs.compactMode ? 'sm' : 'md'\"\n          (click)=\"onGoBackButtonClick()\"\n        >\n          <svg class=\"cds--btn__icon\" cdsIcon=\"arrow--left\" size=\"16\"></svg>\n\n          <span>{{ 'interface.back' | translate }}</span>\n        </button>\n      }\n\n      <button\n        *ngIf=\"\n          (obs?.canUpdateGlobalConfiguration && obs?.isDraftVersion) ||\n          obs.context === 'independent'\n        \"\n        cdsButton=\"primary\"\n        [disabled]=\"obs.formDefinition.readOnly\"\n        [size]=\"obs.compactMode ? 'sm' : 'md'\"\n        (click)=\"modifyFormDefinition(obs.formDefinition)\"\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", styles: [".valtimo-form-management-edit__header{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-left:auto}.valtimo-form-management-edit__case-header{display:flex;width:100%;justify-content:flex-end}.valtimo-form-management-edit__header-container{width:100%;display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:4px}.valtimo-form-management-edit__header-container .cds--tag{margin:0;height:var(--cds-layout-size-height-md)}.valtimo-form-management-edit__header-container.--compact{align-items:flex-start;padding-bottom:0}.valtimo-form-management-edit__header-container-case{padding-bottom:24px}.valtimo-form-management-edit__output .cds--tab-content{display:grid;grid-template-columns:1fr 1fr}.valtimo-form-management-edit__output .cds--tab-content>*{min-width:100%!important}.valtimo-form-management-edit .formbuilder .btn.formcomponent.drag-copy,.valtimo-form-management-edit .btn.formcomponent.gu-mirror{font-weight:400;background-color:silver;border-color:silver;color:#fff}.valtimo-form-management-edit .formbuilder .btn.formcomponent.drag-copy:hover,.valtimo-form-management-edit .formbuilder .btn.formcomponent.drag-copy:active,.valtimo-form-management-edit .btn.formcomponent.gu-mirror:hover,.valtimo-form-management-edit .btn.formcomponent.gu-mirror:active{box-shadow:none}.valtimo-form-management-edit .formbuilder .btn.formcomponent.drag-copy:active,.valtimo-form-management-edit .btn.formcomponent.gu-mirror:active{background-color:silver;border-color:silver}.valtimo-form-management-edit .formbuilder-header{padding-left:18px;padding-right:18px;font-size:18px;height:80px;border:1px solid #dee2e6;border-bottom:0}.valtimo-form-management-edit .formbuilder-header .formbuilder-title{margin-top:21px;margin-bottom:7px}.valtimo-form-management-edit .formbuilder-header .formbuilder-subtitle{margin-top:0;margin-bottom:12px}.valtimo-form-management-edit .formbuilder{background:#fff;padding:1rem;border:1px solid #dee2e6;margin-right:0!important;margin-left:0!important}.valtimo-form-management-edit .formbuilder .form-builder-panel .builder-group-button[aria-expanded=false],.valtimo-form-management-edit .formbuilder .form-builder-panel .builder-group-button[aria-expanded=\"\"]{color:#a9a9a9}.valtimo-form-management-edit .formbuilder .form-builder-panel .builder-group-button[aria-expanded=true]{color:#000}.valtimo-form-management-edit .formbuilder .drag-and-drop-alert{display:none}.valtimo-form-management-edit .formbuilder .formarea{padding:10px;border:solid 1px silver;background-color:#fff}.valtimo-form-management-edit .increase-size{font-size:1rem}.valtimo-form-management-edit .cds--tab-content{background:#fff!important}\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: FormManagementService }, { type: i2$1.ModalService }, { type: i3$1.PageTitleService }, { type: i3.ActivatedRoute }, { type: i3$1.ShellService }, { type: i3$1.PageHeaderService }, { type: i2$1.IconService }, { type: i3.Router }, { type: i5.TranslateService }, { type: i4.GlobalNotificationService }, { type: i3$1.BreadcrumbService }, { type: i4.EnvironmentService }, { type: i4.DraftVersionService }, { type: i3$1.FormIoTagsService }, { type: i0.Injector }], propDecorators: { class: [{
                 type: HostBinding,
                 args: ['class']
+            }], deleteEvent: [{
+                type: Output
+            }], goBackEvent: [{
+                type: Output
+            }], formModifiedEvent: [{
+                type: Output
+            }], formDeletedEvent: [{
+                type: Output
+            }], deleteErrorEvent: [{
+                type: Output
+            }], deployErrorEvent: [{
+                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.
+ */
+
+/*
+ * 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 FormManagementListComponent {
+    get _partialPagination() {
+        return this._partialPagination$.getValue();
+    }
+    constructor(formManagementService, iconService, route, environmentService, draftVersionService, notificationService, translateService, editPermissionsService) {
+        this.formManagementService = formManagementService;
+        this.iconService = iconService;
+        this.route = route;
+        this.environmentService = environmentService;
+        this.draftVersionService = draftVersionService;
+        this.notificationService = notificationService;
+        this.translateService = translateService;
+        this.editPermissionsService = editPermissionsService;
+        this.navigateToCreateEvent = new EventEmitter();
+        this.navigateToUploadEvent = new EventEmitter();
+        this.navigateToEditEvent = new EventEmitter();
+        this.ACTION_ITEMS = [
+            {
+                callback: this.editFormDefinition.bind(this),
+                label: 'interface.edit',
+            },
+            { callback: this.showDeleteModal.bind(this), label: 'interface.delete', type: 'danger' },
+        ];
+        this.showDeleteModal$ = new BehaviorSubject(false);
+        this.formDefinitionToDelete$ = new BehaviorSubject(null);
+        this.loading$ = new BehaviorSubject(true);
+        this.searchTerm$ = new BehaviorSubject('');
+        this.context$ = getContextObservable(this.route);
+        this.caseManagementRouteParams$ = this.context$.pipe(filter$1(context => context === 'case'), switchMap(() => getCaseManagementRouteParams(this.route)));
+        this.hasEditPermissions$ = combineLatest([
+            getCaseManagementRouteParams(this.route),
+            this.context$,
+        ]).pipe(switchMap(([params, context]) => this.editPermissionsService.hasPermissionsToEditBasedOnContext(params?.caseDefinitionKey, params?.caseDefinitionVersionTag, context)));
+        this._collectionSize$ = new BehaviorSubject(0);
+        this._partialPagination$ = new BehaviorSubject({
+            page: 1,
+            size: 10,
+        });
+        this.pagination$ = combineLatest([
+            this._collectionSize$,
+            this._partialPagination$,
+        ]).pipe(map$1(([collectionSize, partialPagination]) => ({ ...partialPagination, collectionSize })));
+        this.formDefinitions$ = combineLatest([
+            this.context$,
+            this.caseManagementRouteParams$.pipe(startWith(null)),
+            this._partialPagination$,
+            this.searchTerm$,
+        ]).pipe(filter$1(([context, params]) => context === 'case' ? !!(params?.caseDefinitionVersionTag && params?.caseDefinitionKey) : true), switchMap(([context, routeParams, pagination, searchTerm]) => {
+            const params = {
+                ...pagination,
+                page: (pagination?.page ?? 1) - 1,
+                ...(searchTerm && { searchTerm }),
+            };
+            switch (context) {
+                case 'case':
+                    return this.formManagementService.queryFormDefinitionsCase(routeParams?.caseDefinitionKey ?? '', routeParams?.caseDefinitionVersionTag ?? '', params);
+                default:
+                case 'independent':
+                    return this.formManagementService.queryFormDefinitions(params);
+            }
+        }), map$1((res) => {
+            this._collectionSize$.next(res?.totalElements);
+            return res?.content
+                ? [...res.content].sort((firstForm, secondForm) => (firstForm.name ?? '').localeCompare(secondForm.name ?? ''))
+                : [];
+        }), tap(() => this.loading$.next(false)));
+        this.FIELDS = [
+            { key: 'name', label: 'Form name' },
+            { key: 'readOnly', label: 'Read-only', viewType: ViewType.BOOLEAN },
+        ];
+        this.iconService.registerAll([Upload16]);
+    }
+    navigateToCreateRoute() {
+        this.navigateToCreateEvent.emit();
+    }
+    navigateToUploadRoute() {
+        this.navigateToUploadEvent.emit();
+    }
+    paginationClicked(page) {
+        this.updatePagination({ page });
+    }
+    paginationSet(size) {
+        this.updatePagination({ size, page: 1 });
+    }
+    editFormDefinition(formDefinition) {
+        this.navigateToEditEvent.emit(formDefinition.id);
+    }
+    searchTermEntered(searchTerm) {
+        this.searchTerm$.next(searchTerm);
+    }
+    showDeleteModal(definition) {
+        this.formDefinitionToDelete$.next(definition);
+        this.showDeleteModal$.next(true);
+    }
+    deleteFormDefinition(definition) {
+        getCaseManagementRouteParamsAndContext(this.route)
+            .pipe(take$1(1), switchMap(([context, caseManagementRouteParams]) => {
+            switch (context) {
+                case 'case':
+                    return this.formManagementService.deleteFormDefinitionCase(caseManagementRouteParams?.caseDefinitionKey, caseManagementRouteParams?.caseDefinitionVersionTag, definition.id);
+                case 'independent':
+                default:
+                    return this.formManagementService.deleteFormDefinition(definition.id);
+            }
+        }))
+            .subscribe({
+            next: () => {
+                this.notificationService.showToast({
+                    type: 'success',
+                    title: this.translateService.instant('formManagement.notifications.deleted'),
+                });
+                this._partialPagination$.next({ ...this._partialPagination });
+            },
+            error: () => {
+                this.notificationService.showToast({
+                    type: 'error',
+                    title: this.translateService.instant('formManagement.notifications.deletionError'),
+                });
+            },
+        });
+    }
+    updatePagination(update) {
+        this._partialPagination$.next({ ...this._partialPagination, ...update });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FormManagementListComponent, deps: [{ token: FormManagementService }, { token: i2$1.IconService }, { token: i3.ActivatedRoute }, { token: i4.EnvironmentService }, { token: i4.DraftVersionService }, { token: i4.GlobalNotificationService }, { token: i5.TranslateService }, { token: i4.EditPermissionsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: FormManagementListComponent, isStandalone: true, selector: "valtimo-form-management-list", outputs: { navigateToCreateEvent: "navigateToCreateEvent", navigateToUploadEvent: "navigateToUploadEvent", navigateToEditEvent: "navigateToEditEvent" }, 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<valtimo-carbon-list\n  *ngIf=\"{\n    formDefinitions: formDefinitions$ | async,\n    pagination: pagination$ | async,\n    loading: loading$ | async,\n    context: context$ | async,\n    hasEditPermissions: hasEditPermissions$ | async,\n  } as obs\"\n  [showActionItems]=\"obs.hasEditPermissions\"\n  [actionItems]=\"ACTION_ITEMS\"\n  [fields]=\"FIELDS\"\n  [header]=\"false\"\n  [isSearchable]=\"true\"\n  [items]=\"obs?.formDefinitions || []\"\n  [pagination]=\"obs.pagination\"\n  [loading]=\"obs.loading\"\n  paginationIdentifier=\"formManagementList\"\n  (paginationClicked)=\"paginationClicked($event)\"\n  (paginationSet)=\"paginationSet($event)\"\n  (rowClicked)=\"editFormDefinition($event)\"\n  (search)=\"searchTermEntered($event)\"\n>\n  <ng-container *ngIf=\"obs.hasEditPermissions\" carbonToolbarContent>\n    <button cdsButton=\"ghost\" [iconOnly]=\"true\" (click)=\"navigateToUploadRoute()\">\n      <svg cdsIcon=\"upload\" size=\"16\"></svg>\n    </button>\n\n    <ng-container [ngTemplateOutlet]=\"createFormButton\"></ng-container>\n  </ng-container>\n\n  <valtimo-no-results\n    [action]=\"createFormButton\"\n    [description]=\"'formManagement.noResults.' + obs.context + 'Description' | translate\"\n    [title]=\"'formManagement.noResults.title' | translate\"\n  ></valtimo-no-results>\n</valtimo-carbon-list>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"interface.deleteConfirmation\"\n  cancelButtonTextTranslationKey=\"interface.cancel\"\n  [outputOnConfirm]=\"formDefinitionToDelete$ | async\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"dashboardManagement.delete\"\n  (confirmEvent)=\"deleteFormDefinition($event)\"\n></valtimo-confirmation-modal>\n\n<ng-template #createFormButton>\n  <button *ngIf=\"hasEditPermissions$ | async\" cdsButton=\"primary\" (click)=\"navigateToCreateRoute()\">\n    {{ 'Create Form' | translate }}\n\n    <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n  </button>\n</ng-template>\n", styles: ["/*!\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: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i3$1.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: i3$1.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i2$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: ConfirmationModalModule }, { 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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FormManagementListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-form-management-list', standalone: true, imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        TranslateModule,
+                        CarbonListModule,
+                        IconModule,
+                        ButtonModule,
+                        ConfirmationModalModule,
+                    ], 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<valtimo-carbon-list\n  *ngIf=\"{\n    formDefinitions: formDefinitions$ | async,\n    pagination: pagination$ | async,\n    loading: loading$ | async,\n    context: context$ | async,\n    hasEditPermissions: hasEditPermissions$ | async,\n  } as obs\"\n  [showActionItems]=\"obs.hasEditPermissions\"\n  [actionItems]=\"ACTION_ITEMS\"\n  [fields]=\"FIELDS\"\n  [header]=\"false\"\n  [isSearchable]=\"true\"\n  [items]=\"obs?.formDefinitions || []\"\n  [pagination]=\"obs.pagination\"\n  [loading]=\"obs.loading\"\n  paginationIdentifier=\"formManagementList\"\n  (paginationClicked)=\"paginationClicked($event)\"\n  (paginationSet)=\"paginationSet($event)\"\n  (rowClicked)=\"editFormDefinition($event)\"\n  (search)=\"searchTermEntered($event)\"\n>\n  <ng-container *ngIf=\"obs.hasEditPermissions\" carbonToolbarContent>\n    <button cdsButton=\"ghost\" [iconOnly]=\"true\" (click)=\"navigateToUploadRoute()\">\n      <svg cdsIcon=\"upload\" size=\"16\"></svg>\n    </button>\n\n    <ng-container [ngTemplateOutlet]=\"createFormButton\"></ng-container>\n  </ng-container>\n\n  <valtimo-no-results\n    [action]=\"createFormButton\"\n    [description]=\"'formManagement.noResults.' + obs.context + 'Description' | translate\"\n    [title]=\"'formManagement.noResults.title' | translate\"\n  ></valtimo-no-results>\n</valtimo-carbon-list>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"interface.deleteConfirmation\"\n  cancelButtonTextTranslationKey=\"interface.cancel\"\n  [outputOnConfirm]=\"formDefinitionToDelete$ | async\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"dashboardManagement.delete\"\n  (confirmEvent)=\"deleteFormDefinition($event)\"\n></valtimo-confirmation-modal>\n\n<ng-template #createFormButton>\n  <button *ngIf=\"hasEditPermissions$ | async\" cdsButton=\"primary\" (click)=\"navigateToCreateRoute()\">\n    {{ 'Create Form' | translate }}\n\n    <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n  </button>\n</ng-template>\n", styles: ["/*!\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: FormManagementService }, { type: i2$1.IconService }, { type: i3.ActivatedRoute }, { type: i4.EnvironmentService }, { type: i4.DraftVersionService }, { type: i4.GlobalNotificationService }, { type: i5.TranslateService }, { type: i4.EditPermissionsService }], propDecorators: { navigateToCreateEvent: [{
+                type: Output
+            }], navigateToUploadEvent: [{
+                type: Output
+            }], navigateToEditEvent: [{
+                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.
+ * 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 FormManagementComponent {
+    constructor(route, router, notificationService, translateService) {
+        this.route = route;
+        this.router = router;
+        this.notificationService = notificationService;
+        this.translateService = translateService;
+        this.create$ = new BehaviorSubject(false);
+        this.upload$ = new BehaviorSubject(false);
+    }
+    onNavigateToCreateEvent() {
+        this.create$.next(true);
+    }
+    onGoBackFromCreateEvent() {
+        this.create$.next(false);
+        this.upload$.next(false);
+    }
+    onFormDefinitionEditEvent(formDefinitionId, upload = false) {
+        this.router.navigate([formDefinitionId], {
+            relativeTo: this.route,
+            queryParams: { ...(upload && { upload: true }) },
+        });
+    }
+    onFormDefinitionCreateEvent(formDefinitionId) {
+        this.resetNotifications();
+        this.notificationService.showToast({
+            type: 'success',
+            title: this.translateService.instant('formManagement.notifications.created'),
+        });
+        this.onFormDefinitionEditEvent(formDefinitionId);
+    }
+    onFormDefinitionUploadEvent(formDefinitionId) {
+        this.resetNotifications();
+        this.notificationService.showToast({
+            type: 'success',
+            title: this.translateService.instant('formManagement.notifications.created'),
+        });
+        this.onFormDefinitionEditEvent(formDefinitionId, true);
+    }
+    onNavigateToUploadEvent() {
+        this.create$.next(true);
+        this.upload$.next(true);
+    }
+    resetNotifications() {
+        this.notificationService
+            ?.getNotificationRefs()
+            .forEach(ref => this.notificationService.close(ref));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FormManagementComponent, deps: [{ token: i3.ActivatedRoute }, { token: i3.Router }, { token: i4.GlobalNotificationService }, { token: i5.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: FormManagementComponent, isStandalone: true, 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<ng-container\n  *ngIf=\"{\n    create: create$ | async,\n    upload: upload$ | async,\n  } as obs\"\n>\n  <valtimo-form-management-list\n    (navigateToCreateEvent)=\"onNavigateToCreateEvent()\"\n    (navigateToUploadEvent)=\"onNavigateToUploadEvent()\"\n    (navigateToEditEvent)=\"onFormDefinitionEditEvent($event)\"\n  ></valtimo-form-management-list>\n\n  <valtimo-form-management-create\n    *ngIf=\"obs.create\"\n    [upload]=\"obs.upload\"\n    (goBackEvent)=\"onGoBackFromCreateEvent()\"\n    (afterCreateEvent)=\"onFormDefinitionCreateEvent($event)\"\n    (afterUploadEvent)=\"onFormDefinitionUploadEvent($event)\"\n  ></valtimo-form-management-create>\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: FormManagementListComponent, selector: "valtimo-form-management-list", outputs: ["navigateToCreateEvent", "navigateToUploadEvent", "navigateToEditEvent"] }, { kind: "component", type: FormManagementCreateComponent, selector: "valtimo-form-management-create", inputs: ["upload"], outputs: ["goBackEvent", "afterCreateEvent", "afterUploadEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FormManagementComponent, decorators: [{
+            type: Component,
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        CommonModule,
+                        ButtonModule,
+                        FormManagementListComponent,
+                        FormManagementCreateComponent,
+                        FormManagementEditComponent,
+                        RouterOutlet,
+                    ], 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<ng-container\n  *ngIf=\"{\n    create: create$ | async,\n    upload: upload$ | async,\n  } as obs\"\n>\n  <valtimo-form-management-list\n    (navigateToCreateEvent)=\"onNavigateToCreateEvent()\"\n    (navigateToUploadEvent)=\"onNavigateToUploadEvent()\"\n    (navigateToEditEvent)=\"onFormDefinitionEditEvent($event)\"\n  ></valtimo-form-management-list>\n\n  <valtimo-form-management-create\n    *ngIf=\"obs.create\"\n    [upload]=\"obs.upload\"\n    (goBackEvent)=\"onGoBackFromCreateEvent()\"\n    (afterCreateEvent)=\"onFormDefinitionCreateEvent($event)\"\n    (afterUploadEvent)=\"onFormDefinitionUploadEvent($event)\"\n  ></valtimo-form-management-create>\n</ng-container>\n" }]
+        }], ctorParameters: () => [{ type: i3.ActivatedRoute }, { type: i3.Router }, { type: i4.GlobalNotificationService }, { type: i5.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.
+ */
+
+/*
+ * 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.
@@ -831,171 +1239,46 @@ const routes = [
         path: 'form-management',
         component: FormManagementComponent,
         canActivate: [AuthGuardService],
-        data: { title: 'Forms', roles: [ROLE_ADMIN] },
-    },
-    {
-        path: 'form-management/create',
-        component: FormManagementCreateComponent,
-        canActivate: [AuthGuardService],
-        data: { title: 'Create new Form', roles: [ROLE_ADMIN] },
+        data: { title: 'Forms', roles: [ROLE_ADMIN], context: 'independent' },
     },
     {
-        path: 'form-management/edit/:id',
+        path: 'form-management/:formDefinitionId',
         component: FormManagementEditComponent,
         canActivate: [AuthGuardService],
-        canDeactivate: [pendingChangesGuard],
-        data: { title: 'Form Builder', roles: [ROLE_ADMIN], customPageTitle: true },
+        data: {
+            title: 'Forms',
+            roles: [ROLE_ADMIN],
+            context: 'independent',
+            customPageTitle: true,
+        },
     },
 ];
 class FormManagementRoutingModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormManagementRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: FormManagementRoutingModule, imports: [i3$1.RouterModule], exports: [RouterModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormManagementRoutingModule, imports: [RouterModule.forRoot(routes, RouterUtils.getRouterExtraOptions()), RouterModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FormManagementRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: FormManagementRoutingModule, imports: [i3.RouterModule], exports: [RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FormManagementRoutingModule, imports: [RouterModule.forRoot(routes, RouterUtils.getRouterExtraOptions()), RouterModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormManagementRoutingModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FormManagementRoutingModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [RouterModule.forRoot(routes, RouterUtils.getRouterExtraOptions())],
                     exports: [RouterModule],
                 }]
         }] });
-
-/*
- * Copyright 2015-2024 Ritense BV, the Netherlands.
- *
- * Licensed under EUPL, Version 1.2 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
 class FormManagementModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: FormManagementModule, declarations: [FormManagementComponent,
-            FormManagementCreateComponent,
-            FormManagementEditComponent,
-            FormManagementUploadComponent,
-            FormManagementDuplicateComponent], imports: [FormManagementRoutingModule,
-            FormIoModule,
-            CommonModule,
-            ReactiveFormsModule,
-            FormsModule,
-            WidgetModule,
-            ListModule,
-            TranslateModule,
-            NgbTooltipModule,
-            DropzoneModule,
-            ModalModule,
-            VModalModule,
-            ModalModule$1,
-            InputModule,
-            TitleModule,
-            ButtonModule,
-            InputModule$1,
-            FormModule,
-            ModalModule,
-            InputModule$1,
-            PlaceholderModule,
-            ButtonModule$1,
-            ValtimoCdsModalDirectiveModule,
-            CarbonListModule,
-            DialogModule,
-            RenderInPageHeaderDirectiveModule,
-            TabsModule,
-            EditorModule,
-            SpinnerModule,
-            IconModule,
-            ConfirmationModalModule,
-            TagModule], exports: [FormManagementComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormManagementModule, imports: [FormManagementRoutingModule,
-            FormIoModule,
-            CommonModule,
-            ReactiveFormsModule,
-            FormsModule,
-            WidgetModule,
-            ListModule,
-            TranslateModule,
-            NgbTooltipModule,
-            DropzoneModule,
-            ModalModule,
-            VModalModule,
-            ModalModule$1,
-            InputModule,
-            TitleModule,
-            ButtonModule,
-            InputModule$1,
-            FormModule,
-            ModalModule,
-            InputModule$1,
-            PlaceholderModule,
-            ButtonModule$1,
-            ValtimoCdsModalDirectiveModule,
-            CarbonListModule,
-            DialogModule,
-            RenderInPageHeaderDirectiveModule,
-            TabsModule,
-            EditorModule,
-            SpinnerModule,
-            IconModule,
-            ConfirmationModalModule,
-            TagModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FormManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: FormManagementModule, imports: [FormManagementComponent, FormManagementRoutingModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FormManagementModule, imports: [FormManagementComponent, FormManagementRoutingModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FormManagementModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FormManagementModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [
-                        FormManagementComponent,
-                        FormManagementCreateComponent,
-                        FormManagementEditComponent,
-                        FormManagementUploadComponent,
-                        FormManagementDuplicateComponent,
-                    ],
-                    imports: [
-                        FormManagementRoutingModule,
-                        FormIoModule,
-                        CommonModule,
-                        ReactiveFormsModule,
-                        FormsModule,
-                        WidgetModule,
-                        ListModule,
-                        TranslateModule,
-                        NgbTooltipModule,
-                        DropzoneModule,
-                        ModalModule,
-                        VModalModule,
-                        ModalModule$1,
-                        InputModule,
-                        TitleModule,
-                        ButtonModule,
-                        InputModule$1,
-                        FormModule,
-                        ModalModule,
-                        InputModule$1,
-                        PlaceholderModule,
-                        ButtonModule$1,
-                        ValtimoCdsModalDirectiveModule,
-                        CarbonListModule,
-                        DialogModule,
-                        RenderInPageHeaderDirectiveModule,
-                        TabsModule,
-                        EditorModule,
-                        SpinnerModule,
-                        IconModule,
-                        ConfirmationModalModule,
-                        TagModule,
-                    ],
-                    exports: [FormManagementComponent],
+                    imports: [FormManagementComponent, FormManagementRoutingModule],
                 }]
         }] });
 
 /*
- * 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.
@@ -1017,5 +1300,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { EDIT_TABS, FormManagementComponent, FormManagementModule, FormManagementService, compareFormDefinitions };
+export { EDIT_TABS, FormManagementComponent, FormManagementEditComponent, FormManagementModule, FormManagementRoutingModule, FormManagementService, compareFormDefinitions };
 //# sourceMappingURL=valtimo-form-management.mjs.map