@valtimo/building-block-management 13.15.0 → 13.16.0

package/fesm2022/valtimo-building-block-management.mjs

@@ -14,16 +14,17 @@ import * as i3 from '@angular/router';
 import { RouterModule } from '@angular/router';
 import * as i3$1 from 'carbon-components-angular';
 import { ModalModule, ButtonModule, IconModule, InputModule, TooltipModule, LayerModule, FileUploaderModule, ProgressBarModule, NotificationModule, CheckboxModule, LoadingModule, TagModule, DropdownModule, DialogModule, TabsModule } from 'carbon-components-angular';
-import * as i4$1 from '@ngx-translate/core';
+import * as i2$3 from '@ngx-translate/core';
 import { TranslatePipe, TranslateModule } from '@ngx-translate/core';
 import * as i2$2 from '@angular/forms';
 import { Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { WarningFilled16, Upload16, TrashCan16, Download16 } from '@carbon/icons';
+import { WarningFilled16, Upload16, TrashCan16, Download16, Add16 } from '@carbon/icons';
 import { toObservable } from '@angular/core/rxjs-interop';
 import { AuthGuardService } from '@valtimo/security';
-import * as i2$3 from '@valtimo/plugin';
+import * as i2$4 from '@valtimo/plugin';
 import { take as take$1 } from 'rxjs/operators';
 import * as i3$2 from '@valtimo/process-link';
+import { FormManagementCreateComponent, FormManagementEditComponent } from '@valtimo/form-management';
 import { ProcessManagementBuilderComponent } from '@valtimo/process-management';
 
 /*
@@ -127,6 +128,12 @@ class BuildingBlockManagementApiService extends BaseApiService {
             observe: 'response',
         });
     }
+    getBuildingBlockFormDefinitions(key, versionTag, params) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/building-block/${key}/version/${versionTag}/form`), { params: params });
+    }
+    deleteBuildingBlockFormDefinition(key, versionTag, formDefinitionId) {
+        return this.httpClient.delete(this.getApiUrl(`management/v1/building-block/${key}/version/${versionTag}/form/${formDefinitionId}`));
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementApiService, deps: [{ token: i1.ConfigService }, { token: i2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementApiService, providedIn: 'root' }); }
 }
@@ -186,6 +193,9 @@ class BuildingBlockManagementDetailService {
     get reloadProcessDefinitions$() {
         return this._reloadProcessDefinitions$.asObservable();
     }
+    get reloadFormDefinitions$() {
+        return this._reloadFormDefinitions$.asObservable();
+    }
     constructor(buildingBlockManagementApiService, pageTitleService, router) {
         this.buildingBlockManagementApiService = buildingBlockManagementApiService;
         this.pageTitleService = pageTitleService;
@@ -198,6 +208,7 @@ class BuildingBlockManagementDetailService {
         this._reload$ = new BehaviorSubject(null);
         this._reloadVersions$ = new BehaviorSubject(null);
         this._reloadProcessDefinitions$ = new BehaviorSubject(null);
+        this._reloadFormDefinitions$ = new BehaviorSubject(null);
         this._subscriptions = new Subscription();
         this._subscriptions.add(combineLatest([
             this.buildingBlockDefinitionKey$,
@@ -255,6 +266,9 @@ class BuildingBlockManagementDetailService {
     reloadProcessDefinitions() {
         this._reloadProcessDefinitions$.next(null);
     }
+    reloadFormDefinitions() {
+        this._reloadFormDefinitions$.next(null);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementDetailService, deps: [{ token: BuildingBlockManagementApiService }, { token: i2$1.PageTitleService }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementDetailService }); }
 }
@@ -348,6 +362,7 @@ const BUILDING_BLOCK_MANAGEMENT_TABS = {
     GENERAL: 'general',
     PROCESSES: 'process-definition',
     DOCUMENT: 'document',
+    FORMS: 'forms',
 };
 
 /*
@@ -670,8 +685,8 @@ class BuildingBlockManagementUploadModalComponent {
             this.showCheckboxError$.next(false);
         }, CARBON_CONSTANTS.modalAnimationMs);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementUploadModalComponent, deps: [{ token: BuildingBlockManagementApiService }, { token: BuildingBlockManagementService }, { token: i2$2.FormBuilder }, { token: i3$1.IconService }, { token: i4$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: BuildingBlockManagementUploadModalComponent, isStandalone: true, selector: "valtimo-building-block-management-upload-modal", 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  *ngIf=\"{\n    activeStep: activeStep$ | async,\n    backButtonEnabled: backButtonEnabled$ | async,\n    isStepAfterUpload: isStepAfterUpload$ | async,\n    nextButtonDisabled: nextButtonDisabled$ | async,\n    notificationObj: notificationObj$ | async,\n    showCheckboxError: showCheckboxError$ | async,\n    showCloseButton: showCloseButton$ | async,\n    uploadStatus: uploadStatus$ | async,\n    showUploadModal: showUploadModal$ | async,\n  } as obs\"\n  valtimoCdsModal\n  [open]=\"obs.showUploadModal\"\n  showFooter=\"true\"\n  class=\"valtimo-definition-uploader\"\n  (close)=\"onCloseModal()\"\n>\n  <cds-modal-header\n    [showCloseButton]=\"obs.showCloseButton\"\n    (closeSelect)=\"onCloseModal(obs.isStepAfterUpload && obs.uploadStatus !== UPLOAD_STATUS.ERROR)\"\n  >\n    <h3 cdsModalHeaderHeading>\n      {{ 'buildingBlockManagement.importDefinition.title' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <section [ngSwitch]=\"obs.activeStep\" cdsModalContent class=\"valtimo-definition-uploader__content\">\n    <ng-template ngSwitchDefault>\n      <valtimo-building-block-management-upload-step\n        [message]=\"\n          'buildingBlockManagement.importDefinition.steps.' + obs.activeStep + '.message'\n            | translate\n        \"\n        [title]=\"\n          'buildingBlockManagement.importDefinition.steps.' + obs.activeStep + '.title' | translate\n        \"\n        [illustration]=\"'valtimo-layout/img/' + obs.activeStep + '.svg'\"\n      >\n      </valtimo-building-block-management-upload-step>\n    </ng-template>\n\n    <form *ngSwitchCase=\"UPLOAD_STEP.FILE_SELECT\" [formGroup]=\"form\">\n      <cds-file-uploader\n        [accept]=\"acceptedFiles\"\n        [buttonText]=\"'buildingBlockManagement.importDefinition.upload.buttonText' | translate\"\n        [description]=\"'buildingBlockManagement.importDefinition.upload.description' | translate\"\n        [multiple]=\"false\"\n        [title]=\"'buildingBlockManagement.importDefinition.upload.title' | translate\"\n        buttonType=\"primary\"\n        formControlName=\"file\"\n        class=\"valtimo-definition-uploader__file-uploader\"\n      >\n      </cds-file-uploader>\n\n      <ng-container *ngIf=\"obs.activeStep === UPLOAD_STEP.FILE_SELECT\">\n        <cds-inline-notification [notificationObj]=\"obs.notificationObj\"></cds-inline-notification>\n\n        <div class=\"valtimo-uploader__checkbox\">\n          <cds-checkbox\n            [class.valtimo-definition-uploader__checkbox--invalid]=\"obs.showCheckboxError\"\n            (checkedChange)=\"onCheckedChange($event)\"\n          >\n            {{ 'buildingBlockManagement.importDefinition.checkbox.message' | translate }}\n          </cds-checkbox>\n\n          <div *ngIf=\"obs.showCheckboxError\" class=\"valtimo-definition-uploader__error\">\n            <svg cdsIcon=\"warning--filled\" size=\"16\"></svg>\n            {{ 'buildingBlockManagement.importDefinition.checkbox.error' | translate }}\n          </div>\n        </div>\n      </ng-container>\n    </form>\n\n    <cds-progress-bar\n      *ngSwitchCase=\"UPLOAD_STEP.FILE_UPLOAD\"\n      class=\"valtimo-definition-uploader__progress-bar\"\n      [label]=\"'buildingBlockManagement.importDefinition.progressBar.label' | translate\"\n      [status]=\"obs.uploadStatus\"\n      [helperText]=\"\n        'buildingBlockManagement.importDefinition.progressBar.' + obs.uploadStatus | translate\n      \"\n    ></cds-progress-bar>\n  </section>\n\n  <cds-modal-footer\n    class=\"valtimo-definition-uploader__footer\"\n    [class.valtimo-definition-uploader__footer--double]=\"obs.activeStep === UPLOAD_STEP.PLUGINS\"\n  >\n    <button\n      *ngIf=\"obs.uploadStatus !== UPLOAD_STATUS.ERROR && obs.activeStep !== UPLOAD_STEP.FILE_UPLOAD\"\n      class=\"valtimo-definition-uploader__cancel\"\n      cdsButton=\"ghost\"\n      (click)=\"onCloseModal(obs.isStepAfterUpload)\"\n    >\n      {{ (obs.isStepAfterUpload ? 'interface.skip' : 'interface.cancel') | translate }}\n    </button>\n\n    <div class=\"valtimo-definition-uploader__actions\">\n      <button\n        *ngIf=\"obs.backButtonEnabled\"\n        cdsButton=\"secondary\"\n        (click)=\"onBackClick(obs.activeStep)\"\n      >\n        {{ 'interface.back' | translate }}\n      </button>\n\n      <button\n        *ngIf=\"\n          obs.uploadStatus !== UPLOAD_STATUS.ERROR && obs.activeStep !== UPLOAD_STEP.FILE_UPLOAD\n        \"\n        cdsButton=\"primary\"\n        [disabled]=\"obs.nextButtonDisabled\"\n        (click)=\"onNextClick(obs.activeStep)\"\n      >\n        {{\n          (obs.activeStep === UPLOAD_STEP.FILE_SELECT\n            ? 'buildingBlockManagement.importDefinition.startUpload'\n            : 'interface.next'\n          ) | translate\n        }}\n      </button>\n\n      <button\n        *ngIf=\"\n          obs.uploadStatus === UPLOAD_STATUS.ERROR || obs.activeStep === UPLOAD_STEP.FILE_UPLOAD\n        \"\n        class=\"valtimo-definition-uploader__cancel\"\n        cdsButton=\"primary\"\n        (click)=\"onCloseModal(true)\"\n      >\n        {{ 'interface.finish' | translate }}\n      </button>\n    </div>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-definition-uploader__content,.valtimo-definition-uploader__content form{display:flex;flex-direction:column;gap:16px}.valtimo-definition-uploader__footer ::ng-deep .cds--modal-footer{justify-content:unset!important;display:grid!important;grid-template-columns:1fr 1fr 2fr!important;grid-template-areas:\"cancel . actions\"!important}.valtimo-definition-uploader__footer--double ::ng-deep .cds--modal-footer{grid-template-columns:1fr 1fr!important;grid-template-areas:\"cancel actions\"!important}.valtimo-definition-uploader__progress-bar{height:100%;display:flex;flex-direction:column;justify-content:center}.valtimo-definition-uploader__error{display:flex;align-items:center;gap:10px;color:#da1e28;fill:#da1e28;font-size:12px}.valtimo-definition-uploader__cancel{grid-area:cancel;width:100%}.valtimo-definition-uploader__actions{grid-area:actions;display:flex}.valtimo-definition-uploader__actions button{flex:unset;width:100%}.valtimo-definition-uploader__file-uploader ::ng-deep cds-file{max-width:unset}.valtimo-definition-uploader__checkbox{display:flex;flex-direction:column;gap:8px}.valtimo-definition-uploader__checkbox--invalid ::ng-deep label:before{border-color:#da1e28;margin-inline:0}.valtimo-definition-uploader ::ng-deep .cds--modal-container{height:550px}.valtimo-definition-uploader ::ng-deep .cds--checkbox-label-text{color:#000}\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: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FileUploaderModule }, { kind: "component", type: i3$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: i3$1.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i3$1.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i3$1.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i3$1.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i3$1.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: ProgressBarModule }, { kind: "component", type: i3$1.ProgressBar, selector: "cds-progress-bar, ibm-progress-bar", inputs: ["value", "id", "label", "helperText", "max", "type", "status", "size"] }, { kind: "ngmodule", type: NotificationModule }, { kind: "component", type: i3$1.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i3$1.Checkbox, selector: "cds-checkbox, ibm-checkbox", inputs: ["disabled", "skeleton", "hideLabel", "name", "id", "required", "value", "ariaLabel", "ariaLabelledby", "indeterminate", "checked"], outputs: ["click", "checkedChange", "indeterminateChange"] }, { kind: "component", type: BuildingBlockManagementUploadStepComponent, selector: "valtimo-building-block-management-upload-step", inputs: ["illustration", "message", "title"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementUploadModalComponent, deps: [{ token: BuildingBlockManagementApiService }, { token: BuildingBlockManagementService }, { token: i2$2.FormBuilder }, { token: i3$1.IconService }, { token: i2$3.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: BuildingBlockManagementUploadModalComponent, isStandalone: true, selector: "valtimo-building-block-management-upload-modal", 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  *ngIf=\"{\n    activeStep: activeStep$ | async,\n    backButtonEnabled: backButtonEnabled$ | async,\n    isStepAfterUpload: isStepAfterUpload$ | async,\n    nextButtonDisabled: nextButtonDisabled$ | async,\n    notificationObj: notificationObj$ | async,\n    showCheckboxError: showCheckboxError$ | async,\n    showCloseButton: showCloseButton$ | async,\n    uploadStatus: uploadStatus$ | async,\n    showUploadModal: showUploadModal$ | async,\n  } as obs\"\n  valtimoCdsModal\n  [open]=\"obs.showUploadModal\"\n  showFooter=\"true\"\n  class=\"valtimo-definition-uploader\"\n  (close)=\"onCloseModal()\"\n>\n  <cds-modal-header\n    [showCloseButton]=\"obs.showCloseButton\"\n    (closeSelect)=\"onCloseModal(obs.isStepAfterUpload && obs.uploadStatus !== UPLOAD_STATUS.ERROR)\"\n  >\n    <h3 cdsModalHeaderHeading>\n      {{ 'buildingBlockManagement.importDefinition.title' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <section [ngSwitch]=\"obs.activeStep\" cdsModalContent class=\"valtimo-definition-uploader__content\">\n    <ng-template ngSwitchDefault>\n      <valtimo-building-block-management-upload-step\n        [message]=\"\n          'buildingBlockManagement.importDefinition.steps.' + obs.activeStep + '.message'\n            | translate\n        \"\n        [title]=\"\n          'buildingBlockManagement.importDefinition.steps.' + obs.activeStep + '.title' | translate\n        \"\n        [illustration]=\"'valtimo-layout/img/' + obs.activeStep + '.svg'\"\n      >\n      </valtimo-building-block-management-upload-step>\n    </ng-template>\n\n    <form *ngSwitchCase=\"UPLOAD_STEP.FILE_SELECT\" [formGroup]=\"form\">\n      <cds-file-uploader\n        [accept]=\"acceptedFiles\"\n        [buttonText]=\"'buildingBlockManagement.importDefinition.upload.buttonText' | translate\"\n        [description]=\"'buildingBlockManagement.importDefinition.upload.description' | translate\"\n        [multiple]=\"false\"\n        [title]=\"'buildingBlockManagement.importDefinition.upload.title' | translate\"\n        buttonType=\"primary\"\n        formControlName=\"file\"\n        class=\"valtimo-definition-uploader__file-uploader\"\n      >\n      </cds-file-uploader>\n\n      <ng-container *ngIf=\"obs.activeStep === UPLOAD_STEP.FILE_SELECT\">\n        <cds-inline-notification [notificationObj]=\"obs.notificationObj\"></cds-inline-notification>\n\n        <div class=\"valtimo-uploader__checkbox\">\n          <cds-checkbox\n            [class.valtimo-definition-uploader__checkbox--invalid]=\"obs.showCheckboxError\"\n            (checkedChange)=\"onCheckedChange($event)\"\n          >\n            {{ 'buildingBlockManagement.importDefinition.checkbox.message' | translate }}\n          </cds-checkbox>\n\n          <div *ngIf=\"obs.showCheckboxError\" class=\"valtimo-definition-uploader__error\">\n            <svg cdsIcon=\"warning--filled\" size=\"16\"></svg>\n            {{ 'buildingBlockManagement.importDefinition.checkbox.error' | translate }}\n          </div>\n        </div>\n      </ng-container>\n    </form>\n\n    <cds-progress-bar\n      *ngSwitchCase=\"UPLOAD_STEP.FILE_UPLOAD\"\n      class=\"valtimo-definition-uploader__progress-bar\"\n      [label]=\"'buildingBlockManagement.importDefinition.progressBar.label' | translate\"\n      [status]=\"obs.uploadStatus\"\n      [helperText]=\"\n        'buildingBlockManagement.importDefinition.progressBar.' + obs.uploadStatus | translate\n      \"\n    ></cds-progress-bar>\n  </section>\n\n  <cds-modal-footer\n    class=\"valtimo-definition-uploader__footer\"\n    [class.valtimo-definition-uploader__footer--double]=\"obs.activeStep === UPLOAD_STEP.PLUGINS\"\n  >\n    <button\n      *ngIf=\"obs.uploadStatus !== UPLOAD_STATUS.ERROR && obs.activeStep !== UPLOAD_STEP.FILE_UPLOAD\"\n      class=\"valtimo-definition-uploader__cancel\"\n      cdsButton=\"ghost\"\n      (click)=\"onCloseModal(obs.isStepAfterUpload)\"\n    >\n      {{ (obs.isStepAfterUpload ? 'interface.skip' : 'interface.cancel') | translate }}\n    </button>\n\n    <div class=\"valtimo-definition-uploader__actions\">\n      <button\n        *ngIf=\"obs.backButtonEnabled\"\n        cdsButton=\"secondary\"\n        (click)=\"onBackClick(obs.activeStep)\"\n      >\n        {{ 'interface.back' | translate }}\n      </button>\n\n      <button\n        *ngIf=\"\n          obs.uploadStatus !== UPLOAD_STATUS.ERROR && obs.activeStep !== UPLOAD_STEP.FILE_UPLOAD\n        \"\n        cdsButton=\"primary\"\n        [disabled]=\"obs.nextButtonDisabled\"\n        (click)=\"onNextClick(obs.activeStep)\"\n      >\n        {{\n          (obs.activeStep === UPLOAD_STEP.FILE_SELECT\n            ? 'buildingBlockManagement.importDefinition.startUpload'\n            : 'interface.next'\n          ) | translate\n        }}\n      </button>\n\n      <button\n        *ngIf=\"\n          obs.uploadStatus === UPLOAD_STATUS.ERROR || obs.activeStep === UPLOAD_STEP.FILE_UPLOAD\n        \"\n        class=\"valtimo-definition-uploader__cancel\"\n        cdsButton=\"primary\"\n        (click)=\"onCloseModal(true)\"\n      >\n        {{ 'interface.finish' | translate }}\n      </button>\n    </div>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-definition-uploader__content,.valtimo-definition-uploader__content form{display:flex;flex-direction:column;gap:16px}.valtimo-definition-uploader__footer ::ng-deep .cds--modal-footer{justify-content:unset!important;display:grid!important;grid-template-columns:1fr 1fr 2fr!important;grid-template-areas:\"cancel . actions\"!important}.valtimo-definition-uploader__footer--double ::ng-deep .cds--modal-footer{grid-template-columns:1fr 1fr!important;grid-template-areas:\"cancel actions\"!important}.valtimo-definition-uploader__progress-bar{height:100%;display:flex;flex-direction:column;justify-content:center}.valtimo-definition-uploader__error{display:flex;align-items:center;gap:10px;color:#da1e28;fill:#da1e28;font-size:12px}.valtimo-definition-uploader__cancel{grid-area:cancel;width:100%}.valtimo-definition-uploader__actions{grid-area:actions;display:flex}.valtimo-definition-uploader__actions button{flex:unset;width:100%}.valtimo-definition-uploader__file-uploader ::ng-deep cds-file{max-width:unset}.valtimo-definition-uploader__checkbox{display:flex;flex-direction:column;gap:8px}.valtimo-definition-uploader__checkbox--invalid ::ng-deep label:before{border-color:#da1e28;margin-inline:0}.valtimo-definition-uploader ::ng-deep .cds--modal-container{height:550px}.valtimo-definition-uploader ::ng-deep .cds--checkbox-label-text{color:#000}\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: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FileUploaderModule }, { kind: "component", type: i3$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: i3$1.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i3$1.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i3$1.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i3$1.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i3$1.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2$3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: ProgressBarModule }, { kind: "component", type: i3$1.ProgressBar, selector: "cds-progress-bar, ibm-progress-bar", inputs: ["value", "id", "label", "helperText", "max", "type", "status", "size"] }, { kind: "ngmodule", type: NotificationModule }, { kind: "component", type: i3$1.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i3$1.Checkbox, selector: "cds-checkbox, ibm-checkbox", inputs: ["disabled", "skeleton", "hideLabel", "name", "id", "required", "value", "ariaLabel", "ariaLabelledby", "indeterminate", "checked"], outputs: ["click", "checkedChange", "indeterminateChange"] }, { kind: "component", type: BuildingBlockManagementUploadStepComponent, selector: "valtimo-building-block-management-upload-step", inputs: ["illustration", "message", "title"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementUploadModalComponent, decorators: [{
             type: Component,
@@ -687,7 +702,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         BuildingBlockManagementUploadStepComponent,
                         ReactiveFormsModule,
                     ], 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  *ngIf=\"{\n    activeStep: activeStep$ | async,\n    backButtonEnabled: backButtonEnabled$ | async,\n    isStepAfterUpload: isStepAfterUpload$ | async,\n    nextButtonDisabled: nextButtonDisabled$ | async,\n    notificationObj: notificationObj$ | async,\n    showCheckboxError: showCheckboxError$ | async,\n    showCloseButton: showCloseButton$ | async,\n    uploadStatus: uploadStatus$ | async,\n    showUploadModal: showUploadModal$ | async,\n  } as obs\"\n  valtimoCdsModal\n  [open]=\"obs.showUploadModal\"\n  showFooter=\"true\"\n  class=\"valtimo-definition-uploader\"\n  (close)=\"onCloseModal()\"\n>\n  <cds-modal-header\n    [showCloseButton]=\"obs.showCloseButton\"\n    (closeSelect)=\"onCloseModal(obs.isStepAfterUpload && obs.uploadStatus !== UPLOAD_STATUS.ERROR)\"\n  >\n    <h3 cdsModalHeaderHeading>\n      {{ 'buildingBlockManagement.importDefinition.title' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <section [ngSwitch]=\"obs.activeStep\" cdsModalContent class=\"valtimo-definition-uploader__content\">\n    <ng-template ngSwitchDefault>\n      <valtimo-building-block-management-upload-step\n        [message]=\"\n          'buildingBlockManagement.importDefinition.steps.' + obs.activeStep + '.message'\n            | translate\n        \"\n        [title]=\"\n          'buildingBlockManagement.importDefinition.steps.' + obs.activeStep + '.title' | translate\n        \"\n        [illustration]=\"'valtimo-layout/img/' + obs.activeStep + '.svg'\"\n      >\n      </valtimo-building-block-management-upload-step>\n    </ng-template>\n\n    <form *ngSwitchCase=\"UPLOAD_STEP.FILE_SELECT\" [formGroup]=\"form\">\n      <cds-file-uploader\n        [accept]=\"acceptedFiles\"\n        [buttonText]=\"'buildingBlockManagement.importDefinition.upload.buttonText' | translate\"\n        [description]=\"'buildingBlockManagement.importDefinition.upload.description' | translate\"\n        [multiple]=\"false\"\n        [title]=\"'buildingBlockManagement.importDefinition.upload.title' | translate\"\n        buttonType=\"primary\"\n        formControlName=\"file\"\n        class=\"valtimo-definition-uploader__file-uploader\"\n      >\n      </cds-file-uploader>\n\n      <ng-container *ngIf=\"obs.activeStep === UPLOAD_STEP.FILE_SELECT\">\n        <cds-inline-notification [notificationObj]=\"obs.notificationObj\"></cds-inline-notification>\n\n        <div class=\"valtimo-uploader__checkbox\">\n          <cds-checkbox\n            [class.valtimo-definition-uploader__checkbox--invalid]=\"obs.showCheckboxError\"\n            (checkedChange)=\"onCheckedChange($event)\"\n          >\n            {{ 'buildingBlockManagement.importDefinition.checkbox.message' | translate }}\n          </cds-checkbox>\n\n          <div *ngIf=\"obs.showCheckboxError\" class=\"valtimo-definition-uploader__error\">\n            <svg cdsIcon=\"warning--filled\" size=\"16\"></svg>\n            {{ 'buildingBlockManagement.importDefinition.checkbox.error' | translate }}\n          </div>\n        </div>\n      </ng-container>\n    </form>\n\n    <cds-progress-bar\n      *ngSwitchCase=\"UPLOAD_STEP.FILE_UPLOAD\"\n      class=\"valtimo-definition-uploader__progress-bar\"\n      [label]=\"'buildingBlockManagement.importDefinition.progressBar.label' | translate\"\n      [status]=\"obs.uploadStatus\"\n      [helperText]=\"\n        'buildingBlockManagement.importDefinition.progressBar.' + obs.uploadStatus | translate\n      \"\n    ></cds-progress-bar>\n  </section>\n\n  <cds-modal-footer\n    class=\"valtimo-definition-uploader__footer\"\n    [class.valtimo-definition-uploader__footer--double]=\"obs.activeStep === UPLOAD_STEP.PLUGINS\"\n  >\n    <button\n      *ngIf=\"obs.uploadStatus !== UPLOAD_STATUS.ERROR && obs.activeStep !== UPLOAD_STEP.FILE_UPLOAD\"\n      class=\"valtimo-definition-uploader__cancel\"\n      cdsButton=\"ghost\"\n      (click)=\"onCloseModal(obs.isStepAfterUpload)\"\n    >\n      {{ (obs.isStepAfterUpload ? 'interface.skip' : 'interface.cancel') | translate }}\n    </button>\n\n    <div class=\"valtimo-definition-uploader__actions\">\n      <button\n        *ngIf=\"obs.backButtonEnabled\"\n        cdsButton=\"secondary\"\n        (click)=\"onBackClick(obs.activeStep)\"\n      >\n        {{ 'interface.back' | translate }}\n      </button>\n\n      <button\n        *ngIf=\"\n          obs.uploadStatus !== UPLOAD_STATUS.ERROR && obs.activeStep !== UPLOAD_STEP.FILE_UPLOAD\n        \"\n        cdsButton=\"primary\"\n        [disabled]=\"obs.nextButtonDisabled\"\n        (click)=\"onNextClick(obs.activeStep)\"\n      >\n        {{\n          (obs.activeStep === UPLOAD_STEP.FILE_SELECT\n            ? 'buildingBlockManagement.importDefinition.startUpload'\n            : 'interface.next'\n          ) | translate\n        }}\n      </button>\n\n      <button\n        *ngIf=\"\n          obs.uploadStatus === UPLOAD_STATUS.ERROR || obs.activeStep === UPLOAD_STEP.FILE_UPLOAD\n        \"\n        class=\"valtimo-definition-uploader__cancel\"\n        cdsButton=\"primary\"\n        (click)=\"onCloseModal(true)\"\n      >\n        {{ 'interface.finish' | translate }}\n      </button>\n    </div>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-definition-uploader__content,.valtimo-definition-uploader__content form{display:flex;flex-direction:column;gap:16px}.valtimo-definition-uploader__footer ::ng-deep .cds--modal-footer{justify-content:unset!important;display:grid!important;grid-template-columns:1fr 1fr 2fr!important;grid-template-areas:\"cancel . actions\"!important}.valtimo-definition-uploader__footer--double ::ng-deep .cds--modal-footer{grid-template-columns:1fr 1fr!important;grid-template-areas:\"cancel actions\"!important}.valtimo-definition-uploader__progress-bar{height:100%;display:flex;flex-direction:column;justify-content:center}.valtimo-definition-uploader__error{display:flex;align-items:center;gap:10px;color:#da1e28;fill:#da1e28;font-size:12px}.valtimo-definition-uploader__cancel{grid-area:cancel;width:100%}.valtimo-definition-uploader__actions{grid-area:actions;display:flex}.valtimo-definition-uploader__actions button{flex:unset;width:100%}.valtimo-definition-uploader__file-uploader ::ng-deep cds-file{max-width:unset}.valtimo-definition-uploader__checkbox{display:flex;flex-direction:column;gap:8px}.valtimo-definition-uploader__checkbox--invalid ::ng-deep label:before{border-color:#da1e28;margin-inline:0}.valtimo-definition-uploader ::ng-deep .cds--modal-container{height:550px}.valtimo-definition-uploader ::ng-deep .cds--checkbox-label-text{color:#000}\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: BuildingBlockManagementApiService }, { type: BuildingBlockManagementService }, { type: i2$2.FormBuilder }, { type: i3$1.IconService }, { type: i4$1.TranslateService }] });
+        }], ctorParameters: () => [{ type: BuildingBlockManagementApiService }, { type: BuildingBlockManagementService }, { type: i2$2.FormBuilder }, { type: i3$1.IconService }, { type: i2$3.TranslateService }] });
 
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
@@ -989,13 +1004,13 @@ class BuildingBlockManagementPluginsComponent {
             return pluginKeys.map(pluginDefinitionForBuildingBlock => pluginDefinitions.find(pluginDefinition => pluginDefinition.key === pluginDefinitionForBuildingBlock)?.title ?? pluginDefinitionForBuildingBlock);
         }), tap(() => this.loading$.next(false)));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementPluginsComponent, deps: [{ token: BuildingBlockManagementApiService }, { token: i2$3.PluginManagementService }, { token: BuildingBlockManagementDetailService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementPluginsComponent, deps: [{ token: BuildingBlockManagementApiService }, { token: i2$4.PluginManagementService }, { token: BuildingBlockManagementDetailService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: BuildingBlockManagementPluginsComponent, isStandalone: true, selector: "valtimo-building-block-management-plugins", 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<div\n  class=\"building-block-management-plugins\"\n  *ngIf=\"{usedPluginTitles: usedPluginTitles$ | async, loading: loading$ | async} as obs\"\n>\n  <h4 class=\"building-block-management-plugins__title\">\n    {{ 'buildingBlockManagement.plugins.title' | translate }}\n  </h4>\n\n  @if (obs.loading) {\n    <div class=\"loading-container\"><cds-loading size=\"sm\"></cds-loading></div>\n  }\n\n  @if (!obs.loading && obs.usedPluginTitles.length > 0) {\n    <div class=\"building-block-management-plugins__tags\">\n      @for (pluginTitle of obs.usedPluginTitles; track pluginTitle) {\n        <cds-tag type=\"blue\">{{ pluginTitle }}</cds-tag>\n      }\n    </div>\n  }\n\n  @if (!obs.loading && obs.usedPluginTitles.length === 0) {\n    <p class=\"building-block-management-plugins__description cds--label-description\">\n      {{ 'buildingBlockManagement.plugins.noPluginsUsed' | translate }}\n    </p>\n  }\n</div>\n", styles: [".building-block-management-plugins{display:flex;padding:16px 24px;width:100%;background-color:var(--cds-layer-01);align-items:center;gap:16px}.building-block-management-plugins__title{font-size:16px;line-height:24px;font-weight:600;flex-shrink:0}.building-block-management-plugins__tags{display:flex;flex-flow:row wrap;height:100%;gap:8px}.building-block-management-plugins__description{padding:0;margin:0}.loading-container{display:flex;width:100%;justify-content:center}\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: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: i3$1.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i3$1.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class", "skeleton"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementPluginsComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'valtimo-building-block-management-plugins', imports: [CommonModule, LoadingModule, TranslatePipe, TagModule], 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<div\n  class=\"building-block-management-plugins\"\n  *ngIf=\"{usedPluginTitles: usedPluginTitles$ | async, loading: loading$ | async} as obs\"\n>\n  <h4 class=\"building-block-management-plugins__title\">\n    {{ 'buildingBlockManagement.plugins.title' | translate }}\n  </h4>\n\n  @if (obs.loading) {\n    <div class=\"loading-container\"><cds-loading size=\"sm\"></cds-loading></div>\n  }\n\n  @if (!obs.loading && obs.usedPluginTitles.length > 0) {\n    <div class=\"building-block-management-plugins__tags\">\n      @for (pluginTitle of obs.usedPluginTitles; track pluginTitle) {\n        <cds-tag type=\"blue\">{{ pluginTitle }}</cds-tag>\n      }\n    </div>\n  }\n\n  @if (!obs.loading && obs.usedPluginTitles.length === 0) {\n    <p class=\"building-block-management-plugins__description cds--label-description\">\n      {{ 'buildingBlockManagement.plugins.noPluginsUsed' | translate }}\n    </p>\n  }\n</div>\n", styles: [".building-block-management-plugins{display:flex;padding:16px 24px;width:100%;background-color:var(--cds-layer-01);align-items:center;gap:16px}.building-block-management-plugins__title{font-size:16px;line-height:24px;font-weight:600;flex-shrink:0}.building-block-management-plugins__tags{display:flex;flex-flow:row wrap;height:100%;gap:8px}.building-block-management-plugins__description{padding:0;margin:0}.loading-container{display:flex;width:100%;justify-content:center}\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: BuildingBlockManagementApiService }, { type: i2$3.PluginManagementService }, { type: BuildingBlockManagementDetailService }] });
+        }], ctorParameters: () => [{ type: BuildingBlockManagementApiService }, { type: i2$4.PluginManagementService }, { type: BuildingBlockManagementDetailService }] });
 
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
@@ -1215,8 +1230,8 @@ class BuildingBlockManagementProcessUploadComponent {
         return (this.getDuplicateKeyMessage(error) ||
             this.translateService.instant('processManagement.upload.replaceContent'));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementProcessUploadComponent, deps: [{ token: i2$2.FormBuilder }, { token: i1.GlobalNotificationService }, { token: i3$2.ProcessLinkService }, { token: BuildingBlockManagementDetailService }, { token: i4$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: BuildingBlockManagementProcessUploadComponent, isStandalone: true, selector: "valtimo-building-block-management-process-upload", 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>{{ 'processManagement.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]=\"'processManagement.upload.buttonText' | translate\"\n      [description]=\"'processManagement.upload.description' | translate\"\n      [multiple]=\"false\"\n      [title]=\"'processManagement.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)=\"uploadProcessBpmn()\"\n    >\n      {{ 'interface.upload' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n\n<valtimo-render-in-body>\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"processManagement.upload.replaceConfirm\"\n    confirmButtonType=\"danger\"\n    cancelButtonTextTranslationKey=\"interface.cancel\"\n    [content]=\"replaceModalContent\"\n    [showModalSubject$]=\"showReplaceConfirmationModal$\"\n    titleTranslationKey=\"processManagement.upload.replaceTitle\"\n    (confirmEvent)=\"confirmReplace()\"\n    (cancelEvent)=\"clearReplaceModal()\"\n  ></valtimo-confirmation-modal>\n</valtimo-render-in-body>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FileUploaderModule }, { kind: "component", type: i3$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: i3$1.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i3$1.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i3$1.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i3$1.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i3$1.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i3$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i2$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: RenderInBodyComponent, selector: "valtimo-render-in-body" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementProcessUploadComponent, deps: [{ token: i2$2.FormBuilder }, { token: i1.GlobalNotificationService }, { token: i3$2.ProcessLinkService }, { token: BuildingBlockManagementDetailService }, { token: i2$3.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: BuildingBlockManagementProcessUploadComponent, isStandalone: true, selector: "valtimo-building-block-management-process-upload", 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>{{ 'processManagement.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]=\"'processManagement.upload.buttonText' | translate\"\n      [description]=\"'processManagement.upload.description' | translate\"\n      [multiple]=\"false\"\n      [title]=\"'processManagement.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)=\"uploadProcessBpmn()\"\n    >\n      {{ 'interface.upload' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n\n<valtimo-render-in-body>\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"processManagement.upload.replaceConfirm\"\n    confirmButtonType=\"danger\"\n    cancelButtonTextTranslationKey=\"interface.cancel\"\n    [content]=\"replaceModalContent\"\n    [showModalSubject$]=\"showReplaceConfirmationModal$\"\n    titleTranslationKey=\"processManagement.upload.replaceTitle\"\n    (confirmEvent)=\"confirmReplace()\"\n    (cancelEvent)=\"clearReplaceModal()\"\n  ></valtimo-confirmation-modal>\n</valtimo-render-in-body>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2$3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FileUploaderModule }, { kind: "component", type: i3$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: i3$1.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i3$1.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i3$1.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i3$1.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i3$1.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i3$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i2$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: RenderInBodyComponent, selector: "valtimo-render-in-body" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementProcessUploadComponent, decorators: [{
             type: Component,
@@ -1231,7 +1246,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         ConfirmationModalModule,
                         RenderInBodyComponent,
                     ], 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>{{ 'processManagement.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]=\"'processManagement.upload.buttonText' | translate\"\n      [description]=\"'processManagement.upload.description' | translate\"\n      [multiple]=\"false\"\n      [title]=\"'processManagement.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)=\"uploadProcessBpmn()\"\n    >\n      {{ 'interface.upload' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n\n<valtimo-render-in-body>\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"processManagement.upload.replaceConfirm\"\n    confirmButtonType=\"danger\"\n    cancelButtonTextTranslationKey=\"interface.cancel\"\n    [content]=\"replaceModalContent\"\n    [showModalSubject$]=\"showReplaceConfirmationModal$\"\n    titleTranslationKey=\"processManagement.upload.replaceTitle\"\n    (confirmEvent)=\"confirmReplace()\"\n    (cancelEvent)=\"clearReplaceModal()\"\n  ></valtimo-confirmation-modal>\n</valtimo-render-in-body>\n" }]
-        }], ctorParameters: () => [{ type: i2$2.FormBuilder }, { type: i1.GlobalNotificationService }, { type: i3$2.ProcessLinkService }, { type: BuildingBlockManagementDetailService }, { type: i4$1.TranslateService }] });
+        }], ctorParameters: () => [{ type: i2$2.FormBuilder }, { type: i1.GlobalNotificationService }, { type: i3$2.ProcessLinkService }, { type: BuildingBlockManagementDetailService }, { type: i2$3.TranslateService }] });
 
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
@@ -1371,8 +1386,8 @@ class BuildingBlockManagementProcessesComponent {
     deleteDisabled(process) {
         return process.main || this._buildingBlockProcessDefinitionItems.length === 1;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementProcessesComponent, deps: [{ token: BuildingBlockManagementDetailService }, { token: BuildingBlockManagementApiService }, { token: i4$1.TranslateService }, { token: i3$1.IconService }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: BuildingBlockManagementProcessesComponent, isStandalone: true, selector: "valtimo-building-block-management-processes", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-carbon-list\n  [fields]=\"FIELDS\"\n  [actionItems]=\"ACTION_ITEMS\"\n  [items]=\"buildingBlockProcessDefinitionItems$ | async\"\n  [loading]=\"$loading()\"\n  (rowClicked)=\"onRowClick($event)\"\n>\n  <div carbonToolbarContent>\n    <div class=\"valtimo-building-block-management-list__actions\">\n      <button\n        cdsButton=\"ghost\"\n        (click)=\"showUploadModal()\"\n        [disabled]=\"(isFinal$ | async) || $loading()\"\n      >\n        {{ 'Upload' | translate }}\n\n        <svg cdsIcon=\"upload\" size=\"16\" class=\"cds--btn__icon\"></svg>\n      </button>\n\n      <button\n        cdsButton=\"primary\"\n        (click)=\"onCreateClick()\"\n        [disabled]=\"(isFinal$ | async) || $loading()\"\n      >\n        {{ 'interface.create' | translate }}\n\n        <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n      </button>\n    </div>\n  </div>\n</valtimo-carbon-list>\n\n<valtimo-building-block-management-process-upload></valtimo-building-block-management-process-upload>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"processManagement.deleteModal.content\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"processManagement.deleteModal.title\"\n  (confirmEvent)=\"onDeleteConfirm()\"\n></valtimo-confirmation-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: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i2$1.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i3$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: BuildingBlockManagementProcessUploadComponent, selector: "valtimo-building-block-management-process-upload" }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i2$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"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementProcessesComponent, deps: [{ token: BuildingBlockManagementDetailService }, { token: BuildingBlockManagementApiService }, { token: i2$3.TranslateService }, { token: i3$1.IconService }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: BuildingBlockManagementProcessesComponent, isStandalone: true, selector: "valtimo-building-block-management-processes", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-carbon-list\n  [fields]=\"FIELDS\"\n  [actionItems]=\"ACTION_ITEMS\"\n  [items]=\"buildingBlockProcessDefinitionItems$ | async\"\n  [loading]=\"$loading()\"\n  (rowClicked)=\"onRowClick($event)\"\n>\n  <div carbonToolbarContent>\n    <div class=\"valtimo-building-block-management-list__actions\">\n      <button\n        cdsButton=\"ghost\"\n        (click)=\"showUploadModal()\"\n        [disabled]=\"(isFinal$ | async) || $loading()\"\n      >\n        {{ 'Upload' | translate }}\n\n        <svg cdsIcon=\"upload\" size=\"16\" class=\"cds--btn__icon\"></svg>\n      </button>\n\n      <button\n        cdsButton=\"primary\"\n        (click)=\"onCreateClick()\"\n        [disabled]=\"(isFinal$ | async) || $loading()\"\n      >\n        {{ 'interface.create' | translate }}\n\n        <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n      </button>\n    </div>\n  </div>\n</valtimo-carbon-list>\n\n<valtimo-building-block-management-process-upload></valtimo-building-block-management-process-upload>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"processManagement.deleteModal.content\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"processManagement.deleteModal.title\"\n  (confirmEvent)=\"onDeleteConfirm()\"\n></valtimo-confirmation-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: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i2$1.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2$3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i3$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: BuildingBlockManagementProcessUploadComponent, selector: "valtimo-building-block-management-process-upload" }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i2$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.18", ngImport: i0, type: BuildingBlockManagementProcessesComponent, decorators: [{
             type: Component,
@@ -1385,7 +1400,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         BuildingBlockManagementProcessUploadComponent,
                         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\n<valtimo-carbon-list\n  [fields]=\"FIELDS\"\n  [actionItems]=\"ACTION_ITEMS\"\n  [items]=\"buildingBlockProcessDefinitionItems$ | async\"\n  [loading]=\"$loading()\"\n  (rowClicked)=\"onRowClick($event)\"\n>\n  <div carbonToolbarContent>\n    <div class=\"valtimo-building-block-management-list__actions\">\n      <button\n        cdsButton=\"ghost\"\n        (click)=\"showUploadModal()\"\n        [disabled]=\"(isFinal$ | async) || $loading()\"\n      >\n        {{ 'Upload' | translate }}\n\n        <svg cdsIcon=\"upload\" size=\"16\" class=\"cds--btn__icon\"></svg>\n      </button>\n\n      <button\n        cdsButton=\"primary\"\n        (click)=\"onCreateClick()\"\n        [disabled]=\"(isFinal$ | async) || $loading()\"\n      >\n        {{ 'interface.create' | translate }}\n\n        <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n      </button>\n    </div>\n  </div>\n</valtimo-carbon-list>\n\n<valtimo-building-block-management-process-upload></valtimo-building-block-management-process-upload>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"processManagement.deleteModal.content\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"processManagement.deleteModal.title\"\n  (confirmEvent)=\"onDeleteConfirm()\"\n></valtimo-confirmation-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: BuildingBlockManagementDetailService }, { type: BuildingBlockManagementApiService }, { type: i4$1.TranslateService }, { type: i3$1.IconService }, { type: i3.Router }] });
+        }], ctorParameters: () => [{ type: BuildingBlockManagementDetailService }, { type: BuildingBlockManagementApiService }, { type: i2$3.TranslateService }, { type: i3$1.IconService }, { type: i3.Router }] });
 
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
@@ -1577,7 +1592,7 @@ class BuildingBlockManagementDetailActionsComponent {
             duration: 5000,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementDetailActionsComponent, deps: [{ token: BuildingBlockManagementApiService }, { token: BuildingBlockManagementDetailService }, { token: i2$2.FormBuilder }, { token: i1.GlobalNotificationService }, { token: i4$1.TranslateService }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementDetailActionsComponent, deps: [{ token: BuildingBlockManagementApiService }, { token: BuildingBlockManagementDetailService }, { token: i2$2.FormBuilder }, { token: i1.GlobalNotificationService }, { token: i2$3.TranslateService }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: BuildingBlockManagementDetailActionsComponent, isStandalone: true, selector: "valtimo-building-block-management-detail-actions", viewQueries: [{ propertyName: "_exportMessageTemplateRef", first: true, predicate: ["exportingMessage"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" BASIS,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  class=\"building-block-actions\"\n  *ngIf=\"{\n    isFinal: isFinal$ | async,\n  } as obs\"\n>\n  <div class=\"building-block-metadata\">\n    <valtimo-building-block-management-version-selector></valtimo-building-block-management-version-selector>\n  </div>\n\n  <div class=\"building-block-buttons\">\n    <ng-template #trigger>\n      <button cdsButton=\"tertiary\">\n        {{ 'buildingBlockManagement.actions.more' | translate }}\n        <svg class=\"cds--btn__icon\" cdsIcon=\"overflow-menu--vertical\" size=\"16\"></svg>\n      </button>\n    </ng-template>\n\n    <cds-overflow-menu\n      [customTrigger]=\"trigger\"\n      class=\"overflow-button\"\n      valtimoCdsOverflowButton\n      [width]=\"250\"\n      [offset]=\"{y: 48, x: 37}\"\n    >\n      <cds-overflow-menu-option\n        [id]=\"'exportBuildingBlock'\"\n        (selected)=\"export()\"\n        [disabled]=\"(actionInProgress$ | async) || (exporting$ | async)\"\n      >\n        {{\n          'buildingBlockManagement.overflowMenu.export'\n            | translate: {value: buildingBlockName$ | async}\n        }}\n      </cds-overflow-menu-option>\n\n      <cds-overflow-menu-option\n        *ngIf=\"!obs.isFinal\"\n        [disabled]=\"actionInProgress$ | async\"\n        (selected)=\"finalizeDraft()\"\n      >\n        {{ 'buildingBlockManagement.actions.makeFinal' | translate }}\n      </cds-overflow-menu-option>\n\n      <cds-overflow-menu-option\n        *ngIf=\"obs.isFinal\"\n        [disabled]=\"actionInProgress$ | async\"\n        (selected)=\"openDraftModal()\"\n      >\n        {{ 'buildingBlockManagement.actions.createDraft' | translate }}\n      </cds-overflow-menu-option>\n    </cds-overflow-menu>\n  </div>\n</div>\n\n<ng-template #exportingMessage>\n  <div class=\"exporting-message\">\n    <span class=\"cds--inline-notification__title\">{{\n      'buildingBlockManagement.overflowMenu.preparingDownload' | translate\n    }}</span>\n    <cds-loading size=\"sm\"></cds-loading>\n  </div>\n</ng-template>\n\n<cds-modal\n  *ngIf=\"{open: showDraftModal$ | async} as obs\"\n  [open]=\"obs.open\"\n  showFooter=\"true\"\n  valtimoCdsModal\n  (close)=\"closeDraftModal()\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"closeDraftModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'buildingBlockManagement.actions.draft.title' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form [formGroup]=\"draftForm\" cdsModalContent class=\"bb-management-actions__modal\" [cdsLayer]=\"1\">\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label\n        [disabled]=\"draftForm.disabled\"\n        [invalid]=\"versionTag.touched && versionTag.invalid\"\n      >\n        <span class=\"label-with-tooltip select-label\">\n          {{ 'buildingBlockManagement.actions.draft.version' | translate }}\n        </span>\n\n        <input\n          formControlName=\"versionTag\"\n          cdsText\n          placeholder=\"{{ 'buildingBlockManagement.actions.draft.placeholder' | translate }}\"\n        />\n      </cds-label>\n    </div>\n  </form>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"closeDraftModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      cdsButton=\"primary\"\n      [disabled]=\"draftForm.invalid || (actionInProgress$ | async)\"\n      (click)=\"createDraft()\"\n    >\n      {{ 'buildingBlockManagement.actions.draft.confirm' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".building-block-actions{display:flex;width:100%;justify-content:space-between;align-items:flex-end}.building-block-actions ::ng-deep .version-selection{width:160px}.building-block-actions ::ng-deep .version-selection .cds--list-box__selection{display:none}.bb-management-actions__modal{min-width:320px}.building-block-metadata{display:flex;gap:24px;align-items:flex-end}.building-block-buttons{display:flex;align-items:center;gap:16px}::ng-deep .cds--list-box__field{display:flex;justify-content:space-between}::ng-deep .cds--list-box__menu-item__option{display:flex;justify-content:space-between;padding-inline-end:0}::ng-deep .cds--list-box__menu-item__option>div{margin-top:-4px}.full-width-notification{max-inline-size:100%;min-inline-size:100%}::ng-deep .cds--text-input__field-wrapper cds-label{width:100%}.exporting-message{display:flex;align-items:center;gap:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i3$1.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i3$1.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i3$1.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i3$1.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i3$1.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i3$1.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i3$1.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i3$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i3$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i3$1.OverflowMenu, selector: "cds-overflow-menu, ibm-overflow-menu", inputs: ["buttonLabel", "description", "flip", "placement", "open", "customTrigger", "offset", "wrapperClass", "triggerClass"], outputs: ["openChange"] }, { kind: "component", type: i3$1.OverflowMenuOption, selector: "cds-overflow-menu-option, ibm-overflow-menu-option", inputs: ["divider", "type", "disabled", "href", "target", "innerClass"], outputs: ["selected"] }, { kind: "component", type: BuildingBlockManagementVersionSelectorComponent, selector: "valtimo-building-block-management-version-selector" }, { kind: "directive", type: ValtimoCdsOverflowButtonDirective, selector: "[valtimoCdsOverflowButton]", inputs: ["width"] }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: i3$1.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementDetailActionsComponent, decorators: [{
@@ -1597,7 +1612,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         ValtimoCdsOverflowButtonDirective,
                         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\n<div\n  class=\"building-block-actions\"\n  *ngIf=\"{\n    isFinal: isFinal$ | async,\n  } as obs\"\n>\n  <div class=\"building-block-metadata\">\n    <valtimo-building-block-management-version-selector></valtimo-building-block-management-version-selector>\n  </div>\n\n  <div class=\"building-block-buttons\">\n    <ng-template #trigger>\n      <button cdsButton=\"tertiary\">\n        {{ 'buildingBlockManagement.actions.more' | translate }}\n        <svg class=\"cds--btn__icon\" cdsIcon=\"overflow-menu--vertical\" size=\"16\"></svg>\n      </button>\n    </ng-template>\n\n    <cds-overflow-menu\n      [customTrigger]=\"trigger\"\n      class=\"overflow-button\"\n      valtimoCdsOverflowButton\n      [width]=\"250\"\n      [offset]=\"{y: 48, x: 37}\"\n    >\n      <cds-overflow-menu-option\n        [id]=\"'exportBuildingBlock'\"\n        (selected)=\"export()\"\n        [disabled]=\"(actionInProgress$ | async) || (exporting$ | async)\"\n      >\n        {{\n          'buildingBlockManagement.overflowMenu.export'\n            | translate: {value: buildingBlockName$ | async}\n        }}\n      </cds-overflow-menu-option>\n\n      <cds-overflow-menu-option\n        *ngIf=\"!obs.isFinal\"\n        [disabled]=\"actionInProgress$ | async\"\n        (selected)=\"finalizeDraft()\"\n      >\n        {{ 'buildingBlockManagement.actions.makeFinal' | translate }}\n      </cds-overflow-menu-option>\n\n      <cds-overflow-menu-option\n        *ngIf=\"obs.isFinal\"\n        [disabled]=\"actionInProgress$ | async\"\n        (selected)=\"openDraftModal()\"\n      >\n        {{ 'buildingBlockManagement.actions.createDraft' | translate }}\n      </cds-overflow-menu-option>\n    </cds-overflow-menu>\n  </div>\n</div>\n\n<ng-template #exportingMessage>\n  <div class=\"exporting-message\">\n    <span class=\"cds--inline-notification__title\">{{\n      'buildingBlockManagement.overflowMenu.preparingDownload' | translate\n    }}</span>\n    <cds-loading size=\"sm\"></cds-loading>\n  </div>\n</ng-template>\n\n<cds-modal\n  *ngIf=\"{open: showDraftModal$ | async} as obs\"\n  [open]=\"obs.open\"\n  showFooter=\"true\"\n  valtimoCdsModal\n  (close)=\"closeDraftModal()\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"closeDraftModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'buildingBlockManagement.actions.draft.title' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form [formGroup]=\"draftForm\" cdsModalContent class=\"bb-management-actions__modal\" [cdsLayer]=\"1\">\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label\n        [disabled]=\"draftForm.disabled\"\n        [invalid]=\"versionTag.touched && versionTag.invalid\"\n      >\n        <span class=\"label-with-tooltip select-label\">\n          {{ 'buildingBlockManagement.actions.draft.version' | translate }}\n        </span>\n\n        <input\n          formControlName=\"versionTag\"\n          cdsText\n          placeholder=\"{{ 'buildingBlockManagement.actions.draft.placeholder' | translate }}\"\n        />\n      </cds-label>\n    </div>\n  </form>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"closeDraftModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      cdsButton=\"primary\"\n      [disabled]=\"draftForm.invalid || (actionInProgress$ | async)\"\n      (click)=\"createDraft()\"\n    >\n      {{ 'buildingBlockManagement.actions.draft.confirm' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".building-block-actions{display:flex;width:100%;justify-content:space-between;align-items:flex-end}.building-block-actions ::ng-deep .version-selection{width:160px}.building-block-actions ::ng-deep .version-selection .cds--list-box__selection{display:none}.bb-management-actions__modal{min-width:320px}.building-block-metadata{display:flex;gap:24px;align-items:flex-end}.building-block-buttons{display:flex;align-items:center;gap:16px}::ng-deep .cds--list-box__field{display:flex;justify-content:space-between}::ng-deep .cds--list-box__menu-item__option{display:flex;justify-content:space-between;padding-inline-end:0}::ng-deep .cds--list-box__menu-item__option>div{margin-top:-4px}.full-width-notification{max-inline-size:100%;min-inline-size:100%}::ng-deep .cds--text-input__field-wrapper cds-label{width:100%}.exporting-message{display:flex;align-items:center;gap:8px}\n"] }]
-        }], ctorParameters: () => [{ type: BuildingBlockManagementApiService }, { type: BuildingBlockManagementDetailService }, { type: i2$2.FormBuilder }, { type: i1.GlobalNotificationService }, { type: i4$1.TranslateService }, { type: Document, decorators: [{
+        }], ctorParameters: () => [{ type: BuildingBlockManagementApiService }, { type: BuildingBlockManagementDetailService }, { type: i2$2.FormBuilder }, { type: i1.GlobalNotificationService }, { type: i2$3.TranslateService }, { type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
                 }] }], propDecorators: { _exportMessageTemplateRef: [{
@@ -1605,6 +1620,211 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 args: ['exportingMessage']
             }] } });
 
+/*
+ * Copyright 2015-2026 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 BuildingBlockManagementFormsComponent {
+    get _partialPagination() {
+        return this._partialPagination$.getValue();
+    }
+    constructor(buildingBlockManagementDetailService, buildingBlockManagementApiService, translateService, iconService, router, notificationService) {
+        this.buildingBlockManagementDetailService = buildingBlockManagementDetailService;
+        this.buildingBlockManagementApiService = buildingBlockManagementApiService;
+        this.translateService = translateService;
+        this.iconService = iconService;
+        this.router = router;
+        this.notificationService = notificationService;
+        this.$loading = signal(true);
+        this._buildingBlockFormDefinitions$ = new BehaviorSubject([]);
+        this._buildingBlockFormDefinitionItems = [];
+        this.buildingBlockFormDefinitionItems$ = combineLatest([this._buildingBlockFormDefinitions$, this.translateService.stream('key')]).pipe(map(([formDefinitions]) => formDefinitions.map(definition => ({
+            ...definition,
+            readOnlyText: definition.readOnly
+                ? this.translateService.instant('formManagement.readOnly')
+                : '',
+        }))), tap(buildingBlockFormDefinitionItems => (this._buildingBlockFormDefinitionItems = buildingBlockFormDefinitionItems)));
+        this.FIELDS = [
+            { key: 'name', label: 'buildingBlockManagement.formDefinition.name' },
+            {
+                key: 'readOnlyText',
+                label: '',
+                viewType: ViewType.TAGS,
+            },
+        ];
+        this.onDeleteClick = (form) => {
+            this._formToDelete = form;
+            this.showDeleteModal$.next(true);
+        };
+        this.ACTION_ITEMS = [
+            {
+                label: 'interface.edit',
+                callback: this.onEditClick.bind(this),
+                type: 'normal',
+                disabledCallback: this.editDisabled.bind(this),
+            },
+            {
+                label: 'interface.delete',
+                callback: this.onDeleteClick,
+                type: 'danger',
+                disabledCallback: this.deleteDisabled.bind(this),
+            },
+        ];
+        this.isFinal$ = this.buildingBlockManagementDetailService.isFinal$;
+        this.showCreateModal$ = new BehaviorSubject(false);
+        this.showDeleteModal$ = new BehaviorSubject(false);
+        this.upload$ = new BehaviorSubject(false);
+        this._collectionSize$ = new BehaviorSubject(0);
+        this._partialPagination$ = new BehaviorSubject({
+            page: 1,
+            size: 10,
+        });
+        this.pagination$ = combineLatest([
+            this._collectionSize$,
+            this._partialPagination$,
+        ]).pipe(map(([collectionSize, partialPagination]) => ({ ...partialPagination, collectionSize })));
+        this.searchTerm$ = new BehaviorSubject('');
+        this._subscriptions = new Subscription();
+        this._isFinal = false;
+        this.iconService.registerAll([Upload16, Add16]);
+    }
+    ngOnInit() {
+        this._subscriptions.add(combineLatest([
+            this.buildingBlockManagementDetailService.buildingBlockDefinitionKey$,
+            this.buildingBlockManagementDetailService.buildingBlockDefinitionVersionTag$,
+        ])
+            .pipe(distinctUntilChanged((a, b) => isEqual(a, b)), tap(() => this.$loading.set(true)), switchMap(([key, versionTag]) => combineLatest([
+            this.buildingBlockManagementDetailService.reloadFormDefinitions$,
+            this._partialPagination$,
+            this.searchTerm$,
+        ]).pipe(tap(() => this.$loading.set(true)), switchMap(([, pagination, searchTerm]) => this.buildingBlockManagementApiService.getBuildingBlockFormDefinitions(key, versionTag, {
+            page: (pagination?.page ?? 1) - 1,
+            size: pagination?.size ?? 10,
+            ...(searchTerm && { searchTerm }),
+        })))), tap(response => {
+            this._collectionSize$.next(response?.totalElements ?? 0);
+            this._buildingBlockFormDefinitions$.next(response?.content ?? []);
+            this.$loading.set(false);
+        }))
+            .subscribe());
+        this._subscriptions.add(this.isFinal$.subscribe(isFinal => (this._isFinal = isFinal)));
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+    }
+    onRowClick(formDefinition) {
+        this.navigateToFormDefinition(formDefinition.id);
+    }
+    navigateToFormDefinition(formDefinitionId, upload = false) {
+        this.router.navigate([
+            '/building-block-management',
+            'building-block',
+            this.buildingBlockManagementDetailService.buildingBlockDefinitionKey,
+            'version',
+            this.buildingBlockManagementDetailService.buildingBlockDefinitionVersionTag,
+            BUILDING_BLOCK_MANAGEMENT_TABS.FORMS,
+            formDefinitionId,
+        ], { queryParams: { ...(upload && { upload: true }) } });
+    }
+    onCreateClick() {
+        this.showCreateModal$.next(true);
+    }
+    onUploadClick() {
+        this.upload$.next(true);
+        this.showCreateModal$.next(true);
+    }
+    onGoBackFromCreateEvent() {
+        this.showCreateModal$.next(false);
+        this.upload$.next(false);
+    }
+    onFormDefinitionCreateEvent(formDefinitionId) {
+        this.showCreateModal$.next(false);
+        this.notificationService.showToast({
+            type: 'success',
+            title: this.translateService.instant('formManagement.notifications.created'),
+        });
+        this.navigateToFormDefinition(formDefinitionId);
+    }
+    onFormDefinitionUploadEvent(formDefinitionId) {
+        this.showCreateModal$.next(false);
+        this.upload$.next(false);
+        this.notificationService.showToast({
+            type: 'success',
+            title: this.translateService.instant('formManagement.notifications.created'),
+        });
+        this.navigateToFormDefinition(formDefinitionId, true);
+    }
+    onEditClick(form) {
+        this.onRowClick(form);
+    }
+    onDeleteConfirm() {
+        if (!this._formToDelete)
+            return;
+        this.$loading.set(true);
+        this.buildingBlockManagementApiService
+            .deleteBuildingBlockFormDefinition(this.buildingBlockManagementDetailService.buildingBlockDefinitionKey, this.buildingBlockManagementDetailService.buildingBlockDefinitionVersionTag, this._formToDelete.id)
+            .subscribe({
+            next: () => {
+                this.notificationService.showToast({
+                    type: 'success',
+                    title: this.translateService.instant('formManagement.notifications.deleted'),
+                });
+                this.buildingBlockManagementDetailService.reloadFormDefinitions();
+            },
+            error: () => {
+                this.notificationService.showToast({
+                    type: 'error',
+                    title: this.translateService.instant('formManagement.notifications.deletionError'),
+                });
+                this.$loading.set(false);
+            },
+        });
+    }
+    paginationClicked(page) {
+        this.updatePagination({ page });
+    }
+    paginationSet(size) {
+        this.updatePagination({ size, page: 1 });
+    }
+    searchTermEntered(searchTerm) {
+        this.searchTerm$.next(searchTerm);
+    }
+    updatePagination(update) {
+        this._partialPagination$.next({ ...this._partialPagination, ...update });
+    }
+    editDisabled() {
+        return this._isFinal;
+    }
+    deleteDisabled(form) {
+        return form.readOnly || this._isFinal;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementFormsComponent, deps: [{ token: BuildingBlockManagementDetailService }, { token: BuildingBlockManagementApiService }, { token: i2$3.TranslateService }, { token: i3$1.IconService }, { token: i3.Router }, { token: i1.GlobalNotificationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: BuildingBlockManagementFormsComponent, isStandalone: true, selector: "valtimo-building-block-management-forms", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2026 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]=\"FIELDS\"\n  [actionItems]=\"ACTION_ITEMS\"\n  [items]=\"buildingBlockFormDefinitionItems$ | async\"\n  [loading]=\"$loading()\"\n  [pagination]=\"pagination$ | async\"\n  (rowClicked)=\"onRowClick($event)\"\n  (paginationClicked)=\"paginationClicked($event)\"\n  (paginationSet)=\"paginationSet($event)\"\n  (searchStringSubmit)=\"searchTermEntered($event)\"\n>\n  <div carbonToolbarContent>\n    <div class=\"valtimo-building-block-management-list__actions\">\n      <button\n        cdsButton=\"ghost\"\n        [iconOnly]=\"true\"\n        (click)=\"onUploadClick()\"\n        [disabled]=\"(isFinal$ | async) || $loading()\"\n      >\n        <svg cdsIcon=\"upload\" size=\"16\"></svg>\n      </button>\n\n      <button\n        cdsButton=\"primary\"\n        (click)=\"onCreateClick()\"\n        [disabled]=\"(isFinal$ | async) || $loading()\"\n      >\n        {{ 'interface.create' | translate }}\n\n        <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n      </button>\n    </div>\n  </div>\n</valtimo-carbon-list>\n\n<valtimo-form-management-create\n  *ngIf=\"showCreateModal$ | async\"\n  [upload]=\"upload$ | async\"\n  (goBackEvent)=\"onGoBackFromCreateEvent()\"\n  (afterCreateEvent)=\"onFormDefinitionCreateEvent($event)\"\n  (afterUploadEvent)=\"onFormDefinitionUploadEvent($event)\"\n></valtimo-form-management-create>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"formManagement.deleteModal.content\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"formManagement.deleteModal.title\"\n  (confirmEvent)=\"onDeleteConfirm()\"\n></valtimo-confirmation-modal>\n", styles: [":host{display:block}.valtimo-building-block-management-list__actions{display:flex;gap:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i2$1.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2$3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i3$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i2$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: FormManagementCreateComponent, selector: "valtimo-form-management-create", inputs: ["upload"], outputs: ["goBackEvent", "afterCreateEvent", "afterUploadEvent"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementFormsComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-building-block-management-forms', imports: [
+                        CommonModule,
+                        CarbonListModule,
+                        TranslateModule,
+                        ButtonModule,
+                        IconModule,
+                        ConfirmationModalModule,
+                        FormManagementCreateComponent,
+                    ], template: "<!--\n  ~ Copyright 2015-2026 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]=\"FIELDS\"\n  [actionItems]=\"ACTION_ITEMS\"\n  [items]=\"buildingBlockFormDefinitionItems$ | async\"\n  [loading]=\"$loading()\"\n  [pagination]=\"pagination$ | async\"\n  (rowClicked)=\"onRowClick($event)\"\n  (paginationClicked)=\"paginationClicked($event)\"\n  (paginationSet)=\"paginationSet($event)\"\n  (searchStringSubmit)=\"searchTermEntered($event)\"\n>\n  <div carbonToolbarContent>\n    <div class=\"valtimo-building-block-management-list__actions\">\n      <button\n        cdsButton=\"ghost\"\n        [iconOnly]=\"true\"\n        (click)=\"onUploadClick()\"\n        [disabled]=\"(isFinal$ | async) || $loading()\"\n      >\n        <svg cdsIcon=\"upload\" size=\"16\"></svg>\n      </button>\n\n      <button\n        cdsButton=\"primary\"\n        (click)=\"onCreateClick()\"\n        [disabled]=\"(isFinal$ | async) || $loading()\"\n      >\n        {{ 'interface.create' | translate }}\n\n        <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n      </button>\n    </div>\n  </div>\n</valtimo-carbon-list>\n\n<valtimo-form-management-create\n  *ngIf=\"showCreateModal$ | async\"\n  [upload]=\"upload$ | async\"\n  (goBackEvent)=\"onGoBackFromCreateEvent()\"\n  (afterCreateEvent)=\"onFormDefinitionCreateEvent($event)\"\n  (afterUploadEvent)=\"onFormDefinitionUploadEvent($event)\"\n></valtimo-form-management-create>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"formManagement.deleteModal.content\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"formManagement.deleteModal.title\"\n  (confirmEvent)=\"onDeleteConfirm()\"\n></valtimo-confirmation-modal>\n", styles: [":host{display:block}.valtimo-building-block-management-list__actions{display:flex;gap:.5rem}\n"] }]
+        }], ctorParameters: () => [{ type: BuildingBlockManagementDetailService }, { type: BuildingBlockManagementApiService }, { type: i2$3.TranslateService }, { type: i3$1.IconService }, { type: i3.Router }, { type: i1.GlobalNotificationService }] });
+
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
  *
@@ -1657,7 +1877,7 @@ class BuildingBlockManagementDetailComponent {
         return [];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementDetailComponent, deps: [{ token: i3.ActivatedRoute }, { token: BuildingBlockManagementDetailService }, { token: i2$1.PageTitleService }, { token: BUILDING_BLOCK_MANAGEMENT_TAB_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: BuildingBlockManagementDetailComponent, isStandalone: true, selector: "valtimo-building-block-management-detail", providers: [BuildingBlockManagementDetailService], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n@if (activeTabKey$ | async; as activeTabKey) {\n  <cds-tabs type=\"line\">\n    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.GENERAL}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.general' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.GENERAL)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-general></valtimo-building-block-management-general>\n        }\n      </cds-tab>\n    }\n\n    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.DOCUMENT}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.document' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.DOCUMENT)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-document></valtimo-building-block-management-document>\n        }\n      </cds-tab>\n    }\n\n    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.PROCESSES}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.processes' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.PROCESSES)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-processes></valtimo-building-block-management-processes>\n        }\n      </cds-tab>\n    }\n\n    @for (customTab of customTabs; track customTab.tabRoute) {\n      @if ((customTab.enabled$ | async) && {active: activeTabKey === customTab.tabRoute}; as obs) {\n        <cds-tab\n          [active]=\"obs.active\"\n          [heading]=\"customTab.translationKey | translate\"\n          (selected)=\"switchTab(customTab.tabRoute)\"\n        >\n          @if (obs.active) {\n            <ng-container *ngComponentOutlet=\"customTab.component\"></ng-container>\n          }\n        </cds-tab>\n      }\n    }\n  </cds-tabs>\n}\n\n<ng-container renderInPageHeader [fullWidth]=\"true\">\n  <ng-template>\n    <div class=\"building-block-management-detail__header\">\n      <valtimo-building-block-management-detail-actions></valtimo-building-block-management-detail-actions>\n    </div>\n  </ng-template>\n</ng-container>\n", styles: [".valtimo-building-block-management-list__actions{display:flex}:host ::ng-deep .building-block-management-detail__header{display:flex;align-items:center;gap:.75rem;justify-content:flex-end}:host ::ng-deep .cds--tab-content{margin:0!important;padding-left:0!important;padding-right:0!important;outline:none!important}.building-block-management-header{display:flex;justify-content:space-between}\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: i4.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: IconModule }, { kind: "ngmodule", type: TabsModule }, { kind: "component", type: i3$1.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i3$1.Tab, selector: "cds-tab, ibm-tab", inputs: ["heading", "title", "context", "active", "disabled", "tabIndex", "id", "cacheActive", "tabContent", "templateContext"], outputs: ["selected"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: BuildingBlockManagementGeneralComponent, selector: "valtimo-building-block-management-general" }, { kind: "component", type: BuildingBlockManagementDocumentComponent, selector: "valtimo-building-block-management-document" }, { kind: "component", type: BuildingBlockManagementProcessesComponent, selector: "valtimo-building-block-management-processes" }, { kind: "directive", type: RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "component", type: BuildingBlockManagementDetailActionsComponent, selector: "valtimo-building-block-management-detail-actions" }, { kind: "ngmodule", type: DialogModule }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: BuildingBlockManagementDetailComponent, isStandalone: true, selector: "valtimo-building-block-management-detail", providers: [BuildingBlockManagementDetailService], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n@if (activeTabKey$ | async; as activeTabKey) {\n  <cds-tabs type=\"line\">\n    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.GENERAL}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.general' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.GENERAL)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-general></valtimo-building-block-management-general>\n        }\n      </cds-tab>\n    }\n\n    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.DOCUMENT}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.document' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.DOCUMENT)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-document></valtimo-building-block-management-document>\n        }\n      </cds-tab>\n    }\n\n    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.PROCESSES}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.processes' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.PROCESSES)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-processes></valtimo-building-block-management-processes>\n        }\n      </cds-tab>\n    }\n\n    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.FORMS}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.forms' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.FORMS)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-forms></valtimo-building-block-management-forms>\n        }\n      </cds-tab>\n    }\n\n    @for (customTab of customTabs; track customTab.tabRoute) {\n      @if ((customTab.enabled$ | async) && {active: activeTabKey === customTab.tabRoute}; as obs) {\n        <cds-tab\n          [active]=\"obs.active\"\n          [heading]=\"customTab.translationKey | translate\"\n          (selected)=\"switchTab(customTab.tabRoute)\"\n        >\n          @if (obs.active) {\n            <ng-container *ngComponentOutlet=\"customTab.component\"></ng-container>\n          }\n        </cds-tab>\n      }\n    }\n  </cds-tabs>\n}\n\n<ng-container renderInPageHeader [fullWidth]=\"true\">\n  <ng-template>\n    <div class=\"building-block-management-detail__header\">\n      <valtimo-building-block-management-detail-actions></valtimo-building-block-management-detail-actions>\n    </div>\n  </ng-template>\n</ng-container>\n", styles: [".valtimo-building-block-management-list__actions{display:flex}:host ::ng-deep .building-block-management-detail__header{display:flex;align-items:center;gap:.75rem;justify-content:flex-end}:host ::ng-deep .cds--tab-content{margin:0!important;padding-left:0!important;padding-right:0!important;outline:none!important}.building-block-management-header{display:flex;justify-content:space-between}\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: i4.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: IconModule }, { kind: "ngmodule", type: TabsModule }, { kind: "component", type: i3$1.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i3$1.Tab, selector: "cds-tab, ibm-tab", inputs: ["heading", "title", "context", "active", "disabled", "tabIndex", "id", "cacheActive", "tabContent", "templateContext"], outputs: ["selected"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: BuildingBlockManagementGeneralComponent, selector: "valtimo-building-block-management-general" }, { kind: "component", type: BuildingBlockManagementDocumentComponent, selector: "valtimo-building-block-management-document" }, { kind: "component", type: BuildingBlockManagementProcessesComponent, selector: "valtimo-building-block-management-processes" }, { kind: "component", type: BuildingBlockManagementFormsComponent, selector: "valtimo-building-block-management-forms" }, { kind: "directive", type: RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "component", type: BuildingBlockManagementDetailActionsComponent, selector: "valtimo-building-block-management-detail-actions" }, { kind: "ngmodule", type: DialogModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementDetailComponent, decorators: [{
             type: Component,
@@ -1671,10 +1891,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         BuildingBlockManagementGeneralComponent,
                         BuildingBlockManagementDocumentComponent,
                         BuildingBlockManagementProcessesComponent,
+                        BuildingBlockManagementFormsComponent,
                         RenderInPageHeaderDirective,
                         BuildingBlockManagementDetailActionsComponent,
                         DialogModule,
-                    ], providers: [BuildingBlockManagementDetailService], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n@if (activeTabKey$ | async; as activeTabKey) {\n  <cds-tabs type=\"line\">\n    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.GENERAL}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.general' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.GENERAL)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-general></valtimo-building-block-management-general>\n        }\n      </cds-tab>\n    }\n\n    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.DOCUMENT}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.document' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.DOCUMENT)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-document></valtimo-building-block-management-document>\n        }\n      </cds-tab>\n    }\n\n    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.PROCESSES}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.processes' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.PROCESSES)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-processes></valtimo-building-block-management-processes>\n        }\n      </cds-tab>\n    }\n\n    @for (customTab of customTabs; track customTab.tabRoute) {\n      @if ((customTab.enabled$ | async) && {active: activeTabKey === customTab.tabRoute}; as obs) {\n        <cds-tab\n          [active]=\"obs.active\"\n          [heading]=\"customTab.translationKey | translate\"\n          (selected)=\"switchTab(customTab.tabRoute)\"\n        >\n          @if (obs.active) {\n            <ng-container *ngComponentOutlet=\"customTab.component\"></ng-container>\n          }\n        </cds-tab>\n      }\n    }\n  </cds-tabs>\n}\n\n<ng-container renderInPageHeader [fullWidth]=\"true\">\n  <ng-template>\n    <div class=\"building-block-management-detail__header\">\n      <valtimo-building-block-management-detail-actions></valtimo-building-block-management-detail-actions>\n    </div>\n  </ng-template>\n</ng-container>\n", styles: [".valtimo-building-block-management-list__actions{display:flex}:host ::ng-deep .building-block-management-detail__header{display:flex;align-items:center;gap:.75rem;justify-content:flex-end}:host ::ng-deep .cds--tab-content{margin:0!important;padding-left:0!important;padding-right:0!important;outline:none!important}.building-block-management-header{display:flex;justify-content:space-between}\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"] }]
+                    ], providers: [BuildingBlockManagementDetailService], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n@if (activeTabKey$ | async; as activeTabKey) {\n  <cds-tabs type=\"line\">\n    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.GENERAL}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.general' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.GENERAL)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-general></valtimo-building-block-management-general>\n        }\n      </cds-tab>\n    }\n\n    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.DOCUMENT}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.document' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.DOCUMENT)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-document></valtimo-building-block-management-document>\n        }\n      </cds-tab>\n    }\n\n    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.PROCESSES}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.processes' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.PROCESSES)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-processes></valtimo-building-block-management-processes>\n        }\n      </cds-tab>\n    }\n\n    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.FORMS}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.forms' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.FORMS)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-forms></valtimo-building-block-management-forms>\n        }\n      </cds-tab>\n    }\n\n    @for (customTab of customTabs; track customTab.tabRoute) {\n      @if ((customTab.enabled$ | async) && {active: activeTabKey === customTab.tabRoute}; as obs) {\n        <cds-tab\n          [active]=\"obs.active\"\n          [heading]=\"customTab.translationKey | translate\"\n          (selected)=\"switchTab(customTab.tabRoute)\"\n        >\n          @if (obs.active) {\n            <ng-container *ngComponentOutlet=\"customTab.component\"></ng-container>\n          }\n        </cds-tab>\n      }\n    }\n  </cds-tabs>\n}\n\n<ng-container renderInPageHeader [fullWidth]=\"true\">\n  <ng-template>\n    <div class=\"building-block-management-detail__header\">\n      <valtimo-building-block-management-detail-actions></valtimo-building-block-management-detail-actions>\n    </div>\n  </ng-template>\n</ng-container>\n", styles: [".valtimo-building-block-management-list__actions{display:flex}:host ::ng-deep .building-block-management-detail__header{display:flex;align-items:center;gap:.75rem;justify-content:flex-end}:host ::ng-deep .cds--tab-content{margin:0!important;padding-left:0!important;padding-right:0!important;outline:none!important}.building-block-management-header{display:flex;justify-content:space-between}\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: i3.ActivatedRoute }, { type: BuildingBlockManagementDetailService }, { type: i2$1.PageTitleService }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -1712,6 +1933,7 @@ const routes = [
             title: 'buildingBlockManagement.detail.title',
             roles: [ROLE_ADMIN],
             customPageTitle: true,
+            context: 'buildingBlock',
         },
     },
     {
@@ -1735,6 +1957,17 @@ const routes = [
             context: 'buildingBlock',
         },
     },
+    {
+        path: `building-block-management/building-block/:buildingBlockDefinitionKey/version/:buildingBlockDefinitionVersionTag/${BUILDING_BLOCK_MANAGEMENT_TABS.FORMS}/:formDefinitionId`,
+        component: FormManagementEditComponent,
+        canActivate: [AuthGuardService],
+        data: {
+            title: 'formManagement.edit.title',
+            roles: [ROLE_ADMIN],
+            customPageTitle: true,
+            context: 'buildingBlock',
+        },
+    },
 ];
 class BuildingBlockManagementRouting {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementRouting, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }