@valtimo/case-management 13.13.0 → 13.14.0

package/fesm2022/valtimo-case-management.mjs

@@ -40,6 +40,7 @@ import { valid, lt } from 'semver';
 import * as i5 from 'ngx-logger';
 import moment from 'moment/moment';
 import moment$1 from 'moment';
+import { toObservable } from '@angular/core/rxjs-interop';
 import * as i4 from '@valtimo/process';
 
 /*
@@ -586,7 +587,10 @@ class TabService {
     setInjectedCaseManagementTabs(caseManagementTabConfig) {
         if (!caseManagementTabConfig)
             return;
-        this._injectedCaseManagementTabs$.next(Array.isArray(caseManagementTabConfig) ? caseManagementTabConfig : [caseManagementTabConfig]);
+        const tabs = Array.isArray(caseManagementTabConfig)
+            ? caseManagementTabConfig
+            : [caseManagementTabConfig];
+        this._injectedCaseManagementTabs$.next(tabs.map(tab => ({ ...tab, enabled$: tab.enabled$ ?? of(true) })));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TabService, deps: [{ token: CASE_TAB_TOKEN, optional: true }, { token: CASE_MANAGEMENT_TAB_TOKEN, optional: true }, { token: i1$3.FormService }, { token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TabService, providedIn: 'root' }); }
@@ -3341,11 +3345,11 @@ class CaseManagementDeploymentComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementDeploymentComponent, deps: [{ token: i7.BreadcrumbService }, { token: CaseManagementService }, { token: i6.DatePipe }, { token: i3$1.EnvironmentService }, { token: i2.IconService }, { token: i6.Location }, { token: i3$1.GlobalNotificationService }, { token: i2$1.ActivatedRoute }, { token: i2$1.Router }, { token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: CaseManagementDeploymentComponent, isStandalone: false, selector: "ng-component", viewQueries: [{ propertyName: "_createDraftMessageTemplateRef", first: true, predicate: ["createDraftMessage"], descendants: true }, { propertyName: "_finalizeDraftMessageTemplateRef", first: true, predicate: ["finalizeDraftMessage"], descendants: true }, { propertyName: "_deleteDraftMessageTemplateRef", first: true, predicate: ["deleteDraftMessage"], descendants: true }], 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<ng-container\n  *ngIf=\"{\n    releaseVersionEntries: releaseVersionEntries$ | async,\n    releaseInformationDataEntries: releaseInformationDataEntries$ | async,\n    isDraftVersion: isDraftVersion$ | async,\n    hasConflictingVersions: hasConflictingVersions$ | async,\n    notificationContent: notificationContent$ | async,\n    canUpdateGlobalConfiguration: canUpdateGlobalConfiguration$ | async,\n    isGloballyActive: isGloballyActive$ | async,\n    caseDefinitionFinalizationCheckResult: caseDefinitionFinalizationCheckResult$ | async,\n    deploymentNotificationObject: deploymentNotificationObject$ | async,\n  } as obs\"\n>\n  <cds-notification\n    *ngIf=\"\n      obs.canUpdateGlobalConfiguration && obs.isDraftVersion && obs.deploymentNotificationObject\n    \"\n    class=\"deployment-warning-notification\"\n    [notificationObj]=\"obs.deploymentNotificationObject\"\n  ></cds-notification>\n\n  <div class=\"header-buttons\">\n    <button cdsButton=\"secondary\" (click)=\"goBack()\">\n      {{ 'caseManagement.deployment.buttons.back' | translate }}\n      <svg cdsIcon=\"return\" size=\"16\" class=\"cds--btn__icon\"></svg>\n    </button>\n    @if (obs.canUpdateGlobalConfiguration) {\n      @if (obs.isDraftVersion) {\n        <div class=\"draft-buttons\">\n          <button\n            *ngIf=\"caseDefinitionVersions.length === 1 || !obs.isGloballyActive\"\n            cdsButton=\"danger\"\n            (click)=\"openDeleteDraftModal()\"\n          >\n            {{ 'caseManagement.deployment.buttons.delete' | translate }}\n            <svg cdsIcon=\"trash-can\" size=\"16\" class=\"cds--btn__icon\"></svg>\n          </button>\n\n          <button\n            cdsButton=\"primary\"\n            (click)=\"openFinalizeDraftConfirmationModal()\"\n            [disabled]=\"!obs?.caseDefinitionFinalizationCheckResult?.code !== 'OK'\"\n          >\n            {{ 'caseManagement.deployment.buttons.finalize' | translate }}\n            <svg cdsIcon=\"save\" size=\"16\" class=\"cds--btn__icon\"></svg>\n          </button>\n        </div>\n      } @else {\n        <button cdsButton=\"primary\" (click)=\"openCreateDraftVersionConfirmationModal()\">\n          {{ 'caseManagement.deployment.buttons.createDraft' | translate }}\n          <svg cdsIcon=\"save\" size=\"16\" class=\"cds--btn__icon\"></svg>\n        </button>\n      }\n    }\n  </div>\n\n  <div class=\"deployment-panels\">\n    <ng-container\n      *ngTemplateOutlet=\"\n        releaseVersionPanel;\n        context: {\n          data: obs.releaseVersionEntries,\n          showNotification: obs.hasConflictingVersions,\n          notificationContent: {\n            basedOnVersionTag: obs.notificationContent?.basedOnVersionTag,\n            conflictingVersions: obs.notificationContent?.conflictingVersions,\n          },\n        }\n      \"\n    ></ng-container>\n\n    <ng-container\n      *ngTemplateOutlet=\"\n        releaseInformationPanel;\n        context: {data: obs.releaseInformationDataEntries}\n      \"\n    ></ng-container>\n  </div>\n</ng-container>\n\n<ng-template\n  #releaseVersionPanel\n  let-data=\"data\"\n  let-showNotification=\"showNotification\"\n  let-notificationContent=\"notificationContent\"\n>\n  <div class=\"release-version\">\n    <p class=\"deployment-panel-title\">\n      {{ 'caseManagement.deployment.releaseVersion.title' | translate }}\n    </p>\n\n    <div class=\"release-version-columns\">\n      <div *ngFor=\"let entry of data\" class=\"release-version-data\">\n        <label class=\"release-version-data__label\">\n          {{ 'caseManagement.deployment.releaseVersion.fields.' + entry.key | translate }}\n        </label>\n        <div class=\"release-version-data__value\">\n          {{ entry.value }}\n        </div>\n      </div>\n    </div>\n\n    <cds-notification\n      *ngIf=\"showNotification\"\n      class=\"full-width-notification\"\n      [notificationObj]=\"{\n        type: 'warning',\n        title: ('caseManagement.deployment.releaseVersion.warning.title' | translate),\n        message:\n          ('caseManagement.deployment.releaseVersion.warning.description'\n          | translate: notificationContent),\n        showClose: false,\n        lowContrast: true,\n      }\"\n    >\n    </cds-notification>\n  </div>\n</ng-template>\n\n<ng-template #releaseInformationPanel let-data=\"data\">\n  <div class=\"release-information\">\n    <p class=\"deployment-panel-title\">\n      {{ 'caseManagement.deployment.releaseInformation.title' | translate }}\n    </p>\n\n    <div class=\"release-version-columns\">\n      <ng-container *ngFor=\"let entry of data\">\n        <div class=\"release-version-data\" *ngIf=\"entry?.key && entry?.value !== undefined\">\n          <label class=\"release-version-data__label\">\n            {{ 'caseManagement.deployment.releaseInformation.fields.' + entry.key | translate }}\n          </label>\n          <div class=\"release-version-data__value\">\n            {{ entry.value }}\n          </div>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n</ng-template>\n\n<valtimo-confirmation-modal\n  [showModalSubject$]=\"showDeleteDraftConfirmationModal$\"\n  (confirmEvent)=\"deleteDraftCaseVersion()\"\n  (cancelEvent)=\"closeDeleteDraftModal()\"\n  cancelButtonType=\"ghost\"\n  confirmButtonType=\"danger\"\n  confirmButtonTextTranslationKey=\"caseManagement.deployment.deleteDraftConfirmationModal.confirm\"\n  cancelButtonTextTranslationKey=\"interface.cancel\"\n  titleTranslationKey=\"caseManagement.deployment.deleteDraftConfirmationModal.title\"\n  contentTranslationKey=\"caseManagement.deployment.deleteDraftConfirmationModal.description\"\n>\n</valtimo-confirmation-modal>\n\n<valtimo-confirmation-modal\n  [showModalSubject$]=\"showFinalizeDraftConfirmationModal$\"\n  [content]=\"finalizeDraftDescription$ | async\"\n  (confirmEvent)=\"finalizeDraftCaseVersion()\"\n  (cancelEvent)=\"closeFinalizeDraftModal()\"\n  cancelButtonType=\"ghost\"\n  confirmButtonType=\"primary\"\n  confirmButtonTextTranslationKey=\"caseManagement.deployment.finalizeDraftConfirmationModal.confirm\"\n  cancelButtonTextTranslationKey=\"interface.cancel\"\n  titleTranslationKey=\"caseManagement.deployment.finalizeDraftConfirmationModal.title\"\n></valtimo-confirmation-modal>\n\n<valtimo-case-management-create-draft-version\n  [open]=\"showCreateDraftVersionConfirmationModal$ | async\"\n  [caseDefinitionPayload]=\"caseDefinitionPayload$ | async\"\n  (closeModal)=\"onCloseCreateDraftVersionModal($event)\"\n></valtimo-case-management-create-draft-version>\n\n<ng-template #loadingMessage let-translationKey=\"translationKey\">\n  <div>\n    <span class=\"cds--inline-notification__title\">\n      {{ translationKey | translate }}\n    </span>\n    <cds-loading size=\"sm\"></cds-loading>\n  </div>\n</ng-template>\n\n<ng-template #createDraftMessage>\n  <ng-container\n    *ngTemplateOutlet=\"\n      loadingMessage;\n      context: {\n        translationKey: 'caseManagement.deployment.createDraftConfirmationModal.loadingText',\n      }\n    \"\n  >\n  </ng-container>\n</ng-template>\n\n<ng-template #finalizeDraftMessage>\n  <ng-container\n    *ngTemplateOutlet=\"\n      loadingMessage;\n      context: {\n        translationKey: 'caseManagement.deployment.finalizeDraftConfirmationModal.loadingText',\n      }\n    \"\n  >\n  </ng-container>\n</ng-template>\n\n<ng-template #deleteDraftMessage>\n  <ng-container\n    *ngTemplateOutlet=\"\n      loadingMessage;\n      context: {\n        translationKey: 'caseManagement.deployment.finalizeDraftConfirmationModal.loadingText',\n      }\n    \"\n  >\n  </ng-container>\n</ng-template>\n", styles: [".header-buttons{display:flex;justify-content:space-between;width:100%;margin-bottom:24px}.draft-buttons{display:flex;gap:16px}.deployment-panels{display:flex;gap:16px;flex-wrap:wrap}.deployment-panels>div{flex:1 1 300px;background-color:#fff;padding:24px}.deployment-panel-title{font-weight:600;font-size:16px;line-height:24px;margin-bottom:16px}.full-width-notification{max-inline-size:100%;min-inline-size:100%}.release-version-columns{display:flex;width:100%;margin-bottom:16px;gap:16px;flex-wrap:wrap}.release-version-data{flex:1 1 300px;padding:1rem;box-sizing:border-box}.release-version-data__label{font-size:12px;margin-bottom:16px;color:var(--cds-text-secondary)}.release-version-data__value{color:var(--cds-text-primary);padding:16px;border-bottom:1px solid var(--cds-border-subtle-01);font-size:14px}::ng-deep .cds--inline-notification__title{width:100%}.deployment-warning-notification{min-width:100%;margin-bottom:16px}\n/*!\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"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }, { kind: "directive", type: i2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i2.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { 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: CaseManagementCreateDraftVersionComponent, selector: "valtimo-case-management-create-draft-version", inputs: ["open", "caseDefinitionPayload"], outputs: ["closeModal"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: CaseManagementDeploymentComponent, isStandalone: false, selector: "ng-component", viewQueries: [{ propertyName: "_createDraftMessageTemplateRef", first: true, predicate: ["createDraftMessage"], descendants: true }, { propertyName: "_finalizeDraftMessageTemplateRef", first: true, predicate: ["finalizeDraftMessage"], descendants: true }, { propertyName: "_deleteDraftMessageTemplateRef", first: true, predicate: ["deleteDraftMessage"], descendants: true }], 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<ng-container\n  *ngIf=\"{\n    releaseVersionEntries: releaseVersionEntries$ | async,\n    releaseInformationDataEntries: releaseInformationDataEntries$ | async,\n    isDraftVersion: isDraftVersion$ | async,\n    hasConflictingVersions: hasConflictingVersions$ | async,\n    notificationContent: notificationContent$ | async,\n    canUpdateGlobalConfiguration: canUpdateGlobalConfiguration$ | async,\n    isGloballyActive: isGloballyActive$ | async,\n    caseDefinitionFinalizationCheckResult: caseDefinitionFinalizationCheckResult$ | async,\n    deploymentNotificationObject: deploymentNotificationObject$ | async,\n  } as obs\"\n>\n  <cds-notification\n    *ngIf=\"\n      obs.canUpdateGlobalConfiguration && obs.isDraftVersion && obs.deploymentNotificationObject\n    \"\n    class=\"deployment-warning-notification\"\n    [notificationObj]=\"obs.deploymentNotificationObject\"\n  ></cds-notification>\n\n  <div class=\"header-buttons\">\n    <button cdsButton=\"secondary\" (click)=\"goBack()\">\n      {{ 'caseManagement.deployment.buttons.back' | translate }}\n      <svg cdsIcon=\"return\" size=\"16\" class=\"cds--btn__icon\"></svg>\n    </button>\n    @if (obs.canUpdateGlobalConfiguration) {\n      @if (obs.isDraftVersion) {\n        <div class=\"draft-buttons\">\n          <button\n            *ngIf=\"caseDefinitionVersions.length === 1 || !obs.isGloballyActive\"\n            cdsButton=\"danger\"\n            (click)=\"openDeleteDraftModal()\"\n          >\n            {{ 'caseManagement.deployment.buttons.delete' | translate }}\n            <svg cdsIcon=\"trash-can\" size=\"16\" class=\"cds--btn__icon\"></svg>\n          </button>\n\n          <button\n            cdsButton=\"primary\"\n            (click)=\"openFinalizeDraftConfirmationModal()\"\n            [disabled]=\"!obs?.caseDefinitionFinalizationCheckResult?.finalizable\"\n          >\n            {{ 'caseManagement.deployment.buttons.finalize' | translate }}\n            <svg cdsIcon=\"save\" size=\"16\" class=\"cds--btn__icon\"></svg>\n          </button>\n        </div>\n      } @else {\n        <button cdsButton=\"primary\" (click)=\"openCreateDraftVersionConfirmationModal()\">\n          {{ 'caseManagement.deployment.buttons.createDraft' | translate }}\n          <svg cdsIcon=\"save\" size=\"16\" class=\"cds--btn__icon\"></svg>\n        </button>\n      }\n    }\n  </div>\n\n  <div class=\"deployment-panels\">\n    <ng-container\n      *ngTemplateOutlet=\"\n        releaseVersionPanel;\n        context: {\n          data: obs.releaseVersionEntries,\n          showNotification: obs.hasConflictingVersions,\n          notificationContent: {\n            basedOnVersionTag: obs.notificationContent?.basedOnVersionTag,\n            conflictingVersions: obs.notificationContent?.conflictingVersions,\n          },\n        }\n      \"\n    ></ng-container>\n\n    <ng-container\n      *ngTemplateOutlet=\"\n        releaseInformationPanel;\n        context: {data: obs.releaseInformationDataEntries}\n      \"\n    ></ng-container>\n  </div>\n</ng-container>\n\n<ng-template\n  #releaseVersionPanel\n  let-data=\"data\"\n  let-showNotification=\"showNotification\"\n  let-notificationContent=\"notificationContent\"\n>\n  <div class=\"release-version\">\n    <p class=\"deployment-panel-title\">\n      {{ 'caseManagement.deployment.releaseVersion.title' | translate }}\n    </p>\n\n    <div class=\"release-version-columns\">\n      <div *ngFor=\"let entry of data\" class=\"release-version-data\">\n        <label class=\"release-version-data__label\">\n          {{ 'caseManagement.deployment.releaseVersion.fields.' + entry.key | translate }}\n        </label>\n        <div class=\"release-version-data__value\">\n          {{ entry.value }}\n        </div>\n      </div>\n    </div>\n\n    <cds-notification\n      *ngIf=\"showNotification\"\n      class=\"full-width-notification\"\n      [notificationObj]=\"{\n        type: 'warning',\n        title: ('caseManagement.deployment.releaseVersion.warning.title' | translate),\n        message:\n          ('caseManagement.deployment.releaseVersion.warning.description'\n          | translate: notificationContent),\n        showClose: false,\n        lowContrast: true,\n      }\"\n    >\n    </cds-notification>\n  </div>\n</ng-template>\n\n<ng-template #releaseInformationPanel let-data=\"data\">\n  <div class=\"release-information\">\n    <p class=\"deployment-panel-title\">\n      {{ 'caseManagement.deployment.releaseInformation.title' | translate }}\n    </p>\n\n    <div class=\"release-version-columns\">\n      <ng-container *ngFor=\"let entry of data\">\n        <div class=\"release-version-data\" *ngIf=\"entry?.key && entry?.value !== undefined\">\n          <label class=\"release-version-data__label\">\n            {{ 'caseManagement.deployment.releaseInformation.fields.' + entry.key | translate }}\n          </label>\n          <div class=\"release-version-data__value\">\n            {{ entry.value }}\n          </div>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n</ng-template>\n\n<valtimo-confirmation-modal\n  [showModalSubject$]=\"showDeleteDraftConfirmationModal$\"\n  (confirmEvent)=\"deleteDraftCaseVersion()\"\n  (cancelEvent)=\"closeDeleteDraftModal()\"\n  cancelButtonType=\"ghost\"\n  confirmButtonType=\"danger\"\n  confirmButtonTextTranslationKey=\"caseManagement.deployment.deleteDraftConfirmationModal.confirm\"\n  cancelButtonTextTranslationKey=\"interface.cancel\"\n  titleTranslationKey=\"caseManagement.deployment.deleteDraftConfirmationModal.title\"\n  contentTranslationKey=\"caseManagement.deployment.deleteDraftConfirmationModal.description\"\n>\n</valtimo-confirmation-modal>\n\n<valtimo-confirmation-modal\n  [showModalSubject$]=\"showFinalizeDraftConfirmationModal$\"\n  [content]=\"finalizeDraftDescription$ | async\"\n  (confirmEvent)=\"finalizeDraftCaseVersion()\"\n  (cancelEvent)=\"closeFinalizeDraftModal()\"\n  cancelButtonType=\"ghost\"\n  confirmButtonType=\"primary\"\n  confirmButtonTextTranslationKey=\"caseManagement.deployment.finalizeDraftConfirmationModal.confirm\"\n  cancelButtonTextTranslationKey=\"interface.cancel\"\n  titleTranslationKey=\"caseManagement.deployment.finalizeDraftConfirmationModal.title\"\n></valtimo-confirmation-modal>\n\n<valtimo-case-management-create-draft-version\n  [open]=\"showCreateDraftVersionConfirmationModal$ | async\"\n  [caseDefinitionPayload]=\"caseDefinitionPayload$ | async\"\n  (closeModal)=\"onCloseCreateDraftVersionModal($event)\"\n></valtimo-case-management-create-draft-version>\n\n<ng-template #loadingMessage let-translationKey=\"translationKey\">\n  <div>\n    <span class=\"cds--inline-notification__title\">\n      {{ translationKey | translate }}\n    </span>\n    <cds-loading size=\"sm\"></cds-loading>\n  </div>\n</ng-template>\n\n<ng-template #createDraftMessage>\n  <ng-container\n    *ngTemplateOutlet=\"\n      loadingMessage;\n      context: {\n        translationKey: 'caseManagement.deployment.createDraftConfirmationModal.loadingText',\n      }\n    \"\n  >\n  </ng-container>\n</ng-template>\n\n<ng-template #finalizeDraftMessage>\n  <ng-container\n    *ngTemplateOutlet=\"\n      loadingMessage;\n      context: {\n        translationKey: 'caseManagement.deployment.finalizeDraftConfirmationModal.loadingText',\n      }\n    \"\n  >\n  </ng-container>\n</ng-template>\n\n<ng-template #deleteDraftMessage>\n  <ng-container\n    *ngTemplateOutlet=\"\n      loadingMessage;\n      context: {\n        translationKey: 'caseManagement.deployment.finalizeDraftConfirmationModal.loadingText',\n      }\n    \"\n  >\n  </ng-container>\n</ng-template>\n", styles: [".header-buttons{display:flex;justify-content:space-between;width:100%;margin-bottom:24px}.draft-buttons{display:flex;gap:16px}.deployment-panels{display:flex;gap:16px;flex-wrap:wrap}.deployment-panels>div{flex:1 1 300px;background-color:#fff;padding:24px}.deployment-panel-title{font-weight:600;font-size:16px;line-height:24px;margin-bottom:16px}.full-width-notification{max-inline-size:100%;min-inline-size:100%}.release-version-columns{display:flex;width:100%;margin-bottom:16px;gap:16px;flex-wrap:wrap}.release-version-data{flex:1 1 300px;padding:1rem;box-sizing:border-box}.release-version-data__label{font-size:12px;margin-bottom:16px;color:var(--cds-text-secondary)}.release-version-data__value{color:var(--cds-text-primary);padding:16px;border-bottom:1px solid var(--cds-border-subtle-01);font-size:14px}::ng-deep .cds--inline-notification__title{width:100%}.deployment-warning-notification{min-width:100%;margin-bottom:16px}\n/*!\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"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }, { kind: "directive", type: i2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i2.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { 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: CaseManagementCreateDraftVersionComponent, selector: "valtimo-case-management-create-draft-version", inputs: ["open", "caseDefinitionPayload"], outputs: ["closeModal"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementDeploymentComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, 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<ng-container\n  *ngIf=\"{\n    releaseVersionEntries: releaseVersionEntries$ | async,\n    releaseInformationDataEntries: releaseInformationDataEntries$ | async,\n    isDraftVersion: isDraftVersion$ | async,\n    hasConflictingVersions: hasConflictingVersions$ | async,\n    notificationContent: notificationContent$ | async,\n    canUpdateGlobalConfiguration: canUpdateGlobalConfiguration$ | async,\n    isGloballyActive: isGloballyActive$ | async,\n    caseDefinitionFinalizationCheckResult: caseDefinitionFinalizationCheckResult$ | async,\n    deploymentNotificationObject: deploymentNotificationObject$ | async,\n  } as obs\"\n>\n  <cds-notification\n    *ngIf=\"\n      obs.canUpdateGlobalConfiguration && obs.isDraftVersion && obs.deploymentNotificationObject\n    \"\n    class=\"deployment-warning-notification\"\n    [notificationObj]=\"obs.deploymentNotificationObject\"\n  ></cds-notification>\n\n  <div class=\"header-buttons\">\n    <button cdsButton=\"secondary\" (click)=\"goBack()\">\n      {{ 'caseManagement.deployment.buttons.back' | translate }}\n      <svg cdsIcon=\"return\" size=\"16\" class=\"cds--btn__icon\"></svg>\n    </button>\n    @if (obs.canUpdateGlobalConfiguration) {\n      @if (obs.isDraftVersion) {\n        <div class=\"draft-buttons\">\n          <button\n            *ngIf=\"caseDefinitionVersions.length === 1 || !obs.isGloballyActive\"\n            cdsButton=\"danger\"\n            (click)=\"openDeleteDraftModal()\"\n          >\n            {{ 'caseManagement.deployment.buttons.delete' | translate }}\n            <svg cdsIcon=\"trash-can\" size=\"16\" class=\"cds--btn__icon\"></svg>\n          </button>\n\n          <button\n            cdsButton=\"primary\"\n            (click)=\"openFinalizeDraftConfirmationModal()\"\n            [disabled]=\"!obs?.caseDefinitionFinalizationCheckResult?.code !== 'OK'\"\n          >\n            {{ 'caseManagement.deployment.buttons.finalize' | translate }}\n            <svg cdsIcon=\"save\" size=\"16\" class=\"cds--btn__icon\"></svg>\n          </button>\n        </div>\n      } @else {\n        <button cdsButton=\"primary\" (click)=\"openCreateDraftVersionConfirmationModal()\">\n          {{ 'caseManagement.deployment.buttons.createDraft' | translate }}\n          <svg cdsIcon=\"save\" size=\"16\" class=\"cds--btn__icon\"></svg>\n        </button>\n      }\n    }\n  </div>\n\n  <div class=\"deployment-panels\">\n    <ng-container\n      *ngTemplateOutlet=\"\n        releaseVersionPanel;\n        context: {\n          data: obs.releaseVersionEntries,\n          showNotification: obs.hasConflictingVersions,\n          notificationContent: {\n            basedOnVersionTag: obs.notificationContent?.basedOnVersionTag,\n            conflictingVersions: obs.notificationContent?.conflictingVersions,\n          },\n        }\n      \"\n    ></ng-container>\n\n    <ng-container\n      *ngTemplateOutlet=\"\n        releaseInformationPanel;\n        context: {data: obs.releaseInformationDataEntries}\n      \"\n    ></ng-container>\n  </div>\n</ng-container>\n\n<ng-template\n  #releaseVersionPanel\n  let-data=\"data\"\n  let-showNotification=\"showNotification\"\n  let-notificationContent=\"notificationContent\"\n>\n  <div class=\"release-version\">\n    <p class=\"deployment-panel-title\">\n      {{ 'caseManagement.deployment.releaseVersion.title' | translate }}\n    </p>\n\n    <div class=\"release-version-columns\">\n      <div *ngFor=\"let entry of data\" class=\"release-version-data\">\n        <label class=\"release-version-data__label\">\n          {{ 'caseManagement.deployment.releaseVersion.fields.' + entry.key | translate }}\n        </label>\n        <div class=\"release-version-data__value\">\n          {{ entry.value }}\n        </div>\n      </div>\n    </div>\n\n    <cds-notification\n      *ngIf=\"showNotification\"\n      class=\"full-width-notification\"\n      [notificationObj]=\"{\n        type: 'warning',\n        title: ('caseManagement.deployment.releaseVersion.warning.title' | translate),\n        message:\n          ('caseManagement.deployment.releaseVersion.warning.description'\n          | translate: notificationContent),\n        showClose: false,\n        lowContrast: true,\n      }\"\n    >\n    </cds-notification>\n  </div>\n</ng-template>\n\n<ng-template #releaseInformationPanel let-data=\"data\">\n  <div class=\"release-information\">\n    <p class=\"deployment-panel-title\">\n      {{ 'caseManagement.deployment.releaseInformation.title' | translate }}\n    </p>\n\n    <div class=\"release-version-columns\">\n      <ng-container *ngFor=\"let entry of data\">\n        <div class=\"release-version-data\" *ngIf=\"entry?.key && entry?.value !== undefined\">\n          <label class=\"release-version-data__label\">\n            {{ 'caseManagement.deployment.releaseInformation.fields.' + entry.key | translate }}\n          </label>\n          <div class=\"release-version-data__value\">\n            {{ entry.value }}\n          </div>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n</ng-template>\n\n<valtimo-confirmation-modal\n  [showModalSubject$]=\"showDeleteDraftConfirmationModal$\"\n  (confirmEvent)=\"deleteDraftCaseVersion()\"\n  (cancelEvent)=\"closeDeleteDraftModal()\"\n  cancelButtonType=\"ghost\"\n  confirmButtonType=\"danger\"\n  confirmButtonTextTranslationKey=\"caseManagement.deployment.deleteDraftConfirmationModal.confirm\"\n  cancelButtonTextTranslationKey=\"interface.cancel\"\n  titleTranslationKey=\"caseManagement.deployment.deleteDraftConfirmationModal.title\"\n  contentTranslationKey=\"caseManagement.deployment.deleteDraftConfirmationModal.description\"\n>\n</valtimo-confirmation-modal>\n\n<valtimo-confirmation-modal\n  [showModalSubject$]=\"showFinalizeDraftConfirmationModal$\"\n  [content]=\"finalizeDraftDescription$ | async\"\n  (confirmEvent)=\"finalizeDraftCaseVersion()\"\n  (cancelEvent)=\"closeFinalizeDraftModal()\"\n  cancelButtonType=\"ghost\"\n  confirmButtonType=\"primary\"\n  confirmButtonTextTranslationKey=\"caseManagement.deployment.finalizeDraftConfirmationModal.confirm\"\n  cancelButtonTextTranslationKey=\"interface.cancel\"\n  titleTranslationKey=\"caseManagement.deployment.finalizeDraftConfirmationModal.title\"\n></valtimo-confirmation-modal>\n\n<valtimo-case-management-create-draft-version\n  [open]=\"showCreateDraftVersionConfirmationModal$ | async\"\n  [caseDefinitionPayload]=\"caseDefinitionPayload$ | async\"\n  (closeModal)=\"onCloseCreateDraftVersionModal($event)\"\n></valtimo-case-management-create-draft-version>\n\n<ng-template #loadingMessage let-translationKey=\"translationKey\">\n  <div>\n    <span class=\"cds--inline-notification__title\">\n      {{ translationKey | translate }}\n    </span>\n    <cds-loading size=\"sm\"></cds-loading>\n  </div>\n</ng-template>\n\n<ng-template #createDraftMessage>\n  <ng-container\n    *ngTemplateOutlet=\"\n      loadingMessage;\n      context: {\n        translationKey: 'caseManagement.deployment.createDraftConfirmationModal.loadingText',\n      }\n    \"\n  >\n  </ng-container>\n</ng-template>\n\n<ng-template #finalizeDraftMessage>\n  <ng-container\n    *ngTemplateOutlet=\"\n      loadingMessage;\n      context: {\n        translationKey: 'caseManagement.deployment.finalizeDraftConfirmationModal.loadingText',\n      }\n    \"\n  >\n  </ng-container>\n</ng-template>\n\n<ng-template #deleteDraftMessage>\n  <ng-container\n    *ngTemplateOutlet=\"\n      loadingMessage;\n      context: {\n        translationKey: 'caseManagement.deployment.finalizeDraftConfirmationModal.loadingText',\n      }\n    \"\n  >\n  </ng-container>\n</ng-template>\n", styles: [".header-buttons{display:flex;justify-content:space-between;width:100%;margin-bottom:24px}.draft-buttons{display:flex;gap:16px}.deployment-panels{display:flex;gap:16px;flex-wrap:wrap}.deployment-panels>div{flex:1 1 300px;background-color:#fff;padding:24px}.deployment-panel-title{font-weight:600;font-size:16px;line-height:24px;margin-bottom:16px}.full-width-notification{max-inline-size:100%;min-inline-size:100%}.release-version-columns{display:flex;width:100%;margin-bottom:16px;gap:16px;flex-wrap:wrap}.release-version-data{flex:1 1 300px;padding:1rem;box-sizing:border-box}.release-version-data__label{font-size:12px;margin-bottom:16px;color:var(--cds-text-secondary)}.release-version-data__value{color:var(--cds-text-primary);padding:16px;border-bottom:1px solid var(--cds-border-subtle-01);font-size:14px}::ng-deep .cds--inline-notification__title{width:100%}.deployment-warning-notification{min-width:100%;margin-bottom:16px}\n/*!\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"] }]
+            args: [{ standalone: false, 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<ng-container\n  *ngIf=\"{\n    releaseVersionEntries: releaseVersionEntries$ | async,\n    releaseInformationDataEntries: releaseInformationDataEntries$ | async,\n    isDraftVersion: isDraftVersion$ | async,\n    hasConflictingVersions: hasConflictingVersions$ | async,\n    notificationContent: notificationContent$ | async,\n    canUpdateGlobalConfiguration: canUpdateGlobalConfiguration$ | async,\n    isGloballyActive: isGloballyActive$ | async,\n    caseDefinitionFinalizationCheckResult: caseDefinitionFinalizationCheckResult$ | async,\n    deploymentNotificationObject: deploymentNotificationObject$ | async,\n  } as obs\"\n>\n  <cds-notification\n    *ngIf=\"\n      obs.canUpdateGlobalConfiguration && obs.isDraftVersion && obs.deploymentNotificationObject\n    \"\n    class=\"deployment-warning-notification\"\n    [notificationObj]=\"obs.deploymentNotificationObject\"\n  ></cds-notification>\n\n  <div class=\"header-buttons\">\n    <button cdsButton=\"secondary\" (click)=\"goBack()\">\n      {{ 'caseManagement.deployment.buttons.back' | translate }}\n      <svg cdsIcon=\"return\" size=\"16\" class=\"cds--btn__icon\"></svg>\n    </button>\n    @if (obs.canUpdateGlobalConfiguration) {\n      @if (obs.isDraftVersion) {\n        <div class=\"draft-buttons\">\n          <button\n            *ngIf=\"caseDefinitionVersions.length === 1 || !obs.isGloballyActive\"\n            cdsButton=\"danger\"\n            (click)=\"openDeleteDraftModal()\"\n          >\n            {{ 'caseManagement.deployment.buttons.delete' | translate }}\n            <svg cdsIcon=\"trash-can\" size=\"16\" class=\"cds--btn__icon\"></svg>\n          </button>\n\n          <button\n            cdsButton=\"primary\"\n            (click)=\"openFinalizeDraftConfirmationModal()\"\n            [disabled]=\"!obs?.caseDefinitionFinalizationCheckResult?.finalizable\"\n          >\n            {{ 'caseManagement.deployment.buttons.finalize' | translate }}\n            <svg cdsIcon=\"save\" size=\"16\" class=\"cds--btn__icon\"></svg>\n          </button>\n        </div>\n      } @else {\n        <button cdsButton=\"primary\" (click)=\"openCreateDraftVersionConfirmationModal()\">\n          {{ 'caseManagement.deployment.buttons.createDraft' | translate }}\n          <svg cdsIcon=\"save\" size=\"16\" class=\"cds--btn__icon\"></svg>\n        </button>\n      }\n    }\n  </div>\n\n  <div class=\"deployment-panels\">\n    <ng-container\n      *ngTemplateOutlet=\"\n        releaseVersionPanel;\n        context: {\n          data: obs.releaseVersionEntries,\n          showNotification: obs.hasConflictingVersions,\n          notificationContent: {\n            basedOnVersionTag: obs.notificationContent?.basedOnVersionTag,\n            conflictingVersions: obs.notificationContent?.conflictingVersions,\n          },\n        }\n      \"\n    ></ng-container>\n\n    <ng-container\n      *ngTemplateOutlet=\"\n        releaseInformationPanel;\n        context: {data: obs.releaseInformationDataEntries}\n      \"\n    ></ng-container>\n  </div>\n</ng-container>\n\n<ng-template\n  #releaseVersionPanel\n  let-data=\"data\"\n  let-showNotification=\"showNotification\"\n  let-notificationContent=\"notificationContent\"\n>\n  <div class=\"release-version\">\n    <p class=\"deployment-panel-title\">\n      {{ 'caseManagement.deployment.releaseVersion.title' | translate }}\n    </p>\n\n    <div class=\"release-version-columns\">\n      <div *ngFor=\"let entry of data\" class=\"release-version-data\">\n        <label class=\"release-version-data__label\">\n          {{ 'caseManagement.deployment.releaseVersion.fields.' + entry.key | translate }}\n        </label>\n        <div class=\"release-version-data__value\">\n          {{ entry.value }}\n        </div>\n      </div>\n    </div>\n\n    <cds-notification\n      *ngIf=\"showNotification\"\n      class=\"full-width-notification\"\n      [notificationObj]=\"{\n        type: 'warning',\n        title: ('caseManagement.deployment.releaseVersion.warning.title' | translate),\n        message:\n          ('caseManagement.deployment.releaseVersion.warning.description'\n          | translate: notificationContent),\n        showClose: false,\n        lowContrast: true,\n      }\"\n    >\n    </cds-notification>\n  </div>\n</ng-template>\n\n<ng-template #releaseInformationPanel let-data=\"data\">\n  <div class=\"release-information\">\n    <p class=\"deployment-panel-title\">\n      {{ 'caseManagement.deployment.releaseInformation.title' | translate }}\n    </p>\n\n    <div class=\"release-version-columns\">\n      <ng-container *ngFor=\"let entry of data\">\n        <div class=\"release-version-data\" *ngIf=\"entry?.key && entry?.value !== undefined\">\n          <label class=\"release-version-data__label\">\n            {{ 'caseManagement.deployment.releaseInformation.fields.' + entry.key | translate }}\n          </label>\n          <div class=\"release-version-data__value\">\n            {{ entry.value }}\n          </div>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n</ng-template>\n\n<valtimo-confirmation-modal\n  [showModalSubject$]=\"showDeleteDraftConfirmationModal$\"\n  (confirmEvent)=\"deleteDraftCaseVersion()\"\n  (cancelEvent)=\"closeDeleteDraftModal()\"\n  cancelButtonType=\"ghost\"\n  confirmButtonType=\"danger\"\n  confirmButtonTextTranslationKey=\"caseManagement.deployment.deleteDraftConfirmationModal.confirm\"\n  cancelButtonTextTranslationKey=\"interface.cancel\"\n  titleTranslationKey=\"caseManagement.deployment.deleteDraftConfirmationModal.title\"\n  contentTranslationKey=\"caseManagement.deployment.deleteDraftConfirmationModal.description\"\n>\n</valtimo-confirmation-modal>\n\n<valtimo-confirmation-modal\n  [showModalSubject$]=\"showFinalizeDraftConfirmationModal$\"\n  [content]=\"finalizeDraftDescription$ | async\"\n  (confirmEvent)=\"finalizeDraftCaseVersion()\"\n  (cancelEvent)=\"closeFinalizeDraftModal()\"\n  cancelButtonType=\"ghost\"\n  confirmButtonType=\"primary\"\n  confirmButtonTextTranslationKey=\"caseManagement.deployment.finalizeDraftConfirmationModal.confirm\"\n  cancelButtonTextTranslationKey=\"interface.cancel\"\n  titleTranslationKey=\"caseManagement.deployment.finalizeDraftConfirmationModal.title\"\n></valtimo-confirmation-modal>\n\n<valtimo-case-management-create-draft-version\n  [open]=\"showCreateDraftVersionConfirmationModal$ | async\"\n  [caseDefinitionPayload]=\"caseDefinitionPayload$ | async\"\n  (closeModal)=\"onCloseCreateDraftVersionModal($event)\"\n></valtimo-case-management-create-draft-version>\n\n<ng-template #loadingMessage let-translationKey=\"translationKey\">\n  <div>\n    <span class=\"cds--inline-notification__title\">\n      {{ translationKey | translate }}\n    </span>\n    <cds-loading size=\"sm\"></cds-loading>\n  </div>\n</ng-template>\n\n<ng-template #createDraftMessage>\n  <ng-container\n    *ngTemplateOutlet=\"\n      loadingMessage;\n      context: {\n        translationKey: 'caseManagement.deployment.createDraftConfirmationModal.loadingText',\n      }\n    \"\n  >\n  </ng-container>\n</ng-template>\n\n<ng-template #finalizeDraftMessage>\n  <ng-container\n    *ngTemplateOutlet=\"\n      loadingMessage;\n      context: {\n        translationKey: 'caseManagement.deployment.finalizeDraftConfirmationModal.loadingText',\n      }\n    \"\n  >\n  </ng-container>\n</ng-template>\n\n<ng-template #deleteDraftMessage>\n  <ng-container\n    *ngTemplateOutlet=\"\n      loadingMessage;\n      context: {\n        translationKey: 'caseManagement.deployment.finalizeDraftConfirmationModal.loadingText',\n      }\n    \"\n  >\n  </ng-container>\n</ng-template>\n", styles: [".header-buttons{display:flex;justify-content:space-between;width:100%;margin-bottom:24px}.draft-buttons{display:flex;gap:16px}.deployment-panels{display:flex;gap:16px;flex-wrap:wrap}.deployment-panels>div{flex:1 1 300px;background-color:#fff;padding:24px}.deployment-panel-title{font-weight:600;font-size:16px;line-height:24px;margin-bottom:16px}.full-width-notification{max-inline-size:100%;min-inline-size:100%}.release-version-columns{display:flex;width:100%;margin-bottom:16px;gap:16px;flex-wrap:wrap}.release-version-data{flex:1 1 300px;padding:1rem;box-sizing:border-box}.release-version-data__label{font-size:12px;margin-bottom:16px;color:var(--cds-text-secondary)}.release-version-data__value{color:var(--cds-text-primary);padding:16px;border-bottom:1px solid var(--cds-border-subtle-01);font-size:14px}::ng-deep .cds--inline-notification__title{width:100%}.deployment-warning-notification{min-width:100%;margin-bottom:16px}\n/*!\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"] }]
         }], ctorParameters: () => [{ type: i7.BreadcrumbService }, { type: CaseManagementService }, { type: i6.DatePipe }, { type: i3$1.EnvironmentService }, { type: i2.IconService }, { type: i6.Location }, { type: i3$1.GlobalNotificationService }, { type: i2$1.ActivatedRoute }, { type: i2$1.Router }, { type: i3.TranslateService }], propDecorators: { _createDraftMessageTemplateRef: [{
                 type: ViewChild,
                 args: ['createDraftMessage']
@@ -3839,11 +3843,11 @@ class CaseManagementDetailComponent {
         // this._documentDefinitionTab?.onCanDeactivate();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementDetailComponent, deps: [{ token: i2$1.ActivatedRoute }, { token: CaseDetailService }, { token: i3$1.ConfigService }, { token: i7.PageTitleService }, { token: i2$1.Router }, { token: TabService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: CaseManagementDetailComponent, isStandalone: false, selector: "ng-component", providers: [CaseDetailService], viewQueries: [{ propertyName: "_tabs", predicate: Tab, 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  *ngIf=\"{\n    currentTab: currentTab$ | async,\n    injectedTabs: injectedCaseManagementTabs$ | async,\n  } as obs\"\n  class=\"case-management-detail-container\"\n>\n  <cds-tabs class=\"case-management-tabs\" type=\"inline\">\n    <cds-tab\n      class=\"no-padding-left-right main-content\"\n      [id]=\"TabEnum.GENERAL\"\n      [active]=\"obs.currentTab === TabEnum.GENERAL\"\n      [heading]=\"'caseManagement.tabs.general' | translate\"\n      (selected)=\"navigateToTab(TabEnum.GENERAL)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right main-content\"\n      [id]=\"TabEnum.PROCESSES\"\n      [active]=\"obs.currentTab === TabEnum.PROCESSES\"\n      [heading]=\"'caseManagement.tabs.processes' | translate\"\n      (selected)=\"navigateToTab(TabEnum.PROCESSES)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right main-content\"\n      [id]=\"TabEnum.DECISIONS\"\n      [active]=\"obs.currentTab === TabEnum.DECISIONS\"\n      [heading]=\"'caseManagement.tabs.decision' | translate\"\n      (selected)=\"navigateToTab(TabEnum.DECISIONS)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right no-padding-top-bottom\"\n      [id]=\"TabEnum.DOCUMENT\"\n      [active]=\"obs.currentTab === TabEnum.DOCUMENT\"\n      [heading]=\"'caseManagement.tabs.document' | translate\"\n      (selected)=\"navigateToTab(TabEnum.DOCUMENT)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right no-padding-top-bottom\"\n      [id]=\"TabEnum.FORMS\"\n      [active]=\"obs.currentTab === TabEnum.FORMS\"\n      [heading]=\"'caseManagement.tabs.forms' | translate\"\n      (selected)=\"navigateToTab(TabEnum.FORMS)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right no-padding-top-bottom\"\n      [id]=\"TabEnum.FORM_FLOWS\"\n      [active]=\"obs.currentTab === TabEnum.FORM_FLOWS\"\n      [heading]=\"'caseManagement.tabs.formFlows' | translate\"\n      (selected)=\"navigateToTab(TabEnum.FORM_FLOWS)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right no-padding-top-bottom\"\n      [id]=\"TabEnum.TASKS\"\n      [active]=\"obs.currentTab === TabEnum.TASKS\"\n      [heading]=\"'caseManagement.tabs.tasks' | translate\"\n      (selected)=\"navigateToTab(TabEnum.TASKS)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"main-content no-padding-left-right no-padding-bottom\"\n      [id]=\"TabEnum.CASE_LIST\"\n      [active]=\"obs.currentTab === TabEnum.CASE_LIST\"\n      [heading]=\"'caseManagement.tabs.caseListTab.title' | translate\"\n      (selected)=\"navigateToTab(TabEnum.CASE_LIST)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"main-content no-padding-left-right no-padding-bottom\"\n      [id]=\"TabEnum.CASE_DETAILS\"\n      [active]=\"obs.currentTab === TabEnum.CASE_DETAILS\"\n      [heading]=\"'caseManagement.tabs.caseDetailsTab.title' | translate\"\n      (selected)=\"navigateToTab(TabEnum.CASE_DETAILS)\"\n    >\n    </cds-tab>\n\n    @for (injectedTab of obs.injectedTabs; track injectedTab.translationKey) {\n      <cds-tab\n        class=\"no-padding-left-right no-padding-top-bottom\"\n        [active]=\"obs.currentTab === injectedTab.translationKey\"\n        [heading]=\"injectedTab.translationKey | translate\"\n        (selected)=\"navigateToTab(injectedTab.tabRoute ?? injectedTab.translationKey)\"\n      >\n      </cds-tab>\n    }\n  </cds-tabs>\n\n  <div class=\"case-management-detail-container__content\">\n    <router-outlet></router-outlet>\n  </div>\n</div>\n\n<ng-container renderInPageHeader [fullWidth]=\"true\">\n  <ng-template>\n    <valtimo-case-management-detail-actions\n      [documentDefinitionTitle]=\"documentDefinitionTitle$ | async\"\n      [caseDefinitionKey]=\"caseDefinitionKey$ | async\"\n      (versionSet)=\"onVersionSet($event)\"\n    ></valtimo-case-management-detail-actions>\n  </ng-template>\n</ng-container>\n", styles: ["::ng-deep .case-management-tabs .cds--tab-content{background-color:var(--cds-layer);padding:0!important;margin-top:24px}::ng-deep .case-management-tabs .cds--tab-content:focus{outline:none}::ng-deep .case-management-tabs .no-padding-left-right .cds--tab-content{padding-left:0;padding-right:0}::ng-deep .case-management-tabs .no-padding-top-bottom .cds--tab-content{padding-top:0;padding-bottom:0}::ng-deep .case-management-tabs .no-padding-bottom .cds--tab-content{padding-bottom:0}.tab-container{min-height:300px}.case-management-detail-container{display:flex;flex-direction:column;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: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i7.RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "component", type: i2.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i2.Tab, selector: "cds-tab, ibm-tab", inputs: ["heading", "title", "context", "active", "disabled", "tabIndex", "id", "cacheActive", "tabContent", "templateContext"], outputs: ["selected"] }, { kind: "component", type: CaseManagementDetailActionsComponent, selector: "valtimo-case-management-detail-actions", inputs: ["documentDefinitionTitle", "caseDefinitionKey"], outputs: ["versionSet"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: CaseManagementDetailComponent, isStandalone: false, selector: "ng-component", providers: [CaseDetailService], viewQueries: [{ propertyName: "_tabs", predicate: Tab, 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  *ngIf=\"{\n    currentTab: currentTab$ | async,\n    injectedTabs: injectedCaseManagementTabs$ | async,\n  } as obs\"\n  class=\"case-management-detail-container\"\n>\n  <cds-tabs class=\"case-management-tabs\" type=\"inline\">\n    <cds-tab\n      class=\"no-padding-left-right main-content\"\n      [id]=\"TabEnum.GENERAL\"\n      [active]=\"obs.currentTab === TabEnum.GENERAL\"\n      [heading]=\"'caseManagement.tabs.general' | translate\"\n      (selected)=\"navigateToTab(TabEnum.GENERAL)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right main-content\"\n      [id]=\"TabEnum.PROCESSES\"\n      [active]=\"obs.currentTab === TabEnum.PROCESSES\"\n      [heading]=\"'caseManagement.tabs.processes' | translate\"\n      (selected)=\"navigateToTab(TabEnum.PROCESSES)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right main-content\"\n      [id]=\"TabEnum.DECISIONS\"\n      [active]=\"obs.currentTab === TabEnum.DECISIONS\"\n      [heading]=\"'caseManagement.tabs.decision' | translate\"\n      (selected)=\"navigateToTab(TabEnum.DECISIONS)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right no-padding-top-bottom\"\n      [id]=\"TabEnum.DOCUMENT\"\n      [active]=\"obs.currentTab === TabEnum.DOCUMENT\"\n      [heading]=\"'caseManagement.tabs.document' | translate\"\n      (selected)=\"navigateToTab(TabEnum.DOCUMENT)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right no-padding-top-bottom\"\n      [id]=\"TabEnum.FORMS\"\n      [active]=\"obs.currentTab === TabEnum.FORMS\"\n      [heading]=\"'caseManagement.tabs.forms' | translate\"\n      (selected)=\"navigateToTab(TabEnum.FORMS)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right no-padding-top-bottom\"\n      [id]=\"TabEnum.FORM_FLOWS\"\n      [active]=\"obs.currentTab === TabEnum.FORM_FLOWS\"\n      [heading]=\"'caseManagement.tabs.formFlows' | translate\"\n      (selected)=\"navigateToTab(TabEnum.FORM_FLOWS)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right no-padding-top-bottom\"\n      [id]=\"TabEnum.TASKS\"\n      [active]=\"obs.currentTab === TabEnum.TASKS\"\n      [heading]=\"'caseManagement.tabs.tasks' | translate\"\n      (selected)=\"navigateToTab(TabEnum.TASKS)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"main-content no-padding-left-right no-padding-bottom\"\n      [id]=\"TabEnum.CASE_LIST\"\n      [active]=\"obs.currentTab === TabEnum.CASE_LIST\"\n      [heading]=\"'caseManagement.tabs.caseListTab.title' | translate\"\n      (selected)=\"navigateToTab(TabEnum.CASE_LIST)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"main-content no-padding-left-right no-padding-bottom\"\n      [id]=\"TabEnum.CASE_DETAILS\"\n      [active]=\"obs.currentTab === TabEnum.CASE_DETAILS\"\n      [heading]=\"'caseManagement.tabs.caseDetailsTab.title' | translate\"\n      (selected)=\"navigateToTab(TabEnum.CASE_DETAILS)\"\n    >\n    </cds-tab>\n\n    @for (injectedTab of obs.injectedTabs; track injectedTab.translationKey) {\n      @if (injectedTab.enabled$ | async) {\n        <cds-tab\n          class=\"no-padding-left-right no-padding-top-bottom\"\n          [active]=\"obs.currentTab === injectedTab.translationKey\"\n          [heading]=\"injectedTab.translationKey | translate\"\n          (selected)=\"navigateToTab(injectedTab.tabRoute ?? injectedTab.translationKey)\"\n        >\n        </cds-tab>\n      }\n    }\n  </cds-tabs>\n\n  <div class=\"case-management-detail-container__content\">\n    <router-outlet></router-outlet>\n  </div>\n</div>\n\n<ng-container renderInPageHeader [fullWidth]=\"true\">\n  <ng-template>\n    <valtimo-case-management-detail-actions\n      [documentDefinitionTitle]=\"documentDefinitionTitle$ | async\"\n      [caseDefinitionKey]=\"caseDefinitionKey$ | async\"\n      (versionSet)=\"onVersionSet($event)\"\n    ></valtimo-case-management-detail-actions>\n  </ng-template>\n</ng-container>\n", styles: ["::ng-deep .case-management-tabs .cds--tab-content{background-color:var(--cds-layer);padding:0!important;margin-top:24px}::ng-deep .case-management-tabs .cds--tab-content:focus{outline:none}::ng-deep .case-management-tabs .no-padding-left-right .cds--tab-content{padding-left:0;padding-right:0}::ng-deep .case-management-tabs .no-padding-top-bottom .cds--tab-content{padding-top:0;padding-bottom:0}::ng-deep .case-management-tabs .no-padding-bottom .cds--tab-content{padding-bottom:0}.tab-container{min-height:300px}.case-management-detail-container{display:flex;flex-direction:column;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: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i7.RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "component", type: i2.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i2.Tab, selector: "cds-tab, ibm-tab", inputs: ["heading", "title", "context", "active", "disabled", "tabIndex", "id", "cacheActive", "tabContent", "templateContext"], outputs: ["selected"] }, { kind: "component", type: CaseManagementDetailActionsComponent, selector: "valtimo-case-management-detail-actions", inputs: ["documentDefinitionTitle", "caseDefinitionKey"], outputs: ["versionSet"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementDetailComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, providers: [CaseDetailService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  *ngIf=\"{\n    currentTab: currentTab$ | async,\n    injectedTabs: injectedCaseManagementTabs$ | async,\n  } as obs\"\n  class=\"case-management-detail-container\"\n>\n  <cds-tabs class=\"case-management-tabs\" type=\"inline\">\n    <cds-tab\n      class=\"no-padding-left-right main-content\"\n      [id]=\"TabEnum.GENERAL\"\n      [active]=\"obs.currentTab === TabEnum.GENERAL\"\n      [heading]=\"'caseManagement.tabs.general' | translate\"\n      (selected)=\"navigateToTab(TabEnum.GENERAL)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right main-content\"\n      [id]=\"TabEnum.PROCESSES\"\n      [active]=\"obs.currentTab === TabEnum.PROCESSES\"\n      [heading]=\"'caseManagement.tabs.processes' | translate\"\n      (selected)=\"navigateToTab(TabEnum.PROCESSES)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right main-content\"\n      [id]=\"TabEnum.DECISIONS\"\n      [active]=\"obs.currentTab === TabEnum.DECISIONS\"\n      [heading]=\"'caseManagement.tabs.decision' | translate\"\n      (selected)=\"navigateToTab(TabEnum.DECISIONS)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right no-padding-top-bottom\"\n      [id]=\"TabEnum.DOCUMENT\"\n      [active]=\"obs.currentTab === TabEnum.DOCUMENT\"\n      [heading]=\"'caseManagement.tabs.document' | translate\"\n      (selected)=\"navigateToTab(TabEnum.DOCUMENT)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right no-padding-top-bottom\"\n      [id]=\"TabEnum.FORMS\"\n      [active]=\"obs.currentTab === TabEnum.FORMS\"\n      [heading]=\"'caseManagement.tabs.forms' | translate\"\n      (selected)=\"navigateToTab(TabEnum.FORMS)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right no-padding-top-bottom\"\n      [id]=\"TabEnum.FORM_FLOWS\"\n      [active]=\"obs.currentTab === TabEnum.FORM_FLOWS\"\n      [heading]=\"'caseManagement.tabs.formFlows' | translate\"\n      (selected)=\"navigateToTab(TabEnum.FORM_FLOWS)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right no-padding-top-bottom\"\n      [id]=\"TabEnum.TASKS\"\n      [active]=\"obs.currentTab === TabEnum.TASKS\"\n      [heading]=\"'caseManagement.tabs.tasks' | translate\"\n      (selected)=\"navigateToTab(TabEnum.TASKS)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"main-content no-padding-left-right no-padding-bottom\"\n      [id]=\"TabEnum.CASE_LIST\"\n      [active]=\"obs.currentTab === TabEnum.CASE_LIST\"\n      [heading]=\"'caseManagement.tabs.caseListTab.title' | translate\"\n      (selected)=\"navigateToTab(TabEnum.CASE_LIST)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"main-content no-padding-left-right no-padding-bottom\"\n      [id]=\"TabEnum.CASE_DETAILS\"\n      [active]=\"obs.currentTab === TabEnum.CASE_DETAILS\"\n      [heading]=\"'caseManagement.tabs.caseDetailsTab.title' | translate\"\n      (selected)=\"navigateToTab(TabEnum.CASE_DETAILS)\"\n    >\n    </cds-tab>\n\n    @for (injectedTab of obs.injectedTabs; track injectedTab.translationKey) {\n      <cds-tab\n        class=\"no-padding-left-right no-padding-top-bottom\"\n        [active]=\"obs.currentTab === injectedTab.translationKey\"\n        [heading]=\"injectedTab.translationKey | translate\"\n        (selected)=\"navigateToTab(injectedTab.tabRoute ?? injectedTab.translationKey)\"\n      >\n      </cds-tab>\n    }\n  </cds-tabs>\n\n  <div class=\"case-management-detail-container__content\">\n    <router-outlet></router-outlet>\n  </div>\n</div>\n\n<ng-container renderInPageHeader [fullWidth]=\"true\">\n  <ng-template>\n    <valtimo-case-management-detail-actions\n      [documentDefinitionTitle]=\"documentDefinitionTitle$ | async\"\n      [caseDefinitionKey]=\"caseDefinitionKey$ | async\"\n      (versionSet)=\"onVersionSet($event)\"\n    ></valtimo-case-management-detail-actions>\n  </ng-template>\n</ng-container>\n", styles: ["::ng-deep .case-management-tabs .cds--tab-content{background-color:var(--cds-layer);padding:0!important;margin-top:24px}::ng-deep .case-management-tabs .cds--tab-content:focus{outline:none}::ng-deep .case-management-tabs .no-padding-left-right .cds--tab-content{padding-left:0;padding-right:0}::ng-deep .case-management-tabs .no-padding-top-bottom .cds--tab-content{padding-top:0;padding-bottom:0}::ng-deep .case-management-tabs .no-padding-bottom .cds--tab-content{padding-bottom:0}.tab-container{min-height:300px}.case-management-detail-container{display:flex;flex-direction:column;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"] }]
+            args: [{ standalone: false, providers: [CaseDetailService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  *ngIf=\"{\n    currentTab: currentTab$ | async,\n    injectedTabs: injectedCaseManagementTabs$ | async,\n  } as obs\"\n  class=\"case-management-detail-container\"\n>\n  <cds-tabs class=\"case-management-tabs\" type=\"inline\">\n    <cds-tab\n      class=\"no-padding-left-right main-content\"\n      [id]=\"TabEnum.GENERAL\"\n      [active]=\"obs.currentTab === TabEnum.GENERAL\"\n      [heading]=\"'caseManagement.tabs.general' | translate\"\n      (selected)=\"navigateToTab(TabEnum.GENERAL)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right main-content\"\n      [id]=\"TabEnum.PROCESSES\"\n      [active]=\"obs.currentTab === TabEnum.PROCESSES\"\n      [heading]=\"'caseManagement.tabs.processes' | translate\"\n      (selected)=\"navigateToTab(TabEnum.PROCESSES)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right main-content\"\n      [id]=\"TabEnum.DECISIONS\"\n      [active]=\"obs.currentTab === TabEnum.DECISIONS\"\n      [heading]=\"'caseManagement.tabs.decision' | translate\"\n      (selected)=\"navigateToTab(TabEnum.DECISIONS)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right no-padding-top-bottom\"\n      [id]=\"TabEnum.DOCUMENT\"\n      [active]=\"obs.currentTab === TabEnum.DOCUMENT\"\n      [heading]=\"'caseManagement.tabs.document' | translate\"\n      (selected)=\"navigateToTab(TabEnum.DOCUMENT)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right no-padding-top-bottom\"\n      [id]=\"TabEnum.FORMS\"\n      [active]=\"obs.currentTab === TabEnum.FORMS\"\n      [heading]=\"'caseManagement.tabs.forms' | translate\"\n      (selected)=\"navigateToTab(TabEnum.FORMS)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right no-padding-top-bottom\"\n      [id]=\"TabEnum.FORM_FLOWS\"\n      [active]=\"obs.currentTab === TabEnum.FORM_FLOWS\"\n      [heading]=\"'caseManagement.tabs.formFlows' | translate\"\n      (selected)=\"navigateToTab(TabEnum.FORM_FLOWS)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right no-padding-top-bottom\"\n      [id]=\"TabEnum.TASKS\"\n      [active]=\"obs.currentTab === TabEnum.TASKS\"\n      [heading]=\"'caseManagement.tabs.tasks' | translate\"\n      (selected)=\"navigateToTab(TabEnum.TASKS)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"main-content no-padding-left-right no-padding-bottom\"\n      [id]=\"TabEnum.CASE_LIST\"\n      [active]=\"obs.currentTab === TabEnum.CASE_LIST\"\n      [heading]=\"'caseManagement.tabs.caseListTab.title' | translate\"\n      (selected)=\"navigateToTab(TabEnum.CASE_LIST)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"main-content no-padding-left-right no-padding-bottom\"\n      [id]=\"TabEnum.CASE_DETAILS\"\n      [active]=\"obs.currentTab === TabEnum.CASE_DETAILS\"\n      [heading]=\"'caseManagement.tabs.caseDetailsTab.title' | translate\"\n      (selected)=\"navigateToTab(TabEnum.CASE_DETAILS)\"\n    >\n    </cds-tab>\n\n    @for (injectedTab of obs.injectedTabs; track injectedTab.translationKey) {\n      @if (injectedTab.enabled$ | async) {\n        <cds-tab\n          class=\"no-padding-left-right no-padding-top-bottom\"\n          [active]=\"obs.currentTab === injectedTab.translationKey\"\n          [heading]=\"injectedTab.translationKey | translate\"\n          (selected)=\"navigateToTab(injectedTab.tabRoute ?? injectedTab.translationKey)\"\n        >\n        </cds-tab>\n      }\n    }\n  </cds-tabs>\n\n  <div class=\"case-management-detail-container__content\">\n    <router-outlet></router-outlet>\n  </div>\n</div>\n\n<ng-container renderInPageHeader [fullWidth]=\"true\">\n  <ng-template>\n    <valtimo-case-management-detail-actions\n      [documentDefinitionTitle]=\"documentDefinitionTitle$ | async\"\n      [caseDefinitionKey]=\"caseDefinitionKey$ | async\"\n      (versionSet)=\"onVersionSet($event)\"\n    ></valtimo-case-management-detail-actions>\n  </ng-template>\n</ng-container>\n", styles: ["::ng-deep .case-management-tabs .cds--tab-content{background-color:var(--cds-layer);padding:0!important;margin-top:24px}::ng-deep .case-management-tabs .cds--tab-content:focus{outline:none}::ng-deep .case-management-tabs .no-padding-left-right .cds--tab-content{padding-left:0;padding-right:0}::ng-deep .case-management-tabs .no-padding-top-bottom .cds--tab-content{padding-top:0;padding-bottom:0}::ng-deep .case-management-tabs .no-padding-bottom .cds--tab-content{padding-bottom:0}.tab-container{min-height:300px}.case-management-detail-container{display:flex;flex-direction:column;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: i2$1.ActivatedRoute }, { type: CaseDetailService }, { type: i3$1.ConfigService }, { type: i7.PageTitleService }, { type: i2$1.Router }, { type: TabService }], propDecorators: { _tabs: [{
                 type: ViewChildren,
                 args: [Tab]
@@ -4547,10 +4551,15 @@ class CaseManagementUploadComponent {
         this.backButtonEnabled$ = this.activeStep$.pipe(map((activeStep) => [UPLOAD_STEP.FILE_SELECT, UPLOAD_STEP.ACCESS_CONTROL, UPLOAD_STEP.DASHBOARD].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$,
-        ]).pipe(map(([activeStep, disabled]) => activeStep !== UPLOAD_STEP.PLUGINS && 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('caseManagement.importDefinition.overwriteWarning'),
@@ -4566,7 +4575,6 @@ class CaseManagementUploadComponent {
         this.form = this.fb.group({
             file: this.fb.control(new Set(), [Validators.required]),
         });
-        this._checked = false;
         this._importFile$ = new BehaviorSubject('');
         this._subscriptions = new Subscription();
         this.iconService.register(WarningFilled16);
@@ -4581,7 +4589,7 @@ class CaseManagementUploadComponent {
             if (!fileItem) {
                 this._disabled$.next(true);
                 this.showCheckboxError$.next(false);
-                this._checked = false;
+                this.$warningChecked.set(false);
                 return;
             }
             if (fileItem.file.type === 'application/json') {
@@ -4611,7 +4619,7 @@ class CaseManagementUploadComponent {
         if (nextIndex === STEPS.length) {
             return;
         }
-        if (activeStep === UPLOAD_STEP.FILE_SELECT && !this._checked) {
+        if (activeStep === UPLOAD_STEP.FILE_SELECT && !this.$warningChecked()) {
             this.showCheckboxError$.next(true);
             return;
         }
@@ -4622,7 +4630,7 @@ class CaseManagementUploadComponent {
         this.uploadDefinition();
     }
     onCheckedChange(checked) {
-        this._checked = checked;
+        this.$warningChecked.set(checked);
         if (!checked) {
             return;
         }
@@ -4699,14 +4707,18 @@ class CaseManagementUploadComponent {
             this.activeStep$.next(UPLOAD_STEP.PLUGINS);
             this.uploadStatus$.next(UPLOAD_STATUS.ACTIVE);
             this.showCheckboxError$.next(false);
+            this.form.reset({ file: new Set() });
+            this._importFile$.next('');
+            this._disabled$.next(true);
+            this.$warningChecked.set(false);
         }, CARBON_CONSTANTS.modalAnimationMs);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementUploadComponent, deps: [{ token: i1$2.DocumentService }, { token: CaseManagementService }, { token: i1$4.FormBuilder }, { token: i2.IconService }, { token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: CaseManagementUploadComponent, isStandalone: false, selector: "valtimo-case-management-upload", inputs: { open: "open" }, outputs: { closeModal: "closeModal" }, 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  } as obs\"\n  valtimoCdsModal\n  [open]=\"open\"\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      {{ 'caseManagement.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-case-management-upload-step\n        [message]=\"\n          'caseManagement.importDefinition.steps.' + obs.activeStep + '.message' | translate\n        \"\n        [title]=\"'caseManagement.importDefinition.steps.' + obs.activeStep + '.title' | translate\"\n        [illustration]=\"'valtimo-layout/img/' + obs.activeStep + '.svg'\"\n      >\n      </valtimo-case-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]=\"'caseManagement.importDefinition.upload.buttonText' | translate\"\n        [description]=\"'caseManagement.importDefinition.upload.description' | translate\"\n        [multiple]=\"false\"\n        [title]=\"'caseManagement.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.nextButtonDisabled\">\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            {{ 'caseManagement.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\n            {{ 'caseManagement.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]=\"'caseManagement.importDefinition.progressBar.label' | translate\"\n      [status]=\"obs.uploadStatus\"\n      [helperText]=\"'caseManagement.importDefinition.progressBar.' + obs.uploadStatus | translate\"\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=\"obs.uploadStatus !== UPLOAD_STATUS.ERROR && obs.activeStep !== UPLOAD_STEP.DASHBOARD\"\n        cdsButton=\"primary\"\n        [disabled]=\"obs.nextButtonDisabled\"\n        (click)=\"onNextClick(obs.activeStep)\"\n      >\n        {{\n          (obs.activeStep === UPLOAD_STEP.FILE_SELECT\n            ? 'caseManagement.importDefinition.startUpload'\n            : 'interface.next'\n          ) | translate\n        }}\n      </button>\n\n      <button\n        *ngIf=\"obs.uploadStatus === UPLOAD_STATUS.ERROR || obs.activeStep === UPLOAD_STEP.DASHBOARD\"\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: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i6.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i6.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i2.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }, { kind: "directive", type: i2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i2.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i2.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i2.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i2.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i2.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2.Checkbox, selector: "cds-checkbox, ibm-checkbox", inputs: ["disabled", "skeleton", "hideLabel", "name", "id", "required", "value", "ariaLabel", "ariaLabelledby", "indeterminate", "checked"], outputs: ["click", "checkedChange", "indeterminateChange"] }, { kind: "directive", type: i7.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "component", type: i2.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: "component", type: i2.ProgressBar, selector: "cds-progress-bar, ibm-progress-bar", inputs: ["value", "id", "label", "helperText", "max", "type", "status", "size"] }, { kind: "component", type: CaseManagementUploadStepComponent, selector: "valtimo-case-management-upload-step", inputs: ["illustration", "message", "title"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: CaseManagementUploadComponent, isStandalone: false, selector: "valtimo-case-management-upload", inputs: { open: "open" }, outputs: { closeModal: "closeModal" }, 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  } as obs\"\n  valtimoCdsModal\n  [open]=\"open\"\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      {{ 'caseManagement.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-case-management-upload-step\n        [message]=\"\n          'caseManagement.importDefinition.steps.' + obs.activeStep + '.message' | translate\n        \"\n        [title]=\"'caseManagement.importDefinition.steps.' + obs.activeStep + '.title' | translate\"\n        [illustration]=\"'valtimo-layout/img/' + obs.activeStep + '.svg'\"\n      >\n      </valtimo-case-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]=\"'caseManagement.importDefinition.upload.buttonText' | translate\"\n        [description]=\"'caseManagement.importDefinition.upload.description' | translate\"\n        [multiple]=\"false\"\n        [title]=\"'caseManagement.importDefinition.upload.title' | translate\"\n        buttonType=\"primary\"\n        formControlName=\"file\"\n        class=\"valtimo-definition-uploader__file-uploader\"\n      >\n      </cds-file-uploader>\n\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          {{ 'caseManagement.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\n          {{ 'caseManagement.importDefinition.checkbox.error' | translate }}\n        </div>\n      </div>\n    </form>\n\n    <cds-progress-bar\n      *ngSwitchCase=\"UPLOAD_STEP.FILE_UPLOAD\"\n      class=\"valtimo-definition-uploader__progress-bar\"\n      [label]=\"'caseManagement.importDefinition.progressBar.label' | translate\"\n      [status]=\"obs.uploadStatus\"\n      [helperText]=\"'caseManagement.importDefinition.progressBar.' + obs.uploadStatus | translate\"\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=\"obs.uploadStatus !== UPLOAD_STATUS.ERROR && obs.activeStep !== UPLOAD_STEP.DASHBOARD\"\n        cdsButton=\"primary\"\n        [disabled]=\"obs.nextButtonDisabled\"\n        (click)=\"onNextClick(obs.activeStep)\"\n      >\n        {{\n          (obs.activeStep === UPLOAD_STEP.FILE_SELECT\n            ? 'caseManagement.importDefinition.startUpload'\n            : 'interface.next'\n          ) | translate\n        }}\n      </button>\n\n      <button\n        *ngIf=\"obs.uploadStatus === UPLOAD_STATUS.ERROR || obs.activeStep === UPLOAD_STEP.DASHBOARD\"\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: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i6.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i6.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i2.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }, { kind: "directive", type: i2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i2.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i2.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i2.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i2.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i2.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2.Checkbox, selector: "cds-checkbox, ibm-checkbox", inputs: ["disabled", "skeleton", "hideLabel", "name", "id", "required", "value", "ariaLabel", "ariaLabelledby", "indeterminate", "checked"], outputs: ["click", "checkedChange", "indeterminateChange"] }, { kind: "directive", type: i7.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "component", type: i2.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: "component", type: i2.ProgressBar, selector: "cds-progress-bar, ibm-progress-bar", inputs: ["value", "id", "label", "helperText", "max", "type", "status", "size"] }, { kind: "component", type: CaseManagementUploadStepComponent, selector: "valtimo-case-management-upload-step", inputs: ["illustration", "message", "title"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementUploadComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'valtimo-case-management-upload', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  *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  } as obs\"\n  valtimoCdsModal\n  [open]=\"open\"\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      {{ 'caseManagement.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-case-management-upload-step\n        [message]=\"\n          'caseManagement.importDefinition.steps.' + obs.activeStep + '.message' | translate\n        \"\n        [title]=\"'caseManagement.importDefinition.steps.' + obs.activeStep + '.title' | translate\"\n        [illustration]=\"'valtimo-layout/img/' + obs.activeStep + '.svg'\"\n      >\n      </valtimo-case-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]=\"'caseManagement.importDefinition.upload.buttonText' | translate\"\n        [description]=\"'caseManagement.importDefinition.upload.description' | translate\"\n        [multiple]=\"false\"\n        [title]=\"'caseManagement.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.nextButtonDisabled\">\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            {{ 'caseManagement.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\n            {{ 'caseManagement.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]=\"'caseManagement.importDefinition.progressBar.label' | translate\"\n      [status]=\"obs.uploadStatus\"\n      [helperText]=\"'caseManagement.importDefinition.progressBar.' + obs.uploadStatus | translate\"\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=\"obs.uploadStatus !== UPLOAD_STATUS.ERROR && obs.activeStep !== UPLOAD_STEP.DASHBOARD\"\n        cdsButton=\"primary\"\n        [disabled]=\"obs.nextButtonDisabled\"\n        (click)=\"onNextClick(obs.activeStep)\"\n      >\n        {{\n          (obs.activeStep === UPLOAD_STEP.FILE_SELECT\n            ? 'caseManagement.importDefinition.startUpload'\n            : 'interface.next'\n          ) | translate\n        }}\n      </button>\n\n      <button\n        *ngIf=\"obs.uploadStatus === UPLOAD_STATUS.ERROR || obs.activeStep === UPLOAD_STEP.DASHBOARD\"\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"] }]
+            args: [{ standalone: false, selector: 'valtimo-case-management-upload', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  *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  } as obs\"\n  valtimoCdsModal\n  [open]=\"open\"\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      {{ 'caseManagement.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-case-management-upload-step\n        [message]=\"\n          'caseManagement.importDefinition.steps.' + obs.activeStep + '.message' | translate\n        \"\n        [title]=\"'caseManagement.importDefinition.steps.' + obs.activeStep + '.title' | translate\"\n        [illustration]=\"'valtimo-layout/img/' + obs.activeStep + '.svg'\"\n      >\n      </valtimo-case-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]=\"'caseManagement.importDefinition.upload.buttonText' | translate\"\n        [description]=\"'caseManagement.importDefinition.upload.description' | translate\"\n        [multiple]=\"false\"\n        [title]=\"'caseManagement.importDefinition.upload.title' | translate\"\n        buttonType=\"primary\"\n        formControlName=\"file\"\n        class=\"valtimo-definition-uploader__file-uploader\"\n      >\n      </cds-file-uploader>\n\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          {{ 'caseManagement.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\n          {{ 'caseManagement.importDefinition.checkbox.error' | translate }}\n        </div>\n      </div>\n    </form>\n\n    <cds-progress-bar\n      *ngSwitchCase=\"UPLOAD_STEP.FILE_UPLOAD\"\n      class=\"valtimo-definition-uploader__progress-bar\"\n      [label]=\"'caseManagement.importDefinition.progressBar.label' | translate\"\n      [status]=\"obs.uploadStatus\"\n      [helperText]=\"'caseManagement.importDefinition.progressBar.' + obs.uploadStatus | translate\"\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=\"obs.uploadStatus !== UPLOAD_STATUS.ERROR && obs.activeStep !== UPLOAD_STEP.DASHBOARD\"\n        cdsButton=\"primary\"\n        [disabled]=\"obs.nextButtonDisabled\"\n        (click)=\"onNextClick(obs.activeStep)\"\n      >\n        {{\n          (obs.activeStep === UPLOAD_STEP.FILE_SELECT\n            ? 'caseManagement.importDefinition.startUpload'\n            : 'interface.next'\n          ) | translate\n        }}\n      </button>\n\n      <button\n        *ngIf=\"obs.uploadStatus === UPLOAD_STATUS.ERROR || obs.activeStep === UPLOAD_STEP.DASHBOARD\"\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: i1$2.DocumentService }, { type: CaseManagementService }, { type: i1$4.FormBuilder }, { type: i2.IconService }, { type: i3.TranslateService }], propDecorators: { open: [{
                 type: Input
             }], closeModal: [{