@valtimo/building-block-management 0.0.0-test

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

@@ -0,0 +1,2379 @@
+import * as i0 from '@angular/core';
+import { Injectable, Component, Input, signal, ChangeDetectionStrategy, ViewChild, Inject, Optional, NgModule } from '@angular/core';
+import * as i4 from '@angular/common';
+import { CommonModule, DOCUMENT } from '@angular/common';
+import * as i7 from '@valtimo/components';
+import { runAfterCarbonModalClosed, ValtimoCdsModalDirective, AutoKeyInputComponent, TooltipIconModule, CARBON_CONSTANTS, ViewType, CarbonListModule, ReadOnlyDirective, ConfirmationModalModule, RenderInBodyComponent, MuuriDirectiveModule, SchemaEditorComponent, FitPageDirective, OverflowMenuComponent, OverflowMenuOptionComponent, RenderInPageHeaderDirective } from '@valtimo/components';
+import * as i2 from '@angular/common/http';
+import { HttpHeaders, HttpErrorResponse } from '@angular/common/http';
+import * as i5 from '@valtimo/shared';
+import { BaseApiService, InterceptorSkip, BUILDING_BLOCK_MANAGEMENT_TAB_TOKEN, ROLE_ADMIN } from '@valtimo/shared';
+import { catchError, of, filter, switchMap, map, tap, distinctUntilChanged, BehaviorSubject, Subscription, combineLatest, take, startWith, from, finalize } from 'rxjs';
+import { isEqual } from 'lodash';
+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 i2$2 from '@ngx-translate/core';
+import { TranslatePipe, TranslateModule } from '@ngx-translate/core';
+import * as i2$1 from '@angular/forms';
+import { Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
+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 { take as take$1 } from 'rxjs/operators';
+import * as i3$2 from '@valtimo/process-link';
+import { FormManagementCreateComponent, FormManagementEditComponent } from '@valtimo/form-management';
+import { NewFormFlowModalComponent, FormFlowEditorComponent } from '@valtimo/form-flow-management';
+import * as i2$4 from '@valtimo/decision';
+import { DecisionDeployComponent, DecisionModelerComponent } from '@valtimo/decision';
+import { ProcessManagementBuilderComponent } from '@valtimo/process-management';
+
+/*
+ * 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 BuildingBlockManagementApiService extends BaseApiService {
+    constructor(configService, httpClient) {
+        super(httpClient, configService);
+        this.configService = configService;
+        this.httpClient = httpClient;
+    }
+    getBuildingBlockDefinitions(options) {
+        return this.httpClient
+            .get(this.getApiUrl('management/v1/building-block'), {
+            params: options,
+            headers: new HttpHeaders().set(InterceptorSkip, '404'),
+        })
+            .pipe(catchError((error) => {
+            if (error.status === 404)
+                return of([]);
+            throw error;
+        }));
+    }
+    createBuildingBlockDefinition(dto) {
+        return this.httpClient.post(this.getApiUrl('management/v1/building-block'), dto);
+    }
+    getBuildingBlockDefinition(key, versionTag) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/building-block/${key}/version/${versionTag}`));
+    }
+    updateBuildingBlockDefinition(key, versionTag, dto) {
+        return this.httpClient.put(this.getApiUrl(`management/v1/building-block/${key}/version/${versionTag}`), dto);
+    }
+    getBuildingBlockDocumentDefinition(key, versionTag) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/building-block/${key}/version/${versionTag}/document`));
+    }
+    updateBuildingBlockDocumentDefinition(key, versionTag, schema) {
+        return this.httpClient.put(this.getApiUrl(`management/v1/building-block/${key}/version/${versionTag}/document`), schema);
+    }
+    getBuildingBlockProcessDefinitions(key, versionTag) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/building-block/${key}/version/${versionTag}/process-definition`));
+    }
+    importBuildingBlockDefinition(file) {
+        return this.httpClient.post(this.getApiUrl(`management/v1/building-block/import`), file);
+    }
+    getBuildingBlockArtwork(key, versionTag) {
+        return this.httpClient
+            .get(this.getApiUrl(`management/v1/building-block/${key}/version/${versionTag}/artwork`), {
+            headers: new HttpHeaders().set(InterceptorSkip, '404'),
+        })
+            .pipe(catchError((error) => {
+            if (error.status === 404)
+                return of(null);
+            throw error;
+        }));
+    }
+    createBuildingBlockArtwork(key, versionTag, dto) {
+        return this.httpClient.post(this.getApiUrl(`management/v1/building-block/${key}/version/${versionTag}/artwork`), dto);
+    }
+    deleteBuildingBlockArtwork(key, versionTag) {
+        return this.httpClient.delete(this.getApiUrl(`management/v1/building-block/${key}/version/${versionTag}/artwork`));
+    }
+    getPluginDefinitionsForBuildingBlock(key, versionTag) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/building-block/${key}/version/${versionTag}/plugin`));
+    }
+    getVersionsForBuildingBlock(key, page = 0, size = 5, all = false) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/building-block/${key}/version`), {
+            params: {
+                page,
+                size,
+                all,
+            },
+        });
+    }
+    finalizeBuildingBlockDefinition(key, versionTag) {
+        return this.httpClient.post(this.getApiUrl(`management/v1/building-block/${key}/version/${versionTag}/finalize`), {});
+    }
+    createDraftBuildingBlockDefinition(key, basedOnVersionTag, versionTag) {
+        return this.httpClient.post(this.getApiUrl(`management/v1/building-block/${key}/version/${basedOnVersionTag}/draft`), { versionTag });
+    }
+    setMainBuildingBlockProcessDefinition(key, versionTag, processDefinitionId) {
+        return this.httpClient.post(this.getApiUrl(`management/v1/building-block/${key}/version/${versionTag}/process-definition/${processDefinitionId}/main`), {});
+    }
+    deleteBuildingBlockProcessDefinition(key, versionTag, processDefinitionId) {
+        return this.httpClient.delete(this.getApiUrl(`management/v1/building-block/${key}/version/${versionTag}/process-definition/${processDefinitionId}`));
+    }
+    exportBuildingBlock(key, versionTag) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/building-block/${key}/version/${versionTag}/export`), {
+            responseType: 'blob',
+            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}`));
+    }
+    getBuildingBlockFormFlowDefinitions(key, versionTag) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/building-block/${key}/version/${versionTag}/form-flow-definition`));
+    }
+    getBuildingBlockFormFlowDefinitionByKey(key, versionTag, formFlowDefinitionKey) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/building-block/${key}/version/${versionTag}/form-flow-definition/${formFlowDefinitionKey}`));
+    }
+    createBuildingBlockFormFlowDefinition(key, versionTag, definition) {
+        return this.httpClient.post(this.getApiUrl(`management/v1/building-block/${key}/version/${versionTag}/form-flow-definition`), definition);
+    }
+    updateBuildingBlockFormFlowDefinition(key, versionTag, definitionKey, updatedDefinition) {
+        return this.httpClient.put(this.getApiUrl(`management/v1/building-block/${key}/version/${versionTag}/form-flow-definition/${definitionKey}`), updatedDefinition);
+    }
+    deleteBuildingBlockFormFlowDefinition(key, versionTag, definitionKey) {
+        return this.httpClient.delete(this.getApiUrl(`management/v1/building-block/${key}/version/${versionTag}/form-flow-definition/${definitionKey}`));
+    }
+    getBuildingBlockDecisionDefinitions(key, versionTag) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/building-block/${key}/version/${versionTag}/decision-definition`));
+    }
+    deleteBuildingBlockDecisionDefinition(key, versionTag, decisionDefinitionKey) {
+        return this.httpClient.delete(this.getApiUrl(`management/v1/building-block/${key}/version/${versionTag}/decision-definition/${decisionDefinitionKey}`));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementApiService, deps: [{ token: i5.ConfigService }, { token: i2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementApiService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementApiService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i5.ConfigService }, { type: i2.HttpClient }] });
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class BuildingBlockManagementDetailService {
+    get loadingDefinition$() {
+        return this._loadingDefinition$.asObservable();
+    }
+    get _route$() {
+        return this._routeSubject$.pipe(filter(route => route !== null));
+    }
+    get buildingBlockDefinitionKey() {
+        return this._buildingBlockDefinitionKey;
+    }
+    get buildingBlockDefinitionKey$() {
+        return this._route$.pipe(switchMap(route => route.paramMap.pipe(map(params => params.get('buildingBlockDefinitionKey')), filter(key => !!key), tap(key => (this._buildingBlockDefinitionKey = key)))));
+    }
+    get buildingBlockDefinitionVersionTag() {
+        return this._buildingBlockDefinitionVersionTag;
+    }
+    get buildingBlockDefinitionVersionTag$() {
+        return this._route$.pipe(switchMap(route => route.paramMap.pipe(map(params => params.get('buildingBlockDefinitionVersionTag')), filter(version => !!version), tap(version => (this._buildingBlockDefinitionVersionTag = version)))));
+    }
+    get activeTabKey$() {
+        return this._route$.pipe(switchMap(route => route.paramMap.pipe(map(params => params.get('tabKey')), filter(key => !!key))));
+    }
+    get buildingBlockDefinition$() {
+        return this._buildingBlockDefinition$.pipe(filter(definition => definition !== null), distinctUntilChanged((a, b) => isEqual(a, b)));
+    }
+    get isFinal$() {
+        return this.buildingBlockDefinition$.pipe(map(definition => definition.final));
+    }
+    get reloadVersions$() {
+        return this._reloadVersions$.asObservable();
+    }
+    get reloadProcessDefinitions$() {
+        return this._reloadProcessDefinitions$.asObservable();
+    }
+    get reloadFormDefinitions$() {
+        return this._reloadFormDefinitions$.asObservable();
+    }
+    get reloadFormFlowDefinitions$() {
+        return this._reloadFormFlowDefinitions$.asObservable();
+    }
+    constructor(buildingBlockManagementApiService, pageTitleService, router) {
+        this.buildingBlockManagementApiService = buildingBlockManagementApiService;
+        this.pageTitleService = pageTitleService;
+        this.router = router;
+        this._loadingDefinition$ = new BehaviorSubject(true);
+        this._routeSubject$ = new BehaviorSubject(null);
+        this._buildingBlockDefinition$ = new BehaviorSubject(null);
+        this._showProcessDefinitionUploadModal$ = new BehaviorSubject(false);
+        this.showProcessDefinitionUploadModal$ = this._showProcessDefinitionUploadModal$.asObservable();
+        this._reload$ = new BehaviorSubject(null);
+        this._reloadVersions$ = new BehaviorSubject(null);
+        this._reloadProcessDefinitions$ = new BehaviorSubject(null);
+        this._reloadFormDefinitions$ = new BehaviorSubject(null);
+        this._reloadFormFlowDefinitions$ = new BehaviorSubject(null);
+        this._subscriptions = new Subscription();
+        this._subscriptions.add(combineLatest([
+            this.buildingBlockDefinitionKey$,
+            this.buildingBlockDefinitionVersionTag$,
+            this._reload$,
+        ])
+            .pipe(tap(() => this._loadingDefinition$.next(true)), switchMap(([key, version]) => this.buildingBlockManagementApiService.getBuildingBlockDefinition(key, version)), tap(res => {
+            this._buildingBlockDefinition$.next(res);
+            this.pageTitleService.setCustomPageTitle(res.name);
+            this._loadingDefinition$.next(false);
+        }))
+            .subscribe());
+    }
+    setRoute(route) {
+        this._routeSubject$.next(route);
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+    }
+    navigateToTab(tabKey) {
+        this.buildingBlockDefinition$.subscribe(definition => {
+            this.router.navigate([
+                '/building-block-management',
+                'building-block',
+                definition.key,
+                'version',
+                definition.versionTag,
+                tabKey,
+            ]);
+        });
+    }
+    navigateToVersionTag(versionTag) {
+        const currentUrl = this.router.url.split('?')[0];
+        const parts = currentUrl.split('/');
+        const versionIndex = parts.findIndex(segment => segment === 'version');
+        if (versionIndex === -1 || versionIndex + 1 >= parts.length) {
+            return;
+        }
+        parts[versionIndex + 1] = versionTag;
+        const newUrl = parts.join('/');
+        this.router.navigateByUrl(newUrl);
+    }
+    reload() {
+        this._reload$.next(null);
+    }
+    reloadVersions() {
+        this._reloadVersions$.next(null);
+    }
+    showProcessDefinitionUploadModal() {
+        this._showProcessDefinitionUploadModal$.next(true);
+    }
+    hideProcessDefinitionUploadModal() {
+        this._showProcessDefinitionUploadModal$.next(false);
+    }
+    reloadProcessDefinitions() {
+        this._reloadProcessDefinitions$.next(null);
+    }
+    reloadFormDefinitions() {
+        this._reloadFormDefinitions$.next(null);
+    }
+    reloadFormFlowDefinitions() {
+        this._reloadFormFlowDefinitions$.next(null);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementDetailService, deps: [{ token: BuildingBlockManagementApiService }, { token: i7.PageTitleService }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementDetailService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementDetailService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: BuildingBlockManagementApiService }, { type: i7.PageTitleService }, { type: i3.Router }] });
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class BuildingBlockManagementService {
+    constructor() {
+        this._showCreateModal$ = new BehaviorSubject(false);
+        this.showCreateModal$ = this._showCreateModal$.asObservable();
+        this._showUploadModal$ = new BehaviorSubject(false);
+        this.showUploadModal$ = this._showUploadModal$.asObservable();
+        this._usedKeys$ = new BehaviorSubject([]);
+        this.usedKeys$ = this._usedKeys$.asObservable();
+        this._reload$ = new BehaviorSubject(null);
+        this.reload$ = this._reload$.asObservable();
+    }
+    showCreateModal() {
+        this._showCreateModal$.next(true);
+    }
+    hideCreateModal() {
+        this._showCreateModal$.next(false);
+    }
+    showUploadModal() {
+        this._showUploadModal$.next(true);
+    }
+    hideUploadModal() {
+        this._showUploadModal$.next(false);
+    }
+    setUsedKeys(keys) {
+        this._usedKeys$.next(keys);
+    }
+    reload() {
+        this._reload$.next(null);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementService, decorators: [{
+            type: Injectable
+        }] });
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-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.
+ */
+const BUILDING_BLOCK_MANAGEMENT_TABS = {
+    GENERAL: 'general',
+    PROCESSES: 'process-definition',
+    DOCUMENT: 'document',
+    FORMS: 'forms',
+    FORM_FLOWS: 'form-flows',
+    DECISIONS: 'decisions',
+};
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+var UPLOAD_STATUS;
+(function (UPLOAD_STATUS) {
+    UPLOAD_STATUS["ACTIVE"] = "active";
+    UPLOAD_STATUS["ERROR"] = "error";
+    UPLOAD_STATUS["FINISHED"] = "finished";
+})(UPLOAD_STATUS || (UPLOAD_STATUS = {}));
+var UPLOAD_STEP;
+(function (UPLOAD_STEP) {
+    UPLOAD_STEP["FILE_SELECT"] = "fileSelect";
+    UPLOAD_STEP["FILE_UPLOAD"] = "fileUpload";
+    UPLOAD_STEP["PLUGINS"] = "plugins";
+})(UPLOAD_STEP || (UPLOAD_STEP = {}));
+const STEPS = [UPLOAD_STEP.PLUGINS, UPLOAD_STEP.FILE_SELECT, UPLOAD_STEP.FILE_UPLOAD];
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class BuildingBlockManagementCreateModalComponent {
+    get name() {
+        return this.formGroup.get('name');
+    }
+    get key() {
+        return this.formGroup.get('key');
+    }
+    get versionTag() {
+        return this.formGroup.get('versionTag');
+    }
+    get description() {
+        return this.formGroup.get('description');
+    }
+    constructor(buildingBlockManagementApiService, buildingBlockManagementService, fb, router) {
+        this.buildingBlockManagementApiService = buildingBlockManagementApiService;
+        this.buildingBlockManagementService = buildingBlockManagementService;
+        this.fb = fb;
+        this.router = router;
+        this.showModal$ = this.buildingBlockManagementService.showCreateModal$;
+        this.usedKeys$ = this.buildingBlockManagementService.usedKeys$;
+        this.formGroup = this.fb.group({
+            name: this.fb.control('', Validators.required),
+            key: this.fb.control('', [Validators.required, Validators.pattern('[A-Za-z0-9-]*')]),
+            versionTag: this.fb.control('', Validators.required),
+            description: this.fb.control(''),
+        });
+    }
+    onCloseModal() {
+        this.buildingBlockManagementService.hideCreateModal();
+        this.resetForm();
+    }
+    onSave() {
+        this.formGroup.disable();
+        this.buildingBlockManagementApiService
+            .createBuildingBlockDefinition(this.formGroup.value)
+            .pipe(catchError(() => {
+            this.formGroup.enable();
+            return of(null);
+        }))
+            .subscribe(createdBuildingBlock => {
+            this.router.navigate([
+                '/building-block-management',
+                'building-block',
+                createdBuildingBlock.key,
+                'version',
+                createdBuildingBlock.versionTag,
+                BUILDING_BLOCK_MANAGEMENT_TABS.GENERAL,
+            ]);
+        });
+    }
+    resetForm() {
+        runAfterCarbonModalClosed(() => {
+            this.formGroup.reset();
+            this.formGroup.enable();
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementCreateModalComponent, deps: [{ token: BuildingBlockManagementApiService }, { token: BuildingBlockManagementService }, { token: i2$1.FormBuilder }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: BuildingBlockManagementCreateModalComponent, isStandalone: true, selector: "valtimo-building-block-management-create-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    showModal: showModal$ | async,\n  } as obs\"\n  [open]=\"obs.showModal\"\n  showFooter=\"true\"\n  valtimoCdsModal\n  (close)=\"onCloseModal()\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onCloseModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'buildingBlockManagement.createDefinition.modalTitle' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form\n    [formGroup]=\"formGroup\"\n    cdsModalContent\n    class=\"valtimo-definition-create__content\"\n    [cdsLayer]=\"1\"\n  >\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label [disabled]=\"formGroup.disabled\" [invalid]=\"name.touched && name.invalid\">\n        <span class=\"label-with-tooltip select-label\">\n          {{ 'buildingBlockManagement.createDefinition.name' | translate }}\n\n          <v-tooltip-icon\n            [tooltip]=\"'buildingBlockManagement.createDefinition.nameTooltip' | translate\"\n            [disabled]=\"obs.disabled\"\n          ></v-tooltip-icon>\n        </span>\n\n        <input\n          formControlName=\"name\"\n          cdsText\n          placeholder=\"{{ 'buildingBlockManagement.createDefinition.namePlaceholder' | translate }}\"\n        />\n      </cds-label>\n    </div>\n\n    <valtimo-auto-key-input\n      [cdsLayer]=\"1\"\n      formControlName=\"key\"\n      labelTranslationKey=\"buildingBlockManagement.createDefinition.keyTitle\"\n      placeholderTranslationKey=\"buildingBlockManagement.createDefinition.keyPlaceHolder\"\n      mode=\"add\"\n      [usedKeys]=\"usedKeys$ | async\"\n      [sourceText]=\"name.value\"\n    >\n    </valtimo-auto-key-input>\n\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label\n        [disabled]=\"formGroup.disabled\"\n        [invalid]=\"versionTag.touched && versionTag.invalid\"\n      >\n        <span class=\"label-with-tooltip select-label\">\n          {{ 'buildingBlockManagement.createDefinition.version' | translate }}\n\n          <v-tooltip-icon\n            [tooltip]=\"'buildingBlockManagement.createDefinition.versionTooltip' | translate\"\n            [disabled]=\"obs.disabled\"\n          ></v-tooltip-icon>\n        </span>\n\n        <input\n          formControlName=\"versionTag\"\n          cdsText\n          placeholder=\"{{\n            'buildingBlockManagement.createDefinition.versionPlaceholder' | translate\n          }}\"\n        />\n      </cds-label>\n    </div>\n\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label\n        [disabled]=\"formGroup.disabled\"\n        [invalid]=\"description.touched && description.invalid\"\n      >\n        <span class=\"label-with-tooltip select-label\">\n          {{ 'buildingBlockManagement.createDefinition.description' | translate }}\n\n          <v-tooltip-icon\n            [tooltip]=\"'buildingBlockManagement.createDefinition.descriptionTooltip' | translate\"\n            [disabled]=\"obs.disabled\"\n          ></v-tooltip-icon>\n        </span>\n\n        <textarea\n          cdsTextArea\n          formControlName=\"description\"\n          placeholder=\"{{\n            'buildingBlockManagement.createDefinition.descriptionPlaceholder' | translate\n          }}\"\n          [rows]=\"3\"\n          [cols]=\"150\"\n        ></textarea>\n      </cds-label>\n    </div>\n  </form>\n\n  <cds-modal-footer>\n    <button cdsButton=\"secondary\" (click)=\"onCloseModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button cdsButton=\"primary\" [disabled]=\"formGroup.invalid\" (click)=\"onSave()\">\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-definition-create__content{display:flex;flex-direction:column;gap:16px}.cds--text-input__field-wrapper cds-label{width:100%}.cds--text-input__field-wrapper ::ng-deep .cds--label{width:100%}.cds--text-input__field-wrapper:not(:last-child){margin-bottom:16px}.label-with-tooltip{display:flex;align-items:center}.select-label{padding-bottom:8px}\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: 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: ButtonModule }, { kind: "directive", type: i3$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { 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: "directive", type: i3$1.TextArea, selector: "[cdsTextArea], [ibmTextArea]", inputs: ["theme", "invalid", "skeleton"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "component", type: AutoKeyInputComponent, selector: "valtimo-auto-key-input", inputs: ["labelTranslationKey", "placeholderTranslationKey", "mode", "usedKeys", "sourceText"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i3$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: TooltipIconModule }, { kind: "component", type: i7.TooltipIconComponent, selector: "v-tooltip-icon", inputs: ["tooltip", "disabled"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementCreateModalComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-building-block-management-create-modal', imports: [
+                        CommonModule,
+                        ModalModule,
+                        ButtonModule,
+                        IconModule,
+                        FormsModule,
+                        InputModule,
+                        ReactiveFormsModule,
+                        TooltipModule,
+                        TranslatePipe,
+                        ValtimoCdsModalDirective,
+                        AutoKeyInputComponent,
+                        LayerModule,
+                        TooltipIconModule,
+                    ], 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    showModal: showModal$ | async,\n  } as obs\"\n  [open]=\"obs.showModal\"\n  showFooter=\"true\"\n  valtimoCdsModal\n  (close)=\"onCloseModal()\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onCloseModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'buildingBlockManagement.createDefinition.modalTitle' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form\n    [formGroup]=\"formGroup\"\n    cdsModalContent\n    class=\"valtimo-definition-create__content\"\n    [cdsLayer]=\"1\"\n  >\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label [disabled]=\"formGroup.disabled\" [invalid]=\"name.touched && name.invalid\">\n        <span class=\"label-with-tooltip select-label\">\n          {{ 'buildingBlockManagement.createDefinition.name' | translate }}\n\n          <v-tooltip-icon\n            [tooltip]=\"'buildingBlockManagement.createDefinition.nameTooltip' | translate\"\n            [disabled]=\"obs.disabled\"\n          ></v-tooltip-icon>\n        </span>\n\n        <input\n          formControlName=\"name\"\n          cdsText\n          placeholder=\"{{ 'buildingBlockManagement.createDefinition.namePlaceholder' | translate }}\"\n        />\n      </cds-label>\n    </div>\n\n    <valtimo-auto-key-input\n      [cdsLayer]=\"1\"\n      formControlName=\"key\"\n      labelTranslationKey=\"buildingBlockManagement.createDefinition.keyTitle\"\n      placeholderTranslationKey=\"buildingBlockManagement.createDefinition.keyPlaceHolder\"\n      mode=\"add\"\n      [usedKeys]=\"usedKeys$ | async\"\n      [sourceText]=\"name.value\"\n    >\n    </valtimo-auto-key-input>\n\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label\n        [disabled]=\"formGroup.disabled\"\n        [invalid]=\"versionTag.touched && versionTag.invalid\"\n      >\n        <span class=\"label-with-tooltip select-label\">\n          {{ 'buildingBlockManagement.createDefinition.version' | translate }}\n\n          <v-tooltip-icon\n            [tooltip]=\"'buildingBlockManagement.createDefinition.versionTooltip' | translate\"\n            [disabled]=\"obs.disabled\"\n          ></v-tooltip-icon>\n        </span>\n\n        <input\n          formControlName=\"versionTag\"\n          cdsText\n          placeholder=\"{{\n            'buildingBlockManagement.createDefinition.versionPlaceholder' | translate\n          }}\"\n        />\n      </cds-label>\n    </div>\n\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label\n        [disabled]=\"formGroup.disabled\"\n        [invalid]=\"description.touched && description.invalid\"\n      >\n        <span class=\"label-with-tooltip select-label\">\n          {{ 'buildingBlockManagement.createDefinition.description' | translate }}\n\n          <v-tooltip-icon\n            [tooltip]=\"'buildingBlockManagement.createDefinition.descriptionTooltip' | translate\"\n            [disabled]=\"obs.disabled\"\n          ></v-tooltip-icon>\n        </span>\n\n        <textarea\n          cdsTextArea\n          formControlName=\"description\"\n          placeholder=\"{{\n            'buildingBlockManagement.createDefinition.descriptionPlaceholder' | translate\n          }}\"\n          [rows]=\"3\"\n          [cols]=\"150\"\n        ></textarea>\n      </cds-label>\n    </div>\n  </form>\n\n  <cds-modal-footer>\n    <button cdsButton=\"secondary\" (click)=\"onCloseModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button cdsButton=\"primary\" [disabled]=\"formGroup.invalid\" (click)=\"onSave()\">\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-definition-create__content{display:flex;flex-direction:column;gap:16px}.cds--text-input__field-wrapper cds-label{width:100%}.cds--text-input__field-wrapper ::ng-deep .cds--label{width:100%}.cds--text-input__field-wrapper:not(:last-child){margin-bottom:16px}.label-with-tooltip{display:flex;align-items:center}.select-label{padding-bottom:8px}\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$1.FormBuilder }, { type: i3.Router }] });
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class BuildingBlockManagementUploadStepComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementUploadStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: BuildingBlockManagementUploadStepComponent, isStandalone: true, selector: "valtimo-building-block-management-upload-step", inputs: { illustration: "illustration", message: "message", title: "title" }, 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 class=\"valtimo-upload-step__content\">\n  <div class=\"valtimo-upload-step__title\">{{ title }}</div>\n\n  <div class=\"valtimo-upload-step__message\">{{ message }}</div>\n</div>\n\n<img [src]=\"illustration\" alt=\"{{ illustration }}\" class=\"valtimo-upload-step__illustration\" />\n", styles: [":host{display:flex;justify-content:space-around;align-items:center;gap:32px;height:100%}:host label{color:unset}.valtimo-upload-step__content{display:flex;flex-direction:column;gap:16px}.valtimo-upload-step__title{font-weight:600;font-size:16px}.valtimo-upload-step__message{font-size:16px;line-height:28px}.valtimo-upload-step__illustration{max-width:200px}\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 }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementUploadStepComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-building-block-management-upload-step', imports: [CommonModule], 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 class=\"valtimo-upload-step__content\">\n  <div class=\"valtimo-upload-step__title\">{{ title }}</div>\n\n  <div class=\"valtimo-upload-step__message\">{{ message }}</div>\n</div>\n\n<img [src]=\"illustration\" alt=\"{{ illustration }}\" class=\"valtimo-upload-step__illustration\" />\n", styles: [":host{display:flex;justify-content:space-around;align-items:center;gap:32px;height:100%}:host label{color:unset}.valtimo-upload-step__content{display:flex;flex-direction:column;gap:16px}.valtimo-upload-step__title{font-weight:600;font-size:16px}.valtimo-upload-step__message{font-size:16px;line-height:28px}.valtimo-upload-step__illustration{max-width:200px}\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"] }]
+        }], propDecorators: { illustration: [{
+                type: Input
+            }], message: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }] } });
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class BuildingBlockManagementUploadModalComponent {
+    constructor(buildingBlockManagementApiService, buildingBlockManagementService, fb, iconService, translateService) {
+        this.buildingBlockManagementApiService = buildingBlockManagementApiService;
+        this.buildingBlockManagementService = buildingBlockManagementService;
+        this.fb = fb;
+        this.iconService = iconService;
+        this.translateService = translateService;
+        this.acceptedFiles = ['.zip'];
+        this.showUploadModal$ = this.buildingBlockManagementService.showUploadModal$;
+        this._disabled$ = new BehaviorSubject(true);
+        this.UPLOAD_STEP = UPLOAD_STEP;
+        this.UPLOAD_STATUS = UPLOAD_STATUS;
+        this.activeStep$ = new BehaviorSubject(UPLOAD_STEP.PLUGINS);
+        this.backButtonEnabled$ = this.activeStep$.pipe(map((activeStep) => [UPLOAD_STEP.FILE_SELECT].includes(activeStep)));
+        this.isStepAfterUpload$ = this.activeStep$.pipe(map((activeStep) => ![UPLOAD_STEP.PLUGINS, UPLOAD_STEP.FILE_SELECT].includes(activeStep)));
+        this.showCloseButton$ = this.activeStep$.pipe(map((activeStep) => [UPLOAD_STEP.PLUGINS, UPLOAD_STEP.FILE_SELECT, UPLOAD_STEP.FILE_UPLOAD].includes(activeStep)));
+        this.$warningChecked = signal(false);
+        this.nextButtonDisabled$ = combineLatest([
+            this.activeStep$,
+            this._disabled$,
+            toObservable(this.$warningChecked),
+        ]).pipe(map(([activeStep, disabled, warningChecked]) => {
+            const warningNotChecked = activeStep === UPLOAD_STEP.FILE_SELECT && !warningChecked;
+            return warningNotChecked || (activeStep !== UPLOAD_STEP.PLUGINS && disabled);
+        }));
+        this.notificationObj$ = combineLatest([
+            this.translateService.stream('interface.warning'),
+            this.translateService.stream('buildingBlockManagement.importDefinition.overwriteWarning'),
+        ]).pipe(map(([title, message]) => ({
+            type: 'warning',
+            title,
+            message,
+            showClose: false,
+            lowContrast: true,
+        })));
+        this.showCheckboxError$ = new BehaviorSubject(false);
+        this.uploadStatus$ = new BehaviorSubject(UPLOAD_STATUS.ACTIVE);
+        this.form = this.fb.group({
+            file: this.fb.control(new Set(), [Validators.required]),
+        });
+        this._importFile$ = new BehaviorSubject('');
+        this._subscriptions = new Subscription();
+        this.iconService.register(WarningFilled16);
+    }
+    ngOnInit() {
+        const control = this.form.get('file');
+        if (!control) {
+            return;
+        }
+        this._subscriptions.add(this.form.get('file').valueChanges.subscribe((fileSet) => {
+            // @ts-ignore
+            const [fileItem] = fileSet;
+            if (!fileItem) {
+                this._disabled$.next(true);
+                this.showCheckboxError$.next(false);
+                this.$warningChecked.set(false);
+                return;
+            }
+            this.setZipFile(fileItem);
+        }));
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+        this.resetModal();
+    }
+    onCloseModal(definitionUploaded) {
+        if (definitionUploaded) {
+            this.buildingBlockManagementService.reload();
+        }
+        this.buildingBlockManagementService.hideUploadModal();
+        runAfterCarbonModalClosed(() => {
+            this.resetModal();
+        });
+    }
+    onBackClick(activeStep) {
+        const prevIndex = STEPS.findIndex((step) => step === activeStep) - 1;
+        if (prevIndex === -1) {
+            return;
+        }
+        this.activeStep$.next(STEPS[prevIndex]);
+    }
+    onNextClick(activeStep) {
+        const nextIndex = STEPS.findIndex((step) => step === activeStep) + 1;
+        if (nextIndex === STEPS.length) {
+            return;
+        }
+        if (activeStep === UPLOAD_STEP.FILE_SELECT && !this.$warningChecked()) {
+            this.showCheckboxError$.next(true);
+            return;
+        }
+        this.activeStep$.next(STEPS[nextIndex]);
+        if (STEPS[nextIndex] !== UPLOAD_STEP.FILE_UPLOAD) {
+            return;
+        }
+        this.uploadDefinition();
+    }
+    onCheckedChange(checked) {
+        this.$warningChecked.set(checked);
+        if (!checked) {
+            return;
+        }
+        this.showCheckboxError$.next(false);
+    }
+    setZipFile(fileItem) {
+        const file = fileItem?.file;
+        if (!file) {
+            this._importFile$.next('');
+            return;
+        }
+        const blob = new Blob([fileItem.file], { type: fileItem.file.type });
+        const fd = new FormData();
+        fd.append('file', blob, fileItem.file.name);
+        this._importFile$.next(fd);
+        this._disabled$.next(false);
+    }
+    uploadDefinition() {
+        this._disabled$.next(true);
+        this._importFile$
+            .pipe(switchMap((file) => this.buildingBlockManagementApiService.importBuildingBlockDefinition(file)), take(1))
+            .subscribe({
+            next: () => {
+                this._disabled$.next(false);
+                this.uploadStatus$.next(UPLOAD_STATUS.FINISHED);
+            },
+            error: () => {
+                this.uploadStatus$.next(UPLOAD_STATUS.ERROR);
+                this._disabled$.next(false);
+            },
+        });
+    }
+    resetModal() {
+        setTimeout(() => {
+            this.activeStep$.next(UPLOAD_STEP.PLUGINS);
+            this.uploadStatus$.next(UPLOAD_STATUS.ACTIVE);
+            this.showCheckboxError$.next(false);
+        }, CARBON_CONSTANTS.modalAnimationMs);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementUploadModalComponent, deps: [{ token: BuildingBlockManagementApiService }, { token: BuildingBlockManagementService }, { token: i2$1.FormBuilder }, { token: i3$1.IconService }, { token: i2$2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", 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$2.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$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementUploadModalComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-building-block-management-upload-modal', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        FileUploaderModule,
+                        ModalModule,
+                        TranslateModule,
+                        ButtonModule,
+                        ProgressBarModule,
+                        NotificationModule,
+                        CheckboxModule,
+                        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$1.FormBuilder }, { type: i3$1.IconService }, { type: i2$2.TranslateService }] });
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class BuildingBlockManagementListComponent {
+    constructor(buildingBlockManagementApiService, buildingBlockManagementService, iconService, router) {
+        this.buildingBlockManagementApiService = buildingBlockManagementApiService;
+        this.buildingBlockManagementService = buildingBlockManagementService;
+        this.iconService = iconService;
+        this.router = router;
+        this.$loading = signal(true);
+        this.buildingBlockDefinitions$ = this.buildingBlockManagementService.reload$.pipe(switchMap(() => this.buildingBlockManagementApiService.getBuildingBlockDefinitions()), tap(res => {
+            this.buildingBlockManagementService.setUsedKeys(res.map(item => item.key));
+            this.$loading.set(false);
+        }));
+        this.FIELDS = [
+            { key: 'name', label: 'buildingBlockManagement.listColumns.name' },
+            { key: 'key', label: 'buildingBlockManagement.listColumns.key' },
+            {
+                key: 'versionTag',
+                label: 'buildingBlockManagement.listColumns.versionTag',
+                viewType: ViewType.TAGS,
+            },
+        ];
+        this.iconService.registerAll([Upload16]);
+    }
+    showCreateModal() {
+        this.buildingBlockManagementService.showCreateModal();
+    }
+    showUploadModal() {
+        this.buildingBlockManagementService.showUploadModal();
+    }
+    onRowClick(buildingBlockDefinition) {
+        this.router.navigate([
+            '/building-block-management',
+            'building-block',
+            buildingBlockDefinition.key,
+            'version',
+            buildingBlockDefinition.versionTag,
+            BUILDING_BLOCK_MANAGEMENT_TABS.GENERAL,
+        ]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementListComponent, deps: [{ token: BuildingBlockManagementApiService }, { token: BuildingBlockManagementService }, { token: i3$1.IconService }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: BuildingBlockManagementListComponent, isStandalone: true, selector: "valtimo-building-block-management-list", providers: [BuildingBlockManagementService], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container *ngIf=\"{buildingBlockDefinitions: buildingBlockDefinitions$ | async} as obs\">\n  <valtimo-carbon-list\n    [fields]=\"FIELDS\"\n    [items]=\"obs.buildingBlockDefinitions\"\n    [loading]=\"$loading()\"\n    (rowClicked)=\"onRowClick($event)\"\n  >\n    <ng-container\n      carbonToolbarContent\n      [ngTemplateOutlet]=\"buildingBlockDefinitionActions\"\n    ></ng-container>\n\n    <valtimo-no-results\n      [action]=\"buildingBlockDefinitionActions\"\n      [description]=\"'buildingBlockManagement.noResults.description' | translate\"\n      [title]=\"'buildingBlockManagement.noResults.title' | translate\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n</ng-container>\n\n<ng-template #buildingBlockDefinitionActions>\n  <div class=\"valtimo-building-block-management-list__actions\">\n    <button cdsButton=\"ghost\" (click)=\"showUploadModal()\">\n      {{ 'Upload' | translate }}\n\n      <svg cdsIcon=\"upload\" size=\"16\" class=\"cds--btn__icon\"></svg>\n    </button>\n\n    <button cdsButton=\"primary\" (click)=\"showCreateModal()\">\n      {{ 'interface.create' | translate }}\n\n      <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n    </button>\n  </div>\n</ng-template>\n\n<valtimo-building-block-management-create-modal></valtimo-building-block-management-create-modal>\n\n<valtimo-building-block-management-upload-modal></valtimo-building-block-management-upload-modal>\n", styles: [".valtimo-building-block-management-list__actions{display:flex}\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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i7.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i7.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { 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: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: BuildingBlockManagementCreateModalComponent, selector: "valtimo-building-block-management-create-modal" }, { kind: "component", type: BuildingBlockManagementUploadModalComponent, selector: "valtimo-building-block-management-upload-modal" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementListComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-building-block-management-list', imports: [
+                        CommonModule,
+                        CarbonListModule,
+                        ButtonModule,
+                        IconModule,
+                        TranslatePipe,
+                        BuildingBlockManagementCreateModalComponent,
+                        BuildingBlockManagementUploadModalComponent,
+                    ], providers: [BuildingBlockManagementService], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container *ngIf=\"{buildingBlockDefinitions: buildingBlockDefinitions$ | async} as obs\">\n  <valtimo-carbon-list\n    [fields]=\"FIELDS\"\n    [items]=\"obs.buildingBlockDefinitions\"\n    [loading]=\"$loading()\"\n    (rowClicked)=\"onRowClick($event)\"\n  >\n    <ng-container\n      carbonToolbarContent\n      [ngTemplateOutlet]=\"buildingBlockDefinitionActions\"\n    ></ng-container>\n\n    <valtimo-no-results\n      [action]=\"buildingBlockDefinitionActions\"\n      [description]=\"'buildingBlockManagement.noResults.description' | translate\"\n      [title]=\"'buildingBlockManagement.noResults.title' | translate\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n</ng-container>\n\n<ng-template #buildingBlockDefinitionActions>\n  <div class=\"valtimo-building-block-management-list__actions\">\n    <button cdsButton=\"ghost\" (click)=\"showUploadModal()\">\n      {{ 'Upload' | translate }}\n\n      <svg cdsIcon=\"upload\" size=\"16\" class=\"cds--btn__icon\"></svg>\n    </button>\n\n    <button cdsButton=\"primary\" (click)=\"showCreateModal()\">\n      {{ 'interface.create' | translate }}\n\n      <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n    </button>\n  </div>\n</ng-template>\n\n<valtimo-building-block-management-create-modal></valtimo-building-block-management-create-modal>\n\n<valtimo-building-block-management-upload-modal></valtimo-building-block-management-upload-modal>\n", styles: [".valtimo-building-block-management-list__actions{display:flex}\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: i3$1.IconService }, { type: i3.Router }] });
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class BuildingBlockManagementMetadataComponent {
+    get name() {
+        return this.formGroup.get('name');
+    }
+    get key() {
+        return this.formGroup.get('key');
+    }
+    get description() {
+        return this.formGroup.get('description');
+    }
+    constructor(buildingBlockManagementDetailService, buildingBlockManagementApiService, fb) {
+        this.buildingBlockManagementDetailService = buildingBlockManagementDetailService;
+        this.buildingBlockManagementApiService = buildingBlockManagementApiService;
+        this.fb = fb;
+        this.formGroup = this.fb.group({
+            name: this.fb.control('', Validators.required),
+            key: this.fb.control('', Validators.required),
+            description: this.fb.control(''),
+        });
+        this._subscriptions = new Subscription();
+    }
+    ngOnInit() {
+        this.openBuildingBlockDefinitionSubscription();
+        this.openLoadingAndFinalSubscription();
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+    }
+    onSave() {
+        this.formGroup.disable();
+        this.buildingBlockManagementApiService
+            .updateBuildingBlockDefinition(this.buildingBlockManagementDetailService.buildingBlockDefinitionKey, this.buildingBlockManagementDetailService.buildingBlockDefinitionVersionTag, this.formGroup.value)
+            .subscribe(() => {
+            this.buildingBlockManagementDetailService.reload();
+        });
+    }
+    openBuildingBlockDefinitionSubscription() {
+        this._subscriptions.add(this.buildingBlockManagementDetailService.buildingBlockDefinition$.subscribe(buildingBlockDefinition => {
+            this.formGroup.setValue({
+                name: buildingBlockDefinition.name,
+                key: buildingBlockDefinition.key,
+                description: buildingBlockDefinition.description,
+            });
+        }));
+    }
+    openLoadingAndFinalSubscription() {
+        this._subscriptions.add(combineLatest([
+            this.buildingBlockManagementDetailService.loadingDefinition$,
+            this.buildingBlockManagementDetailService.isFinal$,
+        ]).subscribe(([loadingDefinition, isFinal]) => {
+            if (loadingDefinition) {
+                this.formGroup.disable();
+            }
+            else if (!isFinal) {
+                this.name.enable();
+                this.description.enable();
+                this.formGroup.markAsPristine();
+            }
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementMetadataComponent, deps: [{ token: BuildingBlockManagementDetailService }, { token: BuildingBlockManagementApiService }, { token: i2$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: BuildingBlockManagementMetadataComponent, isStandalone: true, selector: "valtimo-building-block-management-metadata", 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<form class=\"building-block-management-metadata\" [formGroup]=\"formGroup\" [cdsLayer]=\"1\">\n  <h4 class=\"building-block-management-metadata__title\">\n    {{ 'buildingBlockManagement.metadata.title' | translate }}\n  </h4>\n\n  <div class=\"cds--text-input__field-wrapper\">\n    <cds-label [disabled]=\"formGroup.disabled\" [invalid]=\"name.touched && name.invalid\">\n      <span class=\"label-with-tooltip select-label\">\n        {{ 'buildingBlockManagement.createDefinition.name' | translate }}\n\n        <v-tooltip-icon\n          [tooltip]=\"'buildingBlockManagement.createDefinition.nameTooltip' | translate\"\n          [disabled]=\"formGroup.disabled\"\n        ></v-tooltip-icon>\n      </span>\n\n      <input\n        formControlName=\"name\"\n        cdsText\n        placeholder=\"{{ 'buildingBlockManagement.createDefinition.namePlaceholder' | translate }}\"\n      />\n    </cds-label>\n  </div>\n\n  <div class=\"cds--text-input__field-wrapper\">\n    <cds-label [disabled]=\"formGroup.disabled\">\n      <span class=\"label-with-tooltip select-label\">\n        {{ 'buildingBlockManagement.createDefinition.keyTitle' | translate }}\n      </span>\n\n      <input formControlName=\"key\" cdsText valtimoReadOnly [isReadOnly]=\"true\" />\n    </cds-label>\n  </div>\n\n  <div class=\"cds--text-input__field-wrapper\">\n    <cds-label\n      [disabled]=\"formGroup.disabled\"\n      [invalid]=\"description.touched && description.invalid\"\n    >\n      <span class=\"label-with-tooltip select-label\">\n        {{ 'buildingBlockManagement.createDefinition.description' | translate }}\n\n        <v-tooltip-icon\n          [tooltip]=\"'buildingBlockManagement.createDefinition.descriptionTooltip' | translate\"\n          [disabled]=\"formGroup.disabled\"\n        ></v-tooltip-icon>\n      </span>\n\n      <textarea\n        cdsTextArea\n        formControlName=\"description\"\n        placeholder=\"{{\n          'buildingBlockManagement.createDefinition.descriptionPlaceholder' | translate\n        }}\"\n        [rows]=\"3\"\n        [cols]=\"150\"\n      ></textarea>\n    </cds-label>\n  </div>\n\n  <div class=\"building-block-management-metadata__buttons\">\n    <button\n      cdsButton=\"primary\"\n      [disabled]=\"formGroup.disabled || formGroup.invalid || formGroup.pristine\"\n      (click)=\"onSave()\"\n    >\n      {{ 'interface.save' | translate }}\n    </button>\n  </div>\n</form>\n", styles: [".building-block-management-metadata{display:flex;flex-direction:column;gap:16px;padding:16px;background-color:var(--cds-layer-01);max-width:625px}.building-block-management-metadata__title{font-size:16px;line-height:24px;font-weight:600}.building-block-management-metadata__buttons{display:flex;justify-content:flex-end;width:100%}.cds--text-input__field-wrapper cds-label{width:100%}.cds--text-input__field-wrapper ::ng-deep .cds--label{width:100%}.cds--text-input__field-wrapper:not(:last-child){margin-bottom:16px}.label-with-tooltip{display:flex;align-items:center}.select-label{padding-bottom:8px}\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: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { 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: "directive", type: i3$1.TextArea, selector: "[cdsTextArea], [ibmTextArea]", inputs: ["theme", "invalid", "skeleton"] }, { kind: "ngmodule", type: TooltipIconModule }, { kind: "component", type: i7.TooltipIconComponent, selector: "v-tooltip-icon", inputs: ["tooltip", "disabled"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i3$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "directive", type: ReadOnlyDirective, selector: "[valtimoReadOnly]", inputs: ["isReadOnly"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementMetadataComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-building-block-management-metadata', imports: [
+                        CommonModule,
+                        TranslatePipe,
+                        ReactiveFormsModule,
+                        InputModule,
+                        TooltipIconModule,
+                        LayerModule,
+                        ReadOnlyDirective,
+                        ButtonModule,
+                    ], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<form class=\"building-block-management-metadata\" [formGroup]=\"formGroup\" [cdsLayer]=\"1\">\n  <h4 class=\"building-block-management-metadata__title\">\n    {{ 'buildingBlockManagement.metadata.title' | translate }}\n  </h4>\n\n  <div class=\"cds--text-input__field-wrapper\">\n    <cds-label [disabled]=\"formGroup.disabled\" [invalid]=\"name.touched && name.invalid\">\n      <span class=\"label-with-tooltip select-label\">\n        {{ 'buildingBlockManagement.createDefinition.name' | translate }}\n\n        <v-tooltip-icon\n          [tooltip]=\"'buildingBlockManagement.createDefinition.nameTooltip' | translate\"\n          [disabled]=\"formGroup.disabled\"\n        ></v-tooltip-icon>\n      </span>\n\n      <input\n        formControlName=\"name\"\n        cdsText\n        placeholder=\"{{ 'buildingBlockManagement.createDefinition.namePlaceholder' | translate }}\"\n      />\n    </cds-label>\n  </div>\n\n  <div class=\"cds--text-input__field-wrapper\">\n    <cds-label [disabled]=\"formGroup.disabled\">\n      <span class=\"label-with-tooltip select-label\">\n        {{ 'buildingBlockManagement.createDefinition.keyTitle' | translate }}\n      </span>\n\n      <input formControlName=\"key\" cdsText valtimoReadOnly [isReadOnly]=\"true\" />\n    </cds-label>\n  </div>\n\n  <div class=\"cds--text-input__field-wrapper\">\n    <cds-label\n      [disabled]=\"formGroup.disabled\"\n      [invalid]=\"description.touched && description.invalid\"\n    >\n      <span class=\"label-with-tooltip select-label\">\n        {{ 'buildingBlockManagement.createDefinition.description' | translate }}\n\n        <v-tooltip-icon\n          [tooltip]=\"'buildingBlockManagement.createDefinition.descriptionTooltip' | translate\"\n          [disabled]=\"formGroup.disabled\"\n        ></v-tooltip-icon>\n      </span>\n\n      <textarea\n        cdsTextArea\n        formControlName=\"description\"\n        placeholder=\"{{\n          'buildingBlockManagement.createDefinition.descriptionPlaceholder' | translate\n        }}\"\n        [rows]=\"3\"\n        [cols]=\"150\"\n      ></textarea>\n    </cds-label>\n  </div>\n\n  <div class=\"building-block-management-metadata__buttons\">\n    <button\n      cdsButton=\"primary\"\n      [disabled]=\"formGroup.disabled || formGroup.invalid || formGroup.pristine\"\n      (click)=\"onSave()\"\n    >\n      {{ 'interface.save' | translate }}\n    </button>\n  </div>\n</form>\n", styles: [".building-block-management-metadata{display:flex;flex-direction:column;gap:16px;padding:16px;background-color:var(--cds-layer-01);max-width:625px}.building-block-management-metadata__title{font-size:16px;line-height:24px;font-weight:600}.building-block-management-metadata__buttons{display:flex;justify-content:flex-end;width:100%}.cds--text-input__field-wrapper cds-label{width:100%}.cds--text-input__field-wrapper ::ng-deep .cds--label{width:100%}.cds--text-input__field-wrapper:not(:last-child){margin-bottom:16px}.label-with-tooltip{display:flex;align-items:center}.select-label{padding-bottom:8px}\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: BuildingBlockManagementDetailService }, { type: BuildingBlockManagementApiService }, { type: i2$1.FormBuilder }] });
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class BuildingBlockManagementArtworkComponent {
+    get file() {
+        return this.formGroup.get('file');
+    }
+    constructor(buildingBlockManagementDetailService, buildingBlockManagementApiService, formBuilder, iconService) {
+        this.buildingBlockManagementDetailService = buildingBlockManagementDetailService;
+        this.buildingBlockManagementApiService = buildingBlockManagementApiService;
+        this.formBuilder = formBuilder;
+        this.iconService = iconService;
+        this.ACCEPTED_FILES = ['png'];
+        this.formGroup = this.formBuilder.group({
+            file: this.formBuilder.control(new Set(), [Validators.required]),
+        });
+        this.loadingArtwork$ = new BehaviorSubject(true);
+        this._refresh$ = new BehaviorSubject(null);
+        this.artwork$ = this._refresh$.pipe(switchMap(() => this.buildingBlockManagementApiService.getBuildingBlockArtwork(this.buildingBlockManagementDetailService.buildingBlockDefinitionKey, this.buildingBlockManagementDetailService.buildingBlockDefinitionVersionTag)), tap(() => this.loadingArtwork$.next(false)));
+        this.showDeleteConfirmationModal$ = new BehaviorSubject(false);
+        this._subscriptions = new Subscription();
+        this.iconService.registerAll([Upload16, TrashCan16]);
+    }
+    ngOnInit() {
+        this._subscriptions.add(this.buildingBlockManagementDetailService.isFinal$.subscribe(isFinal => {
+            if (isFinal) {
+                this.formGroup.disable();
+            }
+            else {
+                this.formGroup.enable();
+            }
+        }));
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+    }
+    async onSave() {
+        const file = Array.from(this.file.value)[0]?.file;
+        const imageBase64 = await this.fileToBase64(file);
+        this.formGroup.disable();
+        this.buildingBlockManagementApiService
+            .createBuildingBlockArtwork(this.buildingBlockManagementDetailService.buildingBlockDefinitionKey, this.buildingBlockManagementDetailService.buildingBlockDefinitionVersionTag, {
+            imageBase64,
+        })
+            .subscribe({
+            next: () => {
+                this._refresh$.next(null);
+                this.formGroup.enable();
+            },
+            error: () => {
+                this.formGroup.enable();
+            },
+        });
+    }
+    onDeleteButtonClick() {
+        this.showDeleteConfirmationModal$.next(true);
+    }
+    onDelete() {
+        this.buildingBlockManagementApiService
+            .deleteBuildingBlockArtwork(this.buildingBlockManagementDetailService.buildingBlockDefinitionKey, this.buildingBlockManagementDetailService.buildingBlockDefinitionVersionTag)
+            .subscribe(() => {
+            this._refresh$.next(null);
+        });
+    }
+    async fileToBase64(file) {
+        return new Promise((resolve, reject) => {
+            const reader = new FileReader();
+            reader.readAsDataURL(file);
+            reader.onload = () => {
+                const result = reader.result;
+                const pureBase64 = result.split(',')[1];
+                resolve(pureBase64);
+            };
+            reader.onerror = error => reject(error);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementArtworkComponent, deps: [{ token: BuildingBlockManagementDetailService }, { token: BuildingBlockManagementApiService }, { token: i2$1.FormBuilder }, { token: i3$1.IconService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: BuildingBlockManagementArtworkComponent, isStandalone: true, selector: "valtimo-building-block-management-artwork", 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<form\n  *ngIf=\"{\n    artwork: artwork$ | async,\n    loadingArtwork: loadingArtwork$ | async,\n  } as obs\"\n  class=\"building-block-management-artwork\"\n  [formGroup]=\"formGroup\"\n  [cdsLayer]=\"1\"\n>\n  <h4 class=\"building-block-management-artwork__title\">\n    {{ 'buildingBlockManagement.artwork.title' | translate }}\n  </h4>\n\n  @if (obs.loadingArtwork) {\n    <div class=\"loading-container\"><cds-loading></cds-loading></div>\n  }\n\n  @if (!obs.loadingArtwork && obs.artwork) {\n    <div class=\"building-block-management-artwork__preview\">\n      <img\n        class=\"building-block-management-artwork__image\"\n        [src]=\"'data:image/png;base64,' + obs.artwork.imageBase64\"\n      />\n    </div>\n\n    <div class=\"building-block-management-artwork__buttons\">\n      <button cdsButton=\"danger\" (click)=\"onDeleteButtonClick()\" [disabled]=\"formGroup.disabled\">\n        {{ 'interface.delete' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n      </button>\n    </div>\n  }\n\n  @if (!obs.loadingArtwork && !obs.artwork) {\n    <cds-file-uploader\n      *ngIf=\"!obs.loadingArtwork && !obs.artwork\"\n      [accept]=\"ACCEPTED_FILES\"\n      [multiple]=\"false\"\n      buttonType=\"primary\"\n      [title]=\"'buildingBlockManagement.artwork.fileUploaderTitle' | translate\"\n      [description]=\"'buildingBlockManagement.artwork.fileUploaderDescription' | translate\"\n      [buttonText]=\"'buildingBlockManagement.artwork.fileUploaderButton' | translate\"\n      formControlName=\"file\"\n    >\n    </cds-file-uploader>\n\n    <div class=\"building-block-management-artwork__buttons\">\n      <button\n        cdsButton=\"primary\"\n        [disabled]=\"formGroup.disabled || formGroup.invalid || formGroup.pristine\"\n        (click)=\"onSave()\"\n      >\n        {{ 'interface.upload' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"upload\" size=\"16\"></svg>\n      </button>\n    </div>\n  }\n</form>\n\n<valtimo-render-in-body>\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    contentTranslationKey=\"buildingBlockManagement.artwork.deleteConfirmationModalText\"\n    [showModalSubject$]=\"showDeleteConfirmationModal$\"\n    titleTranslationKey=\"interface.delete\"\n    (confirmEvent)=\"onDelete()\"\n  ></valtimo-confirmation-modal>\n</valtimo-render-in-body>\n", styles: [".building-block-management-artwork{display:flex;flex-direction:column;gap:16px;padding:16px;background-color:var(--cds-layer-01);max-width:625px}.building-block-management-artwork__title{font-size:16px;line-height:24px;font-weight:600;margin-bottom:8px}.building-block-management-artwork__preview{display:flex;justify-content:center;align-items:center;background-color:var(--cds-layer-02);padding:12px;min-height:180px}.building-block-management-artwork__image{max-width:100%;max-height:300px;object-fit:contain}.building-block-management-artwork__buttons{display:flex;justify-content:flex-end;width:100%;margin-top:12px}.building-block-management-artwork__buttons button[cdsButton]{min-width:100px}.label-with-tooltip{display:flex;align-items:center}.loading-container{display:flex;width:100%;justify-content:center;align-items:center;min-height:180px}\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: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: InputModule }, { kind: "ngmodule", type: TooltipIconModule }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i3$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { 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: LoadingModule }, { kind: "component", type: i3$1.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { 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: i7.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" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementArtworkComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-building-block-management-artwork', imports: [
+                        CommonModule,
+                        TranslatePipe,
+                        ReactiveFormsModule,
+                        InputModule,
+                        TooltipIconModule,
+                        LayerModule,
+                        ButtonModule,
+                        FileUploaderModule,
+                        LoadingModule,
+                        IconModule,
+                        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<form\n  *ngIf=\"{\n    artwork: artwork$ | async,\n    loadingArtwork: loadingArtwork$ | async,\n  } as obs\"\n  class=\"building-block-management-artwork\"\n  [formGroup]=\"formGroup\"\n  [cdsLayer]=\"1\"\n>\n  <h4 class=\"building-block-management-artwork__title\">\n    {{ 'buildingBlockManagement.artwork.title' | translate }}\n  </h4>\n\n  @if (obs.loadingArtwork) {\n    <div class=\"loading-container\"><cds-loading></cds-loading></div>\n  }\n\n  @if (!obs.loadingArtwork && obs.artwork) {\n    <div class=\"building-block-management-artwork__preview\">\n      <img\n        class=\"building-block-management-artwork__image\"\n        [src]=\"'data:image/png;base64,' + obs.artwork.imageBase64\"\n      />\n    </div>\n\n    <div class=\"building-block-management-artwork__buttons\">\n      <button cdsButton=\"danger\" (click)=\"onDeleteButtonClick()\" [disabled]=\"formGroup.disabled\">\n        {{ 'interface.delete' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n      </button>\n    </div>\n  }\n\n  @if (!obs.loadingArtwork && !obs.artwork) {\n    <cds-file-uploader\n      *ngIf=\"!obs.loadingArtwork && !obs.artwork\"\n      [accept]=\"ACCEPTED_FILES\"\n      [multiple]=\"false\"\n      buttonType=\"primary\"\n      [title]=\"'buildingBlockManagement.artwork.fileUploaderTitle' | translate\"\n      [description]=\"'buildingBlockManagement.artwork.fileUploaderDescription' | translate\"\n      [buttonText]=\"'buildingBlockManagement.artwork.fileUploaderButton' | translate\"\n      formControlName=\"file\"\n    >\n    </cds-file-uploader>\n\n    <div class=\"building-block-management-artwork__buttons\">\n      <button\n        cdsButton=\"primary\"\n        [disabled]=\"formGroup.disabled || formGroup.invalid || formGroup.pristine\"\n        (click)=\"onSave()\"\n      >\n        {{ 'interface.upload' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"upload\" size=\"16\"></svg>\n      </button>\n    </div>\n  }\n</form>\n\n<valtimo-render-in-body>\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    contentTranslationKey=\"buildingBlockManagement.artwork.deleteConfirmationModalText\"\n    [showModalSubject$]=\"showDeleteConfirmationModal$\"\n    titleTranslationKey=\"interface.delete\"\n    (confirmEvent)=\"onDelete()\"\n  ></valtimo-confirmation-modal>\n</valtimo-render-in-body>\n", styles: [".building-block-management-artwork{display:flex;flex-direction:column;gap:16px;padding:16px;background-color:var(--cds-layer-01);max-width:625px}.building-block-management-artwork__title{font-size:16px;line-height:24px;font-weight:600;margin-bottom:8px}.building-block-management-artwork__preview{display:flex;justify-content:center;align-items:center;background-color:var(--cds-layer-02);padding:12px;min-height:180px}.building-block-management-artwork__image{max-width:100%;max-height:300px;object-fit:contain}.building-block-management-artwork__buttons{display:flex;justify-content:flex-end;width:100%;margin-top:12px}.building-block-management-artwork__buttons button[cdsButton]{min-width:100px}.label-with-tooltip{display:flex;align-items:center}.loading-container{display:flex;width:100%;justify-content:center;align-items:center;min-height:180px}\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: BuildingBlockManagementDetailService }, { type: BuildingBlockManagementApiService }, { type: i2$1.FormBuilder }, { type: i3$1.IconService }] });
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class BuildingBlockManagementPluginsComponent {
+    constructor(buildingBlockManagementApiService, pluginManagementService, buildingBlockManagementDetailService) {
+        this.buildingBlockManagementApiService = buildingBlockManagementApiService;
+        this.pluginManagementService = pluginManagementService;
+        this.buildingBlockManagementDetailService = buildingBlockManagementDetailService;
+        this.loading$ = new BehaviorSubject(true);
+        this.usedPluginTitles$ = combineLatest([
+            this.pluginManagementService.getPluginDefinitions(),
+            this.buildingBlockManagementApiService.getPluginDefinitionsForBuildingBlock(this.buildingBlockManagementDetailService.buildingBlockDefinitionKey, this.buildingBlockManagementDetailService.buildingBlockDefinitionVersionTag),
+        ]).pipe(map(([pluginDefinitions, pluginsForBuildingBlock]) => {
+            const plugins = pluginsForBuildingBlock?.plugins ?? [];
+            const pluginKeys = plugins.map(plugin => plugin.pluginDefinitionKey).filter(Boolean);
+            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.20", ngImport: i0, type: BuildingBlockManagementPluginsComponent, deps: [{ token: BuildingBlockManagementApiService }, { token: i2$3.PluginManagementService }, { token: BuildingBlockManagementDetailService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", 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.20", 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 }] });
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class BuildingBlockManagementGeneralComponent {
+    constructor(buildingBlockManagementDetailService) {
+        this.buildingBlockManagementDetailService = buildingBlockManagementDetailService;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementGeneralComponent, deps: [{ token: BuildingBlockManagementDetailService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: BuildingBlockManagementGeneralComponent, isStandalone: true, selector: "valtimo-building-block-management-general", 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 class=\"building-block-management-general\">\n  <valtimo-building-block-management-plugins></valtimo-building-block-management-plugins>\n\n  <div class=\"muuri-container\">\n    <div muuri [columnMinWidth]=\"450\">\n      <valtimo-muuri-item>\n        <valtimo-building-block-management-metadata></valtimo-building-block-management-metadata>\n      </valtimo-muuri-item>\n\n      <valtimo-muuri-item>\n        <valtimo-building-block-management-artwork></valtimo-building-block-management-artwork>\n      </valtimo-muuri-item>\n    </div>\n  </div>\n</div>\n", styles: [".muuri-container{display:block;width:100%}.building-block-management-general{width:100%;display:flex;flex-direction:column;gap:16px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MuuriDirectiveModule }, { kind: "directive", type: i7.MuuriDirective, selector: "[muuri]", inputs: ["columnMinWidth"] }, { kind: "component", type: i7.MuuriItemComponent, selector: "valtimo-muuri-item" }, { kind: "component", type: BuildingBlockManagementMetadataComponent, selector: "valtimo-building-block-management-metadata" }, { kind: "component", type: BuildingBlockManagementArtworkComponent, selector: "valtimo-building-block-management-artwork" }, { kind: "component", type: BuildingBlockManagementPluginsComponent, selector: "valtimo-building-block-management-plugins" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementGeneralComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-building-block-management-general', imports: [
+                        CommonModule,
+                        MuuriDirectiveModule,
+                        BuildingBlockManagementMetadataComponent,
+                        BuildingBlockManagementArtworkComponent,
+                        BuildingBlockManagementPluginsComponent,
+                    ], 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 class=\"building-block-management-general\">\n  <valtimo-building-block-management-plugins></valtimo-building-block-management-plugins>\n\n  <div class=\"muuri-container\">\n    <div muuri [columnMinWidth]=\"450\">\n      <valtimo-muuri-item>\n        <valtimo-building-block-management-metadata></valtimo-building-block-management-metadata>\n      </valtimo-muuri-item>\n\n      <valtimo-muuri-item>\n        <valtimo-building-block-management-artwork></valtimo-building-block-management-artwork>\n      </valtimo-muuri-item>\n    </div>\n  </div>\n</div>\n", styles: [".muuri-container{display:block;width:100%}.building-block-management-general{width:100%;display:flex;flex-direction:column;gap:16px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+        }], ctorParameters: () => [{ type: BuildingBlockManagementDetailService }] });
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class BuildingBlockManagementDocumentComponent {
+    constructor(buildingBlockManagementDetailService, buildingBlockManagementApiService, iconService) {
+        this.buildingBlockManagementDetailService = buildingBlockManagementDetailService;
+        this.buildingBlockManagementApiService = buildingBlockManagementApiService;
+        this.iconService = iconService;
+        this._subscriptions = new Subscription();
+        this._loadingDocumentDefinition$ = new BehaviorSubject(true);
+        this.loading$ = combineLatest([
+            this.buildingBlockManagementDetailService.loadingDefinition$,
+            this._loadingDocumentDefinition$,
+        ]).pipe(map(([loadingDefinition, loadingDocumentDefinition]) => loadingDefinition || loadingDocumentDefinition));
+        this._documentDefinition$ = new BehaviorSubject('');
+        this.documentDefinition$ = this._documentDefinition$.pipe(filter(model => model !== null));
+        this.isFinal$ = this.buildingBlockManagementDetailService.isFinal$;
+        this._modifiedDefinition = null;
+        this.iconService.registerAll([Download16]);
+    }
+    ngOnInit() {
+        this.openBuildingBlockDefinitionSubscription();
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+    }
+    downloadDefinition() {
+        this.documentDefinition$.pipe(take$1(1)).subscribe(definition => {
+            const dataString = 'data:text/json;charset=utf-8,' + encodeURIComponent(definition);
+            const downloadAnchorElement = document.getElementById('downloadAnchorElement');
+            if (!downloadAnchorElement)
+                return;
+            downloadAnchorElement.setAttribute('href', dataString);
+            downloadAnchorElement.setAttribute('download', `${this.buildingBlockManagementDetailService.buildingBlockDefinitionKey}-v${this.buildingBlockManagementDetailService.buildingBlockDefinitionVersionTag}.json`);
+            downloadAnchorElement.click();
+        });
+    }
+    onSaveEvent() {
+        if (!this._modifiedDefinition)
+            return;
+        this._loadingDocumentDefinition$.next(true);
+        this.buildingBlockManagementApiService
+            .updateBuildingBlockDocumentDefinition(this.buildingBlockManagementDetailService.buildingBlockDefinitionKey, this.buildingBlockManagementDetailService.buildingBlockDefinitionVersionTag, JSON.parse(this._modifiedDefinition))
+            .subscribe(res => {
+            this.setDocumentDefinitionModel(res);
+            this._modifiedDefinition = null;
+            this._loadingDocumentDefinition$.next(false);
+        });
+    }
+    onChangeEvent(event) {
+        this._modifiedDefinition = event;
+    }
+    openBuildingBlockDefinitionSubscription() {
+        this._subscriptions.add(this.buildingBlockManagementDetailService.buildingBlockDefinition$
+            .pipe(tap(() => this._loadingDocumentDefinition$.next(true)), switchMap(definition => this.buildingBlockManagementApiService.getBuildingBlockDocumentDefinition(definition.key, definition.versionTag)), tap(() => this._loadingDocumentDefinition$.next(false)))
+            .subscribe(buildingBlockDocumentDefinition => this.setDocumentDefinitionModel(buildingBlockDocumentDefinition)));
+    }
+    setDocumentDefinitionModel(definition) {
+        this._documentDefinition$.next(JSON.stringify(definition, null, 2));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementDocumentComponent, deps: [{ token: BuildingBlockManagementDetailService }, { token: BuildingBlockManagementApiService }, { token: i3$1.IconService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: BuildingBlockManagementDocumentComponent, isStandalone: true, selector: "valtimo-building-block-management-document", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    loading: loading$ | async,\n    documentDefinition: documentDefinition$ | async,\n    isFinal: isFinal$ | async,\n  } as obs\"\n>\n  @if (!obs.loading) {\n    <valtimo-schema-editor\n      [fitPage]=\"true\"\n      [spaceAdjustment]=\"64\"\n      [disableOverflow]=\"true\"\n      [schemaJson]=\"obs.documentDefinition\"\n      [disabled]=\"obs.isFinal\"\n      (changeEvent)=\"onChangeEvent($event)\"\n      (saveEvent)=\"onSaveEvent()\"\n    >\n      <button\n        cdsButton=\"ghost\"\n        [disabled]=\"obs.loading || !obs.documentDefinition\"\n        (click)=\"downloadDefinition()\"\n      >\n        {{ 'interface.download' | translate }}\n\n        <svg cdsIcon=\"download\" size=\"16\" class=\"cds--btn__icon\"></svg>\n      </button>\n    </valtimo-schema-editor>\n  } @else {\n    <div class=\"loading-container\">\n      <cds-loading></cds-loading>\n    </div>\n  }\n</ng-container>\n\n<a id=\"downloadAnchorElement\" style=\"display: none\"></a>\n", styles: [".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: 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: LoadingModule }, { kind: "component", type: i3$1.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "component", type: SchemaEditorComponent, selector: "valtimo-schema-editor", inputs: ["schemaJson", "disabled"], outputs: ["changeEvent", "saveEvent", "validEvent"] }, { kind: "directive", type: FitPageDirective, selector: "[fitPage]", inputs: ["spaceAdjustment", "fitPageDisabled", "disableOverflow"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementDocumentComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-building-block-management-document', imports: [
+                        CommonModule,
+                        ButtonModule,
+                        IconModule,
+                        LoadingModule,
+                        SchemaEditorComponent,
+                        FitPageDirective,
+                        TranslatePipe,
+                    ], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    loading: loading$ | async,\n    documentDefinition: documentDefinition$ | async,\n    isFinal: isFinal$ | async,\n  } as obs\"\n>\n  @if (!obs.loading) {\n    <valtimo-schema-editor\n      [fitPage]=\"true\"\n      [spaceAdjustment]=\"64\"\n      [disableOverflow]=\"true\"\n      [schemaJson]=\"obs.documentDefinition\"\n      [disabled]=\"obs.isFinal\"\n      (changeEvent)=\"onChangeEvent($event)\"\n      (saveEvent)=\"onSaveEvent()\"\n    >\n      <button\n        cdsButton=\"ghost\"\n        [disabled]=\"obs.loading || !obs.documentDefinition\"\n        (click)=\"downloadDefinition()\"\n      >\n        {{ 'interface.download' | translate }}\n\n        <svg cdsIcon=\"download\" size=\"16\" class=\"cds--btn__icon\"></svg>\n      </button>\n    </valtimo-schema-editor>\n  } @else {\n    <div class=\"loading-container\">\n      <cds-loading></cds-loading>\n    </div>\n  }\n</ng-container>\n\n<a id=\"downloadAnchorElement\" style=\"display: none\"></a>\n", styles: [".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: BuildingBlockManagementDetailService }, { type: BuildingBlockManagementApiService }, { type: i3$1.IconService }] });
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class BuildingBlockManagementProcessUploadComponent {
+    constructor(formBuilder, notificationService, processLinkService, buildingBlockManagementDetailService, translateService) {
+        this.formBuilder = formBuilder;
+        this.notificationService = notificationService;
+        this.processLinkService = processLinkService;
+        this.buildingBlockManagementDetailService = buildingBlockManagementDetailService;
+        this.translateService = translateService;
+        this.modalOpen$ = this.buildingBlockManagementDetailService.showProcessDefinitionUploadModal$;
+        this.showReplaceConfirmationModal$ = new BehaviorSubject(false);
+        this.replaceModalContent = '';
+        this.ACCEPTED_FILES = ['bpmn'];
+        this.form = this.formBuilder.group({
+            file: this.formBuilder.control(new Set(), [Validators.required]),
+        });
+        this.fileSelected$ = this.form.get('file')?.valueChanges.pipe(startWith(null), map(value => !!(value instanceof Set && value.size > 0)));
+    }
+    closeModal() {
+        this.buildingBlockManagementDetailService.hideProcessDefinitionUploadModal();
+        setTimeout(() => {
+            this.form.reset();
+        }, CARBON_CONSTANTS.modalAnimationMs);
+    }
+    uploadProcessBpmn(replace = false) {
+        const bpmnFile = this.form.value?.file?.values()?.next()?.value?.file;
+        if (!bpmnFile)
+            return;
+        from(bpmnFile.text())
+            .pipe(switchMap(bpmnXml => this.processLinkService.deployProcessWithProcessLinksForBuildingBlock([], null, `${bpmnXml}`, this.buildingBlockManagementDetailService.buildingBlockDefinitionKey, this.buildingBlockManagementDetailService.buildingBlockDefinitionVersionTag, replace)))
+            .subscribe({
+            next: () => {
+                this.notificationService.showNotification({
+                    type: 'success',
+                    title: this.translateService.instant('processManagement.upload.success'),
+                });
+                this.closeModal();
+                this.buildingBlockManagementDetailService.reloadProcessDefinitions();
+            },
+            error: (error) => {
+                const duplicateKey = error instanceof HttpErrorResponse && error.status === 409;
+                if (duplicateKey) {
+                    this.replaceModalContent = this.buildReplaceModalContent(error);
+                    this.showReplaceConfirmationModal$.next(true);
+                    return;
+                }
+                this.notificationService.showNotification({
+                    type: 'error',
+                    title: this.translateService.instant('processManagement.upload.failure'),
+                });
+            },
+        });
+    }
+    confirmReplace() {
+        this.replaceModalContent = '';
+        this.uploadProcessBpmn(true);
+    }
+    clearReplaceModal() {
+        this.replaceModalContent = '';
+    }
+    getDuplicateKeyMessage(error) {
+        const response = error.error;
+        const duplicates = response?.duplicateProcessDefinitions || response?.parameters?.duplicateProcessDefinitions;
+        if (Array.isArray(duplicates) && duplicates.length > 0) {
+            const duplicateList = duplicates
+                .map(item => {
+                if (!item?.key)
+                    return null;
+                return item.name ? `${item.key} (${item.name})` : item.key;
+            })
+                .filter(Boolean)
+                .join(', ');
+            if (duplicateList) {
+                return this.translateService.instant('processManagement.upload.replaceContentWithDuplicates', {
+                    duplicates: duplicateList,
+                });
+            }
+        }
+        return null;
+    }
+    buildReplaceModalContent(error) {
+        return (this.getDuplicateKeyMessage(error) ||
+            this.translateService.instant('processManagement.upload.replaceContent'));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementProcessUploadComponent, deps: [{ token: i2$1.FormBuilder }, { token: i5.GlobalNotificationService }, { token: i3$2.ProcessLinkService }, { token: BuildingBlockManagementDetailService }, { token: i2$2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", 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=\"secondary\" (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$2.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.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: i7.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.20", ngImport: i0, type: BuildingBlockManagementProcessUploadComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-building-block-management-process-upload', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        CommonModule,
+                        TranslateModule,
+                        FileUploaderModule,
+                        ModalModule,
+                        LayerModule,
+                        ReactiveFormsModule,
+                        ButtonModule,
+                        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=\"secondary\" (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$1.FormBuilder }, { type: i5.GlobalNotificationService }, { type: i3$2.ProcessLinkService }, { type: BuildingBlockManagementDetailService }, { type: i2$2.TranslateService }] });
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class BuildingBlockManagementProcessesComponent {
+    constructor(buildingBlockManagementDetailService, buildingBlockManagementApiService, translateService, iconService, router) {
+        this.buildingBlockManagementDetailService = buildingBlockManagementDetailService;
+        this.buildingBlockManagementApiService = buildingBlockManagementApiService;
+        this.translateService = translateService;
+        this.iconService = iconService;
+        this.router = router;
+        this.$loading = signal(true);
+        this._buildingBlockProcessDefinitions$ = new BehaviorSubject([]);
+        this._buildingBlockProcessDefinitionItems = [];
+        this.buildingBlockProcessDefinitionItems$ = combineLatest([
+            this._buildingBlockProcessDefinitions$,
+            this.translateService.stream('key'),
+        ]).pipe(map(([processDefinitions]) => processDefinitions.map(definition => ({
+            ...definition,
+            mainText: definition.main &&
+                this.translateService.instant('buildingBlockManagement.processDefinition.mainText'),
+        }))), tap(buildingBlockProcessDefinitionItems => (this._buildingBlockProcessDefinitionItems = buildingBlockProcessDefinitionItems)));
+        this.FIELDS = [
+            { key: 'name', label: 'buildingBlockManagement.processDefinition.name' },
+            { key: 'key', label: 'buildingBlockManagement.processDefinition.key' },
+            {
+                key: 'mainText',
+                label: '',
+                viewType: ViewType.TAGS,
+            },
+        ];
+        this.onDeleteClick = (process) => {
+            this._processToDelete = process;
+            this.showDeleteModal$.next(true);
+        };
+        this.ACTION_ITEMS = [
+            {
+                label: 'buildingBlockManagement.processDefinition.markAsMain',
+                callback: this.onMarkAsMain.bind(this),
+                type: 'normal',
+                disabledCallback: this.markAsMainDisabled.bind(this),
+            },
+            {
+                label: 'interface.delete',
+                callback: this.onDeleteClick,
+                type: 'danger',
+                disabledCallback: this.deleteDisabled.bind(this),
+            },
+        ];
+        this.isFinal$ = this.buildingBlockManagementDetailService.isFinal$;
+        this.showDeleteModal$ = new BehaviorSubject(false);
+        this._subscriptions = new Subscription();
+        this.iconService.registerAll([Upload16]);
+    }
+    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]) => this.buildingBlockManagementDetailService.reloadProcessDefinitions$.pipe(tap(() => this.$loading.set(true)), switchMap(() => this.buildingBlockManagementApiService.getBuildingBlockProcessDefinitions(key, versionTag)))), tap(processDefinitions => {
+            this._buildingBlockProcessDefinitions$.next(processDefinitions);
+            this.$loading.set(false);
+        }))
+            .subscribe());
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+    }
+    onRowClick(processDefinition) {
+        this.router.navigate([
+            '/building-block-management',
+            'building-block',
+            this.buildingBlockManagementDetailService.buildingBlockDefinitionKey,
+            'version',
+            this.buildingBlockManagementDetailService.buildingBlockDefinitionVersionTag,
+            BUILDING_BLOCK_MANAGEMENT_TABS.PROCESSES,
+            processDefinition.id,
+        ]);
+    }
+    showUploadModal() {
+        this.buildingBlockManagementDetailService.showProcessDefinitionUploadModal();
+    }
+    onCreateClick() {
+        this.router.navigate([
+            '/building-block-management',
+            'building-block',
+            this.buildingBlockManagementDetailService.buildingBlockDefinitionKey,
+            'version',
+            this.buildingBlockManagementDetailService.buildingBlockDefinitionVersionTag,
+            BUILDING_BLOCK_MANAGEMENT_TABS.PROCESSES,
+            'create',
+        ]);
+    }
+    onDeleteConfirm() {
+        if (!this._processToDelete)
+            return;
+        this.$loading.set(true);
+        this.buildingBlockManagementApiService
+            .deleteBuildingBlockProcessDefinition(this.buildingBlockManagementDetailService.buildingBlockDefinitionKey, this.buildingBlockManagementDetailService.buildingBlockDefinitionVersionTag, this._processToDelete.id)
+            .subscribe({
+            next: () => {
+                this.buildingBlockManagementDetailService.reloadProcessDefinitions();
+            },
+            error: () => {
+                this.$loading.set(false);
+            },
+        });
+    }
+    onMarkAsMain(process) {
+        this.$loading.set(true);
+        this.buildingBlockManagementApiService
+            .setMainBuildingBlockProcessDefinition(this.buildingBlockManagementDetailService.buildingBlockDefinitionKey, this.buildingBlockManagementDetailService.buildingBlockDefinitionVersionTag, process.id)
+            .subscribe({
+            next: () => {
+                this.buildingBlockManagementDetailService.reloadProcessDefinitions();
+            },
+            error: () => {
+                this.$loading.set(false);
+            },
+        });
+    }
+    markAsMainDisabled(process) {
+        return process.main || this._buildingBlockProcessDefinitionItems.length === 1;
+    }
+    deleteDisabled(process) {
+        return process.main || this._buildingBlockProcessDefinitionItems.length === 1;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementProcessesComponent, deps: [{ token: BuildingBlockManagementDetailService }, { token: BuildingBlockManagementApiService }, { token: i2$2.TranslateService }, { token: i3$1.IconService }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", 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: i7.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$2.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: i7.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.20", ngImport: i0, type: BuildingBlockManagementProcessesComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-building-block-management-processes', imports: [
+                        CommonModule,
+                        CarbonListModule,
+                        TranslateModule,
+                        ButtonModule,
+                        IconModule,
+                        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: i2$2.TranslateService }, { type: i3$1.IconService }, { type: i3.Router }] });
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class BuildingBlockManagementVersionSelectorComponent {
+    onVersionSelected(event) {
+        const versionTag = event?.item?.id;
+        if (!versionTag)
+            return;
+        this.buildingBlockManagementDetailService.navigateToVersionTag(versionTag);
+    }
+    constructor(buildingBlockManagementDetailService, buildingBlockManagementApiService) {
+        this.buildingBlockManagementDetailService = buildingBlockManagementDetailService;
+        this.buildingBlockManagementApiService = buildingBlockManagementApiService;
+        this._versions$ = combineLatest([
+            this.buildingBlockManagementDetailService.buildingBlockDefinitionKey$,
+            this.buildingBlockManagementDetailService.reloadVersions$,
+        ]).pipe(switchMap(([key]) => this.buildingBlockManagementApiService.getVersionsForBuildingBlock(key, 0, 10, true)));
+        this.versionListItems$ = combineLatest([
+            this._versions$,
+            this.buildingBlockManagementDetailService.buildingBlockDefinitionVersionTag$,
+        ]).pipe(map(([versions, versionTag]) => versions.content.map(version => ({
+            id: version.versionTag,
+            content: version.versionTag,
+            selected: versionTag === version.versionTag,
+            final: version.final,
+        }))));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementVersionSelectorComponent, deps: [{ token: BuildingBlockManagementDetailService }, { token: BuildingBlockManagementApiService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: BuildingBlockManagementVersionSelectorComponent, isStandalone: true, selector: "valtimo-building-block-management-version-selector", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container *ngIf=\"{versionListItems: (versionListItems$ | async) || []} as obs\">\n  <cds-dropdown\n    class=\"version-selector\"\n    [disabled]=\"obs.versionListItems.length === 1\"\n    [displayValue]=\"versionTemplate\"\n    (selected)=\"onVersionSelected($event)\"\n  >\n    <cds-dropdown-list\n      [items]=\"obs.versionListItems\"\n      [listTpl]=\"versionTemplate\"\n    ></cds-dropdown-list>\n  </cds-dropdown>\n</ng-container>\n\n<ng-template #versionTemplate let-item=\"item\">\n  <div class=\"version-selector-dropdown-template\">\n    <cds-tag\n      class=\"cds-tag--no-margin\"\n      [type]=\"!item?.final ? 'red' : 'green'\"\n      [title]=\"item?.content\"\n    >\n      {{ !item?.final ? 'DRAFT: ' + item?.content : item?.content }}\n    </cds-tag>\n  </div>\n</ng-template>\n", styles: [".version-selector{margin:0;max-width:300px}::ng-deep .version-selector-dropdown-template{display:flex}::ng-deep .version-selector-dropdown-template .cds--tag{margin:0 8px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;line-height:24px;max-width:100%}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: DropdownModule }, { kind: "component", type: i3$1.Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: ["id", "label", "hideLabel", "helperText", "placeholder", "displayValue", "clearText", "size", "type", "theme", "disabled", "readonly", "skeleton", "inline", "disableArrowKeys", "invalid", "invalidText", "warn", "warnText", "appendInline", "scrollableContainer", "itemValueKey", "selectionFeedback", "menuButtonLabel", "selectedLabel", "dropUp", "fluid"], outputs: ["selected", "onClose", "close"] }, { kind: "component", type: i3$1.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { 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.20", ngImport: i0, type: BuildingBlockManagementVersionSelectorComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-building-block-management-version-selector', imports: [CommonModule, DropdownModule, 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<ng-container *ngIf=\"{versionListItems: (versionListItems$ | async) || []} as obs\">\n  <cds-dropdown\n    class=\"version-selector\"\n    [disabled]=\"obs.versionListItems.length === 1\"\n    [displayValue]=\"versionTemplate\"\n    (selected)=\"onVersionSelected($event)\"\n  >\n    <cds-dropdown-list\n      [items]=\"obs.versionListItems\"\n      [listTpl]=\"versionTemplate\"\n    ></cds-dropdown-list>\n  </cds-dropdown>\n</ng-container>\n\n<ng-template #versionTemplate let-item=\"item\">\n  <div class=\"version-selector-dropdown-template\">\n    <cds-tag\n      class=\"cds-tag--no-margin\"\n      [type]=\"!item?.final ? 'red' : 'green'\"\n      [title]=\"item?.content\"\n    >\n      {{ !item?.final ? 'DRAFT: ' + item?.content : item?.content }}\n    </cds-tag>\n  </div>\n</ng-template>\n", styles: [".version-selector{margin:0;max-width:300px}::ng-deep .version-selector-dropdown-template{display:flex}::ng-deep .version-selector-dropdown-template .cds--tag{margin:0 8px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;line-height:24px;max-width:100%}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+        }], ctorParameters: () => [{ type: BuildingBlockManagementDetailService }, { type: BuildingBlockManagementApiService }] });
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class BuildingBlockManagementDetailActionsComponent {
+    get exporting$() {
+        return this._exporting$.asObservable();
+    }
+    get versionTag() {
+        return this.draftForm.get('versionTag');
+    }
+    constructor(buildingBlockManagementApiService, buildingBlockManagementDetailService, fb, notificationService, translateService, document) {
+        this.buildingBlockManagementApiService = buildingBlockManagementApiService;
+        this.buildingBlockManagementDetailService = buildingBlockManagementDetailService;
+        this.fb = fb;
+        this.notificationService = notificationService;
+        this.translateService = translateService;
+        this.document = document;
+        this.actionInProgress$ = new BehaviorSubject(false);
+        this.showDraftModal$ = new BehaviorSubject(false);
+        this.definition$ = this.buildingBlockManagementDetailService.buildingBlockDefinition$;
+        this.isFinal$ = this.buildingBlockManagementDetailService.isFinal$;
+        this.buildingBlockName$ = this.buildingBlockManagementDetailService.buildingBlockDefinition$.pipe(map(definition => definition.name ?? definition.key));
+        this._exporting$ = new BehaviorSubject(false);
+        this.draftForm = this.fb.group({
+            versionTag: this.fb.control('', Validators.required),
+        });
+    }
+    finalizeDraft() {
+        if (this.actionInProgress$.value)
+            return;
+        this.actionInProgress$.next(true);
+        this.definition$
+            .pipe(take(1), switchMap(definition => this.buildingBlockManagementApiService.finalizeBuildingBlockDefinition(definition.key, definition.versionTag)), finalize(() => this.actionInProgress$.next(false)))
+            .subscribe({
+            next: () => {
+                this.notifySuccess('buildingBlockManagement.actions.finalize.success');
+                this.buildingBlockManagementDetailService.reload();
+                this.buildingBlockManagementDetailService.reloadVersions();
+            },
+            error: () => {
+                this.notifyError('buildingBlockManagement.actions.finalize.error');
+            },
+        });
+    }
+    openDraftModal() {
+        this.showDraftModal$.next(true);
+    }
+    closeDraftModal() {
+        this.showDraftModal$.next(false);
+        this.draftForm.reset();
+    }
+    createDraft() {
+        if (this.draftForm.invalid || this.actionInProgress$.value)
+            return;
+        this.actionInProgress$.next(true);
+        const newVersionTag = this.versionTag.value;
+        this.definition$
+            .pipe(take(1), switchMap(definition => this.buildingBlockManagementApiService.createDraftBuildingBlockDefinition(definition.key, definition.versionTag, newVersionTag)), finalize(() => this.actionInProgress$.next(false)))
+            .subscribe({
+            next: draft => {
+                this.notifySuccess('buildingBlockManagement.actions.draft.success');
+                this.closeDraftModal();
+                this.buildingBlockManagementDetailService.reloadVersions();
+                this.buildingBlockManagementDetailService.navigateToVersionTag(draft.versionTag);
+            },
+            error: () => {
+                this.notifyError('buildingBlockManagement.actions.draft.error');
+            },
+        });
+    }
+    export() {
+        if (this.actionInProgress$.value || this._exporting$.value)
+            return;
+        this._currentNotification = this.notificationService.showNotification({
+            type: 'info',
+            title: '',
+            showClose: false,
+            template: this._exportMessageTemplateRef,
+        });
+        this._exporting$.next(true);
+        this.buildingBlockManagementApiService
+            .exportBuildingBlock(this.buildingBlockManagementDetailService.buildingBlockDefinitionKey, this.buildingBlockManagementDetailService.buildingBlockDefinitionVersionTag)
+            .pipe(finalize(() => this._exporting$.next(false)))
+            .subscribe({
+            next: response => {
+                this.closeCurrentNotification();
+                this._currentNotification = this.notificationService.showNotification({
+                    type: 'success',
+                    title: this.translateService.instant('buildingBlockManagement.overflowMenu.exportSuccessTitle'),
+                    duration: 5000,
+                });
+                this.downloadZip(response);
+            },
+            error: () => {
+                this.closeCurrentNotification();
+                this.notifyError('buildingBlockManagement.overflowMenu.exportErrorTitle');
+            },
+        });
+    }
+    downloadZip(response) {
+        const link = this.document.createElement('a');
+        const contentDisposition = response.headers.get('content-disposition');
+        const splitContentDisposition = contentDisposition?.split('filename=') ?? [];
+        const fileName = splitContentDisposition.length > 1 && splitContentDisposition[1];
+        link.href = this.document.defaultView?.URL.createObjectURL(response.body) ?? '';
+        link.download =
+            fileName ||
+                `${this.buildingBlockManagementDetailService.buildingBlockDefinitionKey}_${this.buildingBlockManagementDetailService.buildingBlockDefinitionVersionTag}.valtimo.zip`;
+        link.target = '_blank';
+        link.click();
+        link.remove();
+    }
+    closeCurrentNotification() {
+        if (this._currentNotification) {
+            this.notificationService.close(this._currentNotification);
+        }
+    }
+    notifySuccess(translationKey) {
+        this.notificationService.showNotification({
+            type: 'success',
+            title: this.translateService.instant(translationKey),
+            duration: 5000,
+        });
+    }
+    notifyError(translationKey) {
+        this.notificationService.showNotification({
+            type: 'error',
+            title: this.translateService.instant(translationKey),
+            duration: 5000,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementDetailActionsComponent, deps: [{ token: BuildingBlockManagementApiService }, { token: BuildingBlockManagementDetailService }, { token: i2$1.FormBuilder }, { token: i5.GlobalNotificationService }, { token: i2$2.TranslateService }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", 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    <v-overflow-menu\n      class=\"overflow-button\"\n      [menuWidth]=\"250\"\n      placement=\"bottom-end\"\n    >\n      <button overflowTrigger cdsButton=\"tertiary\">\n        {{ 'buildingBlockManagement.actions.more' | translate }}\n        <svg class=\"cds--btn__icon\" cdsIcon=\"overflow-menu--vertical\" size=\"16\"></svg>\n      </button>\n\n      <v-overflow-menu-option\n        optionId=\"exportBuildingBlock\"\n        (selected)=\"export()\"\n        [disabled]=\"(actionInProgress$ | async) || (exporting$ | async)\"\n      >\n        {{\n          'buildingBlockManagement.overflowMenu.export'\n            | translate: {value: buildingBlockName$ | async}\n        }}\n      </v-overflow-menu-option>\n\n      <v-overflow-menu-option\n        *ngIf=\"!obs.isFinal\"\n        [disabled]=\"actionInProgress$ | async\"\n        (selected)=\"finalizeDraft()\"\n      >\n        {{ 'buildingBlockManagement.actions.makeFinal' | translate }}\n      </v-overflow-menu-option>\n\n      <v-overflow-menu-option\n        *ngIf=\"obs.isFinal\"\n        [disabled]=\"actionInProgress$ | async\"\n        (selected)=\"openDraftModal()\"\n      >\n        {{ 'buildingBlockManagement.actions.createDraft' | translate }}\n      </v-overflow-menu-option>\n    </v-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=\"secondary\" (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$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.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: BuildingBlockManagementVersionSelectorComponent, selector: "valtimo-building-block-management-version-selector" }, { kind: "component", type: OverflowMenuComponent, selector: "v-overflow-menu", inputs: ["open", "placement", "menuWidth", "offsetX", "offsetY", "closeOnSelect", "useHostAsReference", "portalToBody"], outputs: ["openChange"] }, { kind: "component", type: OverflowMenuOptionComponent, selector: "v-overflow-menu-option", inputs: ["disabled", "type", "testId", "optionId"], outputs: ["selected"] }, { 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.20", ngImport: i0, type: BuildingBlockManagementDetailActionsComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-building-block-management-detail-actions', imports: [
+                        CommonModule,
+                        ButtonModule,
+                        ModalModule,
+                        InputModule,
+                        LayerModule,
+                        ReactiveFormsModule,
+                        IconModule,
+                        TranslatePipe,
+                        ValtimoCdsModalDirective,
+                        DialogModule,
+                        BuildingBlockManagementVersionSelectorComponent,
+                        OverflowMenuComponent,
+                        OverflowMenuOptionComponent,
+                        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    <v-overflow-menu\n      class=\"overflow-button\"\n      [menuWidth]=\"250\"\n      placement=\"bottom-end\"\n    >\n      <button overflowTrigger cdsButton=\"tertiary\">\n        {{ 'buildingBlockManagement.actions.more' | translate }}\n        <svg class=\"cds--btn__icon\" cdsIcon=\"overflow-menu--vertical\" size=\"16\"></svg>\n      </button>\n\n      <v-overflow-menu-option\n        optionId=\"exportBuildingBlock\"\n        (selected)=\"export()\"\n        [disabled]=\"(actionInProgress$ | async) || (exporting$ | async)\"\n      >\n        {{\n          'buildingBlockManagement.overflowMenu.export'\n            | translate: {value: buildingBlockName$ | async}\n        }}\n      </v-overflow-menu-option>\n\n      <v-overflow-menu-option\n        *ngIf=\"!obs.isFinal\"\n        [disabled]=\"actionInProgress$ | async\"\n        (selected)=\"finalizeDraft()\"\n      >\n        {{ 'buildingBlockManagement.actions.makeFinal' | translate }}\n      </v-overflow-menu-option>\n\n      <v-overflow-menu-option\n        *ngIf=\"obs.isFinal\"\n        [disabled]=\"actionInProgress$ | async\"\n        (selected)=\"openDraftModal()\"\n      >\n        {{ 'buildingBlockManagement.actions.createDraft' | translate }}\n      </v-overflow-menu-option>\n    </v-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=\"secondary\" (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$1.FormBuilder }, { type: i5.GlobalNotificationService }, { type: i2$2.TranslateService }, { type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }], propDecorators: { _exportMessageTemplateRef: [{
+                type: ViewChild,
+                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.20", ngImport: i0, type: BuildingBlockManagementFormsComponent, deps: [{ token: BuildingBlockManagementDetailService }, { token: BuildingBlockManagementApiService }, { token: i2$2.TranslateService }, { token: i3$1.IconService }, { token: i3.Router }, { token: i5.GlobalNotificationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", 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: i7.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$2.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: i7.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.20", 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$2.TranslateService }, { type: i3$1.IconService }, { type: i3.Router }, { type: i5.GlobalNotificationService }] });
+
+/*
+ * 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 BuildingBlockManagementFormFlowsComponent {
+    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._formFlowDefinitions$ = new BehaviorSubject([]);
+        this._formFlowDefinitionItems = [];
+        this.formFlowDefinitionItems$ = combineLatest([
+            this._formFlowDefinitions$,
+            this.translateService.stream('key'),
+        ]).pipe(map(([definitions]) => definitions.map(definition => ({
+            ...definition,
+            latestVersion: definition.versions?.[0] ?? 0,
+        }))), tap(items => (this._formFlowDefinitionItems = items)));
+        this.FIELDS = [
+            { key: 'key', label: 'formFlow.key' },
+            { key: 'latestVersion', label: 'formFlow.version' },
+            {
+                viewType: ViewType.BOOLEAN,
+                key: 'readOnly',
+                label: 'formFlow.readOnly',
+            },
+        ];
+        this.onDeleteClick = (formFlow) => {
+            this._formFlowToDelete = formFlow;
+            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._refresh$ = new BehaviorSubject(null);
+        this._subscriptions = new Subscription();
+        this._isFinal = false;
+        this.iconService.registerAll([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.reloadFormFlowDefinitions$, this._refresh$]).pipe(tap(() => this.$loading.set(true)), switchMap(() => this.buildingBlockManagementApiService.getBuildingBlockFormFlowDefinitions(key, versionTag)))), tap(response => {
+            this._formFlowDefinitions$.next(response?.content ?? []);
+            this.$loading.set(false);
+        }))
+            .subscribe());
+        this._subscriptions.add(this.isFinal$.subscribe(isFinal => (this._isFinal = isFinal)));
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+    }
+    onRowClick(formFlow) {
+        this.navigateToFormFlowEditor(formFlow.key);
+    }
+    navigateToFormFlowEditor(formFlowDefinitionKey) {
+        this.router.navigate([
+            '/building-block-management',
+            'building-block',
+            this.buildingBlockManagementDetailService.buildingBlockDefinitionKey,
+            'version',
+            this.buildingBlockManagementDetailService.buildingBlockDefinitionVersionTag,
+            BUILDING_BLOCK_MANAGEMENT_TABS.FORM_FLOWS,
+            formFlowDefinitionKey,
+        ]);
+    }
+    onCreateClick() {
+        this.showCreateModal$.next(true);
+    }
+    onAdd(formFlowDefinition) {
+        this.showCreateModal$.next(false);
+        if (!formFlowDefinition)
+            return;
+        this.$loading.set(true);
+        this.buildingBlockManagementApiService
+            .createBuildingBlockFormFlowDefinition(this.buildingBlockManagementDetailService.buildingBlockDefinitionKey, this.buildingBlockManagementDetailService.buildingBlockDefinitionVersionTag, formFlowDefinition)
+            .subscribe({
+            next: (result) => {
+                this.navigateToFormFlowEditor(result.key);
+            },
+            error: () => {
+                this.$loading.set(false);
+            },
+        });
+    }
+    onEditClick(formFlow) {
+        this.onRowClick(formFlow);
+    }
+    onDeleteConfirm() {
+        if (!this._formFlowToDelete)
+            return;
+        this.$loading.set(true);
+        this.buildingBlockManagementApiService
+            .deleteBuildingBlockFormFlowDefinition(this.buildingBlockManagementDetailService.buildingBlockDefinitionKey, this.buildingBlockManagementDetailService.buildingBlockDefinitionVersionTag, this._formFlowToDelete.key)
+            .subscribe({
+            next: () => {
+                this.notificationService.showToast({
+                    type: 'success',
+                    title: this.translateService.instant('formFlow.deletedSuccessfully', {
+                        key: this._formFlowToDelete.key,
+                    }),
+                });
+                this._refresh$.next(null);
+            },
+            error: () => {
+                this.$loading.set(false);
+            },
+        });
+    }
+    editDisabled() {
+        return this._isFinal;
+    }
+    deleteDisabled(formFlow) {
+        return !!formFlow.readOnly || this._isFinal;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementFormFlowsComponent, deps: [{ token: BuildingBlockManagementDetailService }, { token: BuildingBlockManagementApiService }, { token: i2$2.TranslateService }, { token: i3$1.IconService }, { token: i3.Router }, { token: i5.GlobalNotificationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: BuildingBlockManagementFormFlowsComponent, isStandalone: true, selector: "valtimo-building-block-management-form-flows", 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]=\"formFlowDefinitionItems$ | async\"\n  [loading]=\"$loading()\"\n  (rowClicked)=\"onRowClick($event)\"\n>\n  <div carbonToolbarContent>\n    <ng-container [ngTemplateOutlet]=\"addFormFlowButton\"></ng-container>\n  </div>\n\n  <valtimo-no-results\n    [action]=\"addFormFlowButton\"\n    description=\"{{ 'formFlow.noResults.description' | translate }}\"\n    title=\"{{ 'formFlow.noResults.title' | translate }}\"\n  ></valtimo-no-results>\n</valtimo-carbon-list>\n\n<ng-template #addFormFlowButton>\n  <button\n    cdsButton=\"primary\"\n    (click)=\"onCreateClick()\"\n    [disabled]=\"(isFinal$ | async) || $loading()\"\n  >\n    {{ 'formFlow.add' | translate }}\n\n    <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n  </button>\n</ng-template>\n\n<valtimo-new-form-flow-modal\n  [open]=\"showCreateModal$ | async\"\n  (closeEvent)=\"onAdd($event)\"\n></valtimo-new-form-flow-modal>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"formFlow.deleteModalContent\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"interface.delete\"\n  (confirmEvent)=\"onDeleteConfirm()\"\n></valtimo-confirmation-modal>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i7.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i7.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2$2.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: i7.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: NewFormFlowModalComponent, selector: "valtimo-new-form-flow-modal", inputs: ["open"], outputs: ["closeEvent"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementFormFlowsComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-building-block-management-form-flows', imports: [
+                        CommonModule,
+                        CarbonListModule,
+                        TranslateModule,
+                        ButtonModule,
+                        IconModule,
+                        ConfirmationModalModule,
+                        NewFormFlowModalComponent,
+                    ], 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]=\"formFlowDefinitionItems$ | async\"\n  [loading]=\"$loading()\"\n  (rowClicked)=\"onRowClick($event)\"\n>\n  <div carbonToolbarContent>\n    <ng-container [ngTemplateOutlet]=\"addFormFlowButton\"></ng-container>\n  </div>\n\n  <valtimo-no-results\n    [action]=\"addFormFlowButton\"\n    description=\"{{ 'formFlow.noResults.description' | translate }}\"\n    title=\"{{ 'formFlow.noResults.title' | translate }}\"\n  ></valtimo-no-results>\n</valtimo-carbon-list>\n\n<ng-template #addFormFlowButton>\n  <button\n    cdsButton=\"primary\"\n    (click)=\"onCreateClick()\"\n    [disabled]=\"(isFinal$ | async) || $loading()\"\n  >\n    {{ 'formFlow.add' | translate }}\n\n    <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n  </button>\n</ng-template>\n\n<valtimo-new-form-flow-modal\n  [open]=\"showCreateModal$ | async\"\n  (closeEvent)=\"onAdd($event)\"\n></valtimo-new-form-flow-modal>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"formFlow.deleteModalContent\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"interface.delete\"\n  (confirmEvent)=\"onDeleteConfirm()\"\n></valtimo-confirmation-modal>\n" }]
+        }], ctorParameters: () => [{ type: BuildingBlockManagementDetailService }, { type: BuildingBlockManagementApiService }, { type: i2$2.TranslateService }, { type: i3$1.IconService }, { type: i3.Router }, { type: i5.GlobalNotificationService }] });
+
+/*
+ * 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 BuildingBlockManagementDecisionsComponent {
+    constructor(buildingBlockManagementDetailService, buildingBlockManagementApiService, decisionStateService, translateService, iconService, router, notificationService) {
+        this.buildingBlockManagementDetailService = buildingBlockManagementDetailService;
+        this.buildingBlockManagementApiService = buildingBlockManagementApiService;
+        this.decisionStateService = decisionStateService;
+        this.translateService = translateService;
+        this.iconService = iconService;
+        this.router = router;
+        this.notificationService = notificationService;
+        this.$loading = signal(true);
+        this._decisions$ = new BehaviorSubject([]);
+        this.decisions$ = this._decisions$.asObservable();
+        this.FIELDS = [
+            { key: 'key', label: 'Key' },
+            { key: 'name', label: 'Name' },
+        ];
+        this.onDeleteClick = (decision) => {
+            this._decisionToDelete = decision;
+            this.showDeleteModal$.next(true);
+        };
+        this.ACTION_ITEMS = [
+            {
+                label: 'interface.delete',
+                callback: this.onDeleteClick,
+                type: 'danger',
+                disabledCallback: this.deleteDisabled.bind(this),
+            },
+        ];
+        this.isFinal$ = this.buildingBlockManagementDetailService.isFinal$;
+        this.showDeleteModal$ = new BehaviorSubject(false);
+        this._subscriptions = new Subscription();
+        this._isFinal = false;
+        this.iconService.registerAll([Upload16]);
+    }
+    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]) => this.decisionStateService.refreshDecisions$.pipe(tap(() => this.$loading.set(true)), switchMap(() => this.buildingBlockManagementApiService.getBuildingBlockDecisionDefinitions(key, versionTag)))), tap(decisions => {
+            this._decisions$.next(decisions);
+            this.$loading.set(false);
+        }))
+            .subscribe());
+        this._subscriptions.add(this.isFinal$.subscribe(isFinal => (this._isFinal = isFinal)));
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+    }
+    onRowClick(decision) {
+        this.router.navigate([
+            '/building-block-management',
+            'building-block',
+            this.buildingBlockManagementDetailService.buildingBlockDefinitionKey,
+            'version',
+            this.buildingBlockManagementDetailService.buildingBlockDefinitionVersionTag,
+            BUILDING_BLOCK_MANAGEMENT_TABS.DECISIONS,
+            decision.id,
+        ]);
+    }
+    onDeploySuccessful() {
+        this.decisionStateService.refreshDecisions();
+    }
+    onDeleteConfirm() {
+        if (!this._decisionToDelete)
+            return;
+        this.$loading.set(true);
+        this.buildingBlockManagementApiService
+            .deleteBuildingBlockDecisionDefinition(this.buildingBlockManagementDetailService.buildingBlockDefinitionKey, this.buildingBlockManagementDetailService.buildingBlockDefinitionVersionTag, this._decisionToDelete.key)
+            .subscribe({
+            next: () => {
+                this.notificationService.showToast({
+                    type: 'success',
+                    title: this.translateService.instant('decisions.deleteSuccess'),
+                });
+                this.decisionStateService.refreshDecisions();
+            },
+            error: () => {
+                this.notificationService.showToast({
+                    type: 'error',
+                    title: this.translateService.instant('decisions.deleteFailure'),
+                });
+                this.$loading.set(false);
+            },
+        });
+    }
+    deleteDisabled() {
+        return this._isFinal;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementDecisionsComponent, deps: [{ token: BuildingBlockManagementDetailService }, { token: BuildingBlockManagementApiService }, { token: i2$4.DecisionStateService }, { token: i2$2.TranslateService }, { token: i3$1.IconService }, { token: i3.Router }, { token: i5.GlobalNotificationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: BuildingBlockManagementDecisionsComponent, isStandalone: true, selector: "valtimo-building-block-management-decisions", 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]=\"decisions$ | 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        [iconOnly]=\"true\"\n        (click)=\"deploy.openModal()\"\n        [disabled]=\"(isFinal$ | async) || $loading()\"\n      >\n        <svg cdsIcon=\"upload\" size=\"16\"></svg>\n      </button>\n    </div>\n  </div>\n</valtimo-carbon-list>\n\n<valtimo-decision-deploy\n  #deploy\n  (deploySuccessful)=\"onDeploySuccessful()\"\n></valtimo-decision-deploy>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"decisions.deleteModal.content\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"decisions.deleteModal.title\"\n  (confirmEvent)=\"onDeleteConfirm()\"\n></valtimo-confirmation-modal>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i7.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: "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: i7.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: DecisionDeployComponent, selector: "valtimo-decision-deploy", outputs: ["deploySuccessful"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementDecisionsComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-building-block-management-decisions', imports: [
+                        CommonModule,
+                        CarbonListModule,
+                        TranslateModule,
+                        ButtonModule,
+                        IconModule,
+                        ConfirmationModalModule,
+                        DecisionDeployComponent,
+                    ], 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]=\"decisions$ | 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        [iconOnly]=\"true\"\n        (click)=\"deploy.openModal()\"\n        [disabled]=\"(isFinal$ | async) || $loading()\"\n      >\n        <svg cdsIcon=\"upload\" size=\"16\"></svg>\n      </button>\n    </div>\n  </div>\n</valtimo-carbon-list>\n\n<valtimo-decision-deploy\n  #deploy\n  (deploySuccessful)=\"onDeploySuccessful()\"\n></valtimo-decision-deploy>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"decisions.deleteModal.content\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"decisions.deleteModal.title\"\n  (confirmEvent)=\"onDeleteConfirm()\"\n></valtimo-confirmation-modal>\n" }]
+        }], ctorParameters: () => [{ type: BuildingBlockManagementDetailService }, { type: BuildingBlockManagementApiService }, { type: i2$4.DecisionStateService }, { type: i2$2.TranslateService }, { type: i3$1.IconService }, { type: i3.Router }, { type: i5.GlobalNotificationService }] });
+
+/*
+ * 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 BuildingBlockManagementDetailComponent {
+    constructor(route, buildingBlockManagementDetailService, pageTitleService, buildingBlockManagementTabConfig) {
+        this.route = route;
+        this.buildingBlockManagementDetailService = buildingBlockManagementDetailService;
+        this.pageTitleService = pageTitleService;
+        this.buildingBlockManagementTabConfig = buildingBlockManagementTabConfig;
+        this.BUILDING_BLOCK_MANAGEMENT_TABS = BUILDING_BLOCK_MANAGEMENT_TABS;
+        this.activeTabKey$ = this.buildingBlockManagementDetailService.activeTabKey$;
+        this.buildingBlockManagementDetailService.setRoute(this.route);
+    }
+    get customTabs() {
+        return this.toArray(this.buildingBlockManagementTabConfig).map(tab => ({
+            ...tab,
+            enabled$: tab.enabled$ ?? of(true),
+        }));
+    }
+    ngOnInit() {
+        this.pageTitleService.disableReset();
+    }
+    ngOnDestroy() {
+        this.pageTitleService.enableReset();
+    }
+    switchTab(tabKey) {
+        this.activeTabKey$.pipe(take(1)).subscribe(activeTabKey => {
+            if (activeTabKey === tabKey)
+                return;
+            this.buildingBlockManagementDetailService.navigateToTab(tabKey);
+        });
+    }
+    toArray(value) {
+        if (Array.isArray(value))
+            return value;
+        if (value)
+            return [value];
+        return [];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementDetailComponent, deps: [{ token: i3.ActivatedRoute }, { token: BuildingBlockManagementDetailService }, { token: i7.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.20", type: BuildingBlockManagementDetailComponent, isStandalone: true, selector: "valtimo-building-block-management-detail", providers: [BuildingBlockManagementDetailService], 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@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    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.FORM_FLOWS}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.formFlows' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.FORM_FLOWS)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-form-flows></valtimo-building-block-management-form-flows>\n        }\n      </cds-tab>\n    }\n\n    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.DECISIONS}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.decisions' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.DECISIONS)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-decisions></valtimo-building-block-management-decisions>\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: "component", type: BuildingBlockManagementFormFlowsComponent, selector: "valtimo-building-block-management-form-flows" }, { kind: "component", type: BuildingBlockManagementDecisionsComponent, selector: "valtimo-building-block-management-decisions" }, { 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.20", ngImport: i0, type: BuildingBlockManagementDetailComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-building-block-management-detail', imports: [
+                        CommonModule,
+                        CarbonListModule,
+                        ButtonModule,
+                        IconModule,
+                        TabsModule,
+                        TranslatePipe,
+                        BuildingBlockManagementGeneralComponent,
+                        BuildingBlockManagementDocumentComponent,
+                        BuildingBlockManagementProcessesComponent,
+                        BuildingBlockManagementFormsComponent,
+                        BuildingBlockManagementFormFlowsComponent,
+                        BuildingBlockManagementDecisionsComponent,
+                        RenderInPageHeaderDirective,
+                        BuildingBlockManagementDetailActionsComponent,
+                        DialogModule,
+                    ], providers: [BuildingBlockManagementDetailService], 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@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    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.FORM_FLOWS}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.formFlows' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.FORM_FLOWS)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-form-flows></valtimo-building-block-management-form-flows>\n        }\n      </cds-tab>\n    }\n\n    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.DECISIONS}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.decisions' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.DECISIONS)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-decisions></valtimo-building-block-management-decisions>\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: i7.PageTitleService }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [BUILDING_BLOCK_MANAGEMENT_TAB_TOKEN]
+                }] }] });
+
+/*
+ * 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.
+ */
+const routes = [
+    {
+        path: 'building-block-management',
+        component: BuildingBlockManagementListComponent,
+        canActivate: [AuthGuardService],
+        data: { title: 'buildingBlockManagement.title', roles: [ROLE_ADMIN] },
+    },
+    {
+        path: 'building-block-management/building-block/:buildingBlockDefinitionKey/version/:buildingBlockDefinitionVersionTag/:tabKey',
+        component: BuildingBlockManagementDetailComponent,
+        canActivate: [AuthGuardService],
+        data: {
+            title: 'buildingBlockManagement.detail.title',
+            roles: [ROLE_ADMIN],
+            customPageTitle: true,
+            context: 'buildingBlock',
+        },
+    },
+    {
+        path: `building-block-management/building-block/:buildingBlockDefinitionKey/version/:buildingBlockDefinitionVersionTag/${BUILDING_BLOCK_MANAGEMENT_TABS.PROCESSES}/create`,
+        component: ProcessManagementBuilderComponent,
+        canActivate: [AuthGuardService],
+        data: {
+            title: 'Create new Process',
+            roles: [ROLE_ADMIN],
+            context: 'buildingBlock',
+        },
+    },
+    {
+        path: `building-block-management/building-block/:buildingBlockDefinitionKey/version/:buildingBlockDefinitionVersionTag/${BUILDING_BLOCK_MANAGEMENT_TABS.PROCESSES}/:processDefinitionKey`,
+        component: ProcessManagementBuilderComponent,
+        canActivate: [AuthGuardService],
+        data: {
+            title: 'Process details',
+            roles: [ROLE_ADMIN],
+            customPageTitle: true,
+            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',
+        },
+    },
+    {
+        path: `building-block-management/building-block/:buildingBlockDefinitionKey/version/:buildingBlockDefinitionVersionTag/${BUILDING_BLOCK_MANAGEMENT_TABS.FORM_FLOWS}/:formFlowDefinitionKey`,
+        component: FormFlowEditorComponent,
+        canActivate: [AuthGuardService],
+        data: {
+            title: 'formFlow.title',
+            roles: [ROLE_ADMIN],
+            customPageTitle: true,
+            context: 'buildingBlock',
+        },
+    },
+    {
+        path: `building-block-management/building-block/:buildingBlockDefinitionKey/version/:buildingBlockDefinitionVersionTag/${BUILDING_BLOCK_MANAGEMENT_TABS.DECISIONS}/:id`,
+        component: DecisionModelerComponent,
+        canActivate: [AuthGuardService],
+        data: {
+            title: 'Edit decision table',
+            roles: [ROLE_ADMIN],
+            customPageTitle: true,
+            context: 'buildingBlock',
+        },
+    },
+];
+class BuildingBlockManagementRouting {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementRouting, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementRouting, imports: [CommonModule, i3.RouterModule], exports: [RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementRouting, imports: [CommonModule, RouterModule.forChild(routes), RouterModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementRouting, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [CommonModule, RouterModule.forChild(routes)],
+                    exports: [RouterModule],
+                }]
+        }] });
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class BuildingBlockManagementModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementModule, imports: [BuildingBlockManagementRouting, BuildingBlockManagementListComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementModule, imports: [BuildingBlockManagementRouting, BuildingBlockManagementListComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BuildingBlockManagementModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [BuildingBlockManagementRouting, BuildingBlockManagementListComponent],
+                    providers: [],
+                }]
+        }] });
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/*
+ * Public API Surface of building-block-management
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BuildingBlockManagementApiService, BuildingBlockManagementDetailService, BuildingBlockManagementModule, BuildingBlockManagementService };
+//# sourceMappingURL=valtimo-building-block-management.mjs.map