@valtimo/plugin-management 13.48.0 → 13.49.1

package/fesm2022/valtimo-plugin-management.mjs

@@ -26,6 +26,30 @@ import * as i4 from '@angular/forms';
 import { FormGroup, FormControl, Validators, ReactiveFormsModule, FormArray } from '@angular/forms';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 
+/*
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const PLUGIN_ADD_MODAL_TEST_IDS = {
+    cancelButton: 'pluginAddModalCancelButton',
+    /** Advances from the catalog to the configuration step. */
+    enterDataButton: 'pluginAddModalEnterDataButton',
+    /** Advances an external plugin from configuration to its permissions step. */
+    permissionsButton: 'pluginAddModalPermissionsButton',
+    completeButton: 'pluginAddModalCompleteButton',
+};
+
 /*
  * Copyright 2015-2026 Ritense BV, the Netherlands.
  *
@@ -2096,6 +2120,7 @@ class PluginAddModalComponent {
         this._logger = _logger;
         this._translateService = _translateService;
         this.closeModal = new EventEmitter();
+        this.testIds = PLUGIN_ADD_MODAL_TEST_IDS;
         this.inputDisabled$ = this._stateService.inputDisabled$;
         this.selectedPluginDefinition$ = this._stateService.selectedPluginDefinition$;
         this.configurationValid$ = new BehaviorSubject(false);
@@ -2298,11 +2323,11 @@ class PluginAddModalComponent {
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PluginAddModalComponent, deps: [{ token: PluginManagementStateService }, { token: i2.PluginManagementService }, { token: i2.ExternalPluginService }, { token: i3.NGXLogger }, { token: i2$3.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: PluginAddModalComponent, isStandalone: false, selector: "valtimo-plugin-add-modal", inputs: { open: "open", externalDefinitions: "externalDefinitions" }, outputs: { closeModal: "closeModal" }, viewQueries: [{ propertyName: "_externalConfigureComponent", first: true, predicate: PluginExternalConfigureComponent, 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\n<cds-modal valtimoCdsModal [open]=\"open\" size=\"lg\" (close)=\"hide()\">\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"hide()\">\n    <h3 cdsModalHeaderHeading class=\"add-plugin-modal-header\">\n      {{ 'pluginManagement.add' | translate }}\n    </h3>\n\n    <cds-progress-indicator\n      [steps]=\"progressSteps\"\n      [current]=\"currentStepIndex\"\n      spacing=\"equal\"\n      class=\"plugin-add-modal__progress\"\n    ></cds-progress-indicator>\n  </cds-modal-header>\n  <section cdsModalContent [cdsLayer]=\"1\">\n    <div [hidden]=\"currentStepIndex !== 0\">\n      <valtimo-plugin-add-select [externalDefinitions]=\"externalDefinitions\"></valtimo-plugin-add-select>\n    </div>\n\n    <div [hidden]=\"currentStepIndex !== 1\">\n      <cds-inline-notification\n        *ngIf=\"incompatibleWarning$ | async as warning\"\n        [notificationObj]=\"{\n          type: 'warning',\n          title: ('pluginManagement.compatibility.warningTitle' | translate),\n          message: warning,\n          showClose: false,\n          lowContrast: true,\n        }\"\n        class=\"plugin-add-modal__compatibility-warning\"\n      ></cds-inline-notification>\n\n      <ng-container *ngIf=\"isExternalPlugin$ | async; else embeddedConfigure\">\n        <valtimo-plugin-external-configure\n          (endpointsResolved)=\"onEndpointsResolved($event)\"\n          (eventSubscriptionsResolved)=\"onEventSubscriptionsResolved($event)\"\n          (capabilitiesResolved)=\"onCapabilitiesResolved($event)\"\n          (egressResolved)=\"onEgressResolved($event)\"\n          (derivedEgressResolved)=\"onDerivedEgressResolved($event)\"\n          (validEvent)=\"onValid($event)\"\n          (saveEvent)=\"onExternalSave($event)\"\n        ></valtimo-plugin-external-configure>\n      </ng-container>\n\n      <ng-template #embeddedConfigure>\n        <valtimo-plugin-configure\n          (valid)=\"onValid($event)\"\n          (configuration)=\"onConfiguration($event)\"\n        ></valtimo-plugin-configure>\n      </ng-template>\n    </div>\n\n    <div *ngIf=\"isExternal\" [hidden]=\"currentStepIndex !== 2\">\n      <valtimo-plugin-external-permissions\n        [endpoints]=\"endpoints$ | async\"\n        [eventSubscriptions]=\"eventSubscriptions$ | async\"\n        [capabilities]=\"capabilities$ | async\"\n        [egress]=\"egress$ | async\"\n        [derivedEgress]=\"derivedEgress$ | async\"\n        (validEvent)=\"onPermissionsValid($event)\"\n        (grantedEndpointsChange)=\"onGrantedEndpointsChange($event)\"\n        (grantedEventsChange)=\"onGrantedEventsChange($event)\"\n        (grantedCapabilitiesChange)=\"onGrantedCapabilitiesChange($event)\"\n        (grantedEgressChange)=\"onGrantedEgressChange($event)\"\n      ></valtimo-plugin-external-permissions>\n    </div>\n  </section>\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"hide()\" [disabled]=\"inputDisabled$ | async\">\n      {{ 'stepper.cancelButtonText' | translate }}\n    </button>\n\n    <button\n      *ngIf=\"currentStepIndex === 0\"\n      cdsButton=\"primary\"\n      [disabled]=\"!(selectedPluginDefinition$ | async) || (inputDisabled$ | async)\"\n      (click)=\"goToNextStep()\"\n    >\n      {{ 'pluginManagement.addSteps.step1' | translate }}\n    </button>\n\n    <button\n      *ngIf=\"currentStepIndex === 1 && isExternal\"\n      cdsButton=\"primary\"\n      [disabled]=\"!(configurationValid$ | async) || (inputDisabled$ | async)\"\n      (click)=\"goToNextStep()\"\n    >\n      {{ 'pluginManagement.addSteps.step2' | translate }}\n    </button>\n\n    <button\n      *ngIf=\"currentStepIndex === 1 && !isExternal\"\n      cdsButton=\"primary\"\n      [disabled]=\"!(configurationValid$ | async) || (inputDisabled$ | async)\"\n      (click)=\"complete()\"\n    >\n      {{ 'pluginManagement.addSteps.complete' | translate }}\n    </button>\n\n    <button\n      *ngIf=\"currentStepIndex === 2 && isExternal\"\n      cdsButton=\"primary\"\n      [disabled]=\"!(permissionsValid$ | async) || (inputDisabled$ | async)\"\n      (click)=\"complete()\"\n    >\n      {{ 'pluginManagement.addSteps.complete' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".plugin-add-modal__progress{width:100%;display:block;padding-bottom:var(--cds-spacing-03)}.add-plugin-modal-header{margin-bottom:var(--cds-spacing-05)}:host .cds--modal-content{overflow-x:hidden}.plugin-add-modal__compatibility-warning{display:block;margin-bottom:var(--cds-spacing-05)}:host ::ng-deep .plugin-add-modal__compatibility-warning{max-width:100%;width:100%;max-inline-size:unset}\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: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.ProgressIndicator, selector: "cds-progress-indicator, ibm-progress-indicator", inputs: ["current", "steps", "translations", "orientation", "skeleton", "spacing"], outputs: ["stepSelected"] }, { kind: "directive", type: i5.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: i5.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i5.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i5.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i5.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i5.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "component", type: i5.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }, { kind: "directive", type: i6.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "directive", type: i5.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "component", type: PluginExternalConfigureComponent, selector: "valtimo-plugin-external-configure", inputs: ["definitionId"], outputs: ["validEvent", "saveEvent", "endpointsResolved", "eventSubscriptionsResolved", "capabilitiesResolved", "egressResolved", "derivedEgressResolved"] }, { kind: "component", type: PluginExternalPermissionsComponent, selector: "valtimo-plugin-external-permissions", inputs: ["endpoints", "eventSubscriptions", "capabilities", "egress", "derivedEgress", "readonlyMode"], outputs: ["validEvent", "grantedEndpointsChange", "grantedEventsChange", "grantedCapabilitiesChange", "grantedEgressChange"] }, { kind: "component", type: PluginAddSelectComponent, selector: "valtimo-plugin-add-select", inputs: ["externalDefinitions"] }, { kind: "component", type: PluginConfigureComponent, selector: "valtimo-plugin-configure", outputs: ["valid", "configuration"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$3.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: PluginAddModalComponent, isStandalone: false, selector: "valtimo-plugin-add-modal", inputs: { open: "open", externalDefinitions: "externalDefinitions" }, outputs: { closeModal: "closeModal" }, viewQueries: [{ propertyName: "_externalConfigureComponent", first: true, predicate: PluginExternalConfigureComponent, 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\n<cds-modal valtimoCdsModal [open]=\"open\" size=\"lg\" (close)=\"hide()\">\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"hide()\">\n    <h3 cdsModalHeaderHeading class=\"add-plugin-modal-header\">\n      {{ 'pluginManagement.add' | translate }}\n    </h3>\n\n    <cds-progress-indicator\n      [steps]=\"progressSteps\"\n      [current]=\"currentStepIndex\"\n      spacing=\"equal\"\n      class=\"plugin-add-modal__progress\"\n    ></cds-progress-indicator>\n  </cds-modal-header>\n  <section cdsModalContent [cdsLayer]=\"1\">\n    <div [hidden]=\"currentStepIndex !== 0\">\n      <valtimo-plugin-add-select [externalDefinitions]=\"externalDefinitions\"></valtimo-plugin-add-select>\n    </div>\n\n    <div [hidden]=\"currentStepIndex !== 1\">\n      <cds-inline-notification\n        *ngIf=\"incompatibleWarning$ | async as warning\"\n        [notificationObj]=\"{\n          type: 'warning',\n          title: ('pluginManagement.compatibility.warningTitle' | translate),\n          message: warning,\n          showClose: false,\n          lowContrast: true,\n        }\"\n        class=\"plugin-add-modal__compatibility-warning\"\n      ></cds-inline-notification>\n\n      <ng-container *ngIf=\"isExternalPlugin$ | async; else embeddedConfigure\">\n        <valtimo-plugin-external-configure\n          (endpointsResolved)=\"onEndpointsResolved($event)\"\n          (eventSubscriptionsResolved)=\"onEventSubscriptionsResolved($event)\"\n          (capabilitiesResolved)=\"onCapabilitiesResolved($event)\"\n          (egressResolved)=\"onEgressResolved($event)\"\n          (derivedEgressResolved)=\"onDerivedEgressResolved($event)\"\n          (validEvent)=\"onValid($event)\"\n          (saveEvent)=\"onExternalSave($event)\"\n        ></valtimo-plugin-external-configure>\n      </ng-container>\n\n      <ng-template #embeddedConfigure>\n        <valtimo-plugin-configure\n          (valid)=\"onValid($event)\"\n          (configuration)=\"onConfiguration($event)\"\n        ></valtimo-plugin-configure>\n      </ng-template>\n    </div>\n\n    <div *ngIf=\"isExternal\" [hidden]=\"currentStepIndex !== 2\">\n      <valtimo-plugin-external-permissions\n        [endpoints]=\"endpoints$ | async\"\n        [eventSubscriptions]=\"eventSubscriptions$ | async\"\n        [capabilities]=\"capabilities$ | async\"\n        [egress]=\"egress$ | async\"\n        [derivedEgress]=\"derivedEgress$ | async\"\n        (validEvent)=\"onPermissionsValid($event)\"\n        (grantedEndpointsChange)=\"onGrantedEndpointsChange($event)\"\n        (grantedEventsChange)=\"onGrantedEventsChange($event)\"\n        (grantedCapabilitiesChange)=\"onGrantedCapabilitiesChange($event)\"\n        (grantedEgressChange)=\"onGrantedEgressChange($event)\"\n      ></valtimo-plugin-external-permissions>\n    </div>\n  </section>\n  <cds-modal-footer>\n    <button\n      cdsButton=\"ghost\"\n      [disabled]=\"inputDisabled$ | async\"\n      (click)=\"hide()\"\n      [attr.data-test-id]=\"testIds.cancelButton\"\n    >\n      {{ 'stepper.cancelButtonText' | translate }}\n    </button>\n\n    <button\n      *ngIf=\"currentStepIndex === 0\"\n      cdsButton=\"primary\"\n      [disabled]=\"!(selectedPluginDefinition$ | async) || (inputDisabled$ | async)\"\n      (click)=\"goToNextStep()\"\n      [attr.data-test-id]=\"testIds.enterDataButton\"\n    >\n      {{ 'pluginManagement.addSteps.step1' | translate }}\n    </button>\n\n    <button\n      *ngIf=\"currentStepIndex === 1 && isExternal\"\n      cdsButton=\"primary\"\n      [disabled]=\"!(configurationValid$ | async) || (inputDisabled$ | async)\"\n      (click)=\"goToNextStep()\"\n      [attr.data-test-id]=\"testIds.permissionsButton\"\n    >\n      {{ 'pluginManagement.addSteps.step2' | translate }}\n    </button>\n\n    <button\n      *ngIf=\"currentStepIndex === 1 && !isExternal\"\n      cdsButton=\"primary\"\n      [disabled]=\"!(configurationValid$ | async) || (inputDisabled$ | async)\"\n      (click)=\"complete()\"\n      [attr.data-test-id]=\"testIds.completeButton\"\n    >\n      {{ 'pluginManagement.addSteps.complete' | translate }}\n    </button>\n\n    <button\n      *ngIf=\"currentStepIndex === 2 && isExternal\"\n      cdsButton=\"primary\"\n      [disabled]=\"!(permissionsValid$ | async) || (inputDisabled$ | async)\"\n      (click)=\"complete()\"\n      [attr.data-test-id]=\"testIds.completeButton\"\n    >\n      {{ 'pluginManagement.addSteps.complete' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".plugin-add-modal__progress{width:100%;display:block;padding-bottom:var(--cds-spacing-03)}.add-plugin-modal-header{margin-bottom:var(--cds-spacing-05)}:host .cds--modal-content{overflow-x:hidden}.plugin-add-modal__compatibility-warning{display:block;margin-bottom:var(--cds-spacing-05)}:host ::ng-deep .plugin-add-modal__compatibility-warning{max-width:100%;width:100%;max-inline-size:unset}\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: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.ProgressIndicator, selector: "cds-progress-indicator, ibm-progress-indicator", inputs: ["current", "steps", "translations", "orientation", "skeleton", "spacing"], outputs: ["stepSelected"] }, { kind: "directive", type: i5.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: i5.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i5.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i5.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i5.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i5.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "component", type: i5.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }, { kind: "directive", type: i6.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "directive", type: i5.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "component", type: PluginExternalConfigureComponent, selector: "valtimo-plugin-external-configure", inputs: ["definitionId"], outputs: ["validEvent", "saveEvent", "endpointsResolved", "eventSubscriptionsResolved", "capabilitiesResolved", "egressResolved", "derivedEgressResolved"] }, { kind: "component", type: PluginExternalPermissionsComponent, selector: "valtimo-plugin-external-permissions", inputs: ["endpoints", "eventSubscriptions", "capabilities", "egress", "derivedEgress", "readonlyMode"], outputs: ["validEvent", "grantedEndpointsChange", "grantedEventsChange", "grantedCapabilitiesChange", "grantedEgressChange"] }, { kind: "component", type: PluginAddSelectComponent, selector: "valtimo-plugin-add-select", inputs: ["externalDefinitions"] }, { kind: "component", type: PluginConfigureComponent, selector: "valtimo-plugin-configure", outputs: ["valid", "configuration"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$3.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PluginAddModalComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'valtimo-plugin-add-modal', template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal valtimoCdsModal [open]=\"open\" size=\"lg\" (close)=\"hide()\">\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"hide()\">\n    <h3 cdsModalHeaderHeading class=\"add-plugin-modal-header\">\n      {{ 'pluginManagement.add' | translate }}\n    </h3>\n\n    <cds-progress-indicator\n      [steps]=\"progressSteps\"\n      [current]=\"currentStepIndex\"\n      spacing=\"equal\"\n      class=\"plugin-add-modal__progress\"\n    ></cds-progress-indicator>\n  </cds-modal-header>\n  <section cdsModalContent [cdsLayer]=\"1\">\n    <div [hidden]=\"currentStepIndex !== 0\">\n      <valtimo-plugin-add-select [externalDefinitions]=\"externalDefinitions\"></valtimo-plugin-add-select>\n    </div>\n\n    <div [hidden]=\"currentStepIndex !== 1\">\n      <cds-inline-notification\n        *ngIf=\"incompatibleWarning$ | async as warning\"\n        [notificationObj]=\"{\n          type: 'warning',\n          title: ('pluginManagement.compatibility.warningTitle' | translate),\n          message: warning,\n          showClose: false,\n          lowContrast: true,\n        }\"\n        class=\"plugin-add-modal__compatibility-warning\"\n      ></cds-inline-notification>\n\n      <ng-container *ngIf=\"isExternalPlugin$ | async; else embeddedConfigure\">\n        <valtimo-plugin-external-configure\n          (endpointsResolved)=\"onEndpointsResolved($event)\"\n          (eventSubscriptionsResolved)=\"onEventSubscriptionsResolved($event)\"\n          (capabilitiesResolved)=\"onCapabilitiesResolved($event)\"\n          (egressResolved)=\"onEgressResolved($event)\"\n          (derivedEgressResolved)=\"onDerivedEgressResolved($event)\"\n          (validEvent)=\"onValid($event)\"\n          (saveEvent)=\"onExternalSave($event)\"\n        ></valtimo-plugin-external-configure>\n      </ng-container>\n\n      <ng-template #embeddedConfigure>\n        <valtimo-plugin-configure\n          (valid)=\"onValid($event)\"\n          (configuration)=\"onConfiguration($event)\"\n        ></valtimo-plugin-configure>\n      </ng-template>\n    </div>\n\n    <div *ngIf=\"isExternal\" [hidden]=\"currentStepIndex !== 2\">\n      <valtimo-plugin-external-permissions\n        [endpoints]=\"endpoints$ | async\"\n        [eventSubscriptions]=\"eventSubscriptions$ | async\"\n        [capabilities]=\"capabilities$ | async\"\n        [egress]=\"egress$ | async\"\n        [derivedEgress]=\"derivedEgress$ | async\"\n        (validEvent)=\"onPermissionsValid($event)\"\n        (grantedEndpointsChange)=\"onGrantedEndpointsChange($event)\"\n        (grantedEventsChange)=\"onGrantedEventsChange($event)\"\n        (grantedCapabilitiesChange)=\"onGrantedCapabilitiesChange($event)\"\n        (grantedEgressChange)=\"onGrantedEgressChange($event)\"\n      ></valtimo-plugin-external-permissions>\n    </div>\n  </section>\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"hide()\" [disabled]=\"inputDisabled$ | async\">\n      {{ 'stepper.cancelButtonText' | translate }}\n    </button>\n\n    <button\n      *ngIf=\"currentStepIndex === 0\"\n      cdsButton=\"primary\"\n      [disabled]=\"!(selectedPluginDefinition$ | async) || (inputDisabled$ | async)\"\n      (click)=\"goToNextStep()\"\n    >\n      {{ 'pluginManagement.addSteps.step1' | translate }}\n    </button>\n\n    <button\n      *ngIf=\"currentStepIndex === 1 && isExternal\"\n      cdsButton=\"primary\"\n      [disabled]=\"!(configurationValid$ | async) || (inputDisabled$ | async)\"\n      (click)=\"goToNextStep()\"\n    >\n      {{ 'pluginManagement.addSteps.step2' | translate }}\n    </button>\n\n    <button\n      *ngIf=\"currentStepIndex === 1 && !isExternal\"\n      cdsButton=\"primary\"\n      [disabled]=\"!(configurationValid$ | async) || (inputDisabled$ | async)\"\n      (click)=\"complete()\"\n    >\n      {{ 'pluginManagement.addSteps.complete' | translate }}\n    </button>\n\n    <button\n      *ngIf=\"currentStepIndex === 2 && isExternal\"\n      cdsButton=\"primary\"\n      [disabled]=\"!(permissionsValid$ | async) || (inputDisabled$ | async)\"\n      (click)=\"complete()\"\n    >\n      {{ 'pluginManagement.addSteps.complete' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".plugin-add-modal__progress{width:100%;display:block;padding-bottom:var(--cds-spacing-03)}.add-plugin-modal-header{margin-bottom:var(--cds-spacing-05)}:host .cds--modal-content{overflow-x:hidden}.plugin-add-modal__compatibility-warning{display:block;margin-bottom:var(--cds-spacing-05)}:host ::ng-deep .plugin-add-modal__compatibility-warning{max-width:100%;width:100%;max-inline-size:unset}\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, selector: 'valtimo-plugin-add-modal', template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal valtimoCdsModal [open]=\"open\" size=\"lg\" (close)=\"hide()\">\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"hide()\">\n    <h3 cdsModalHeaderHeading class=\"add-plugin-modal-header\">\n      {{ 'pluginManagement.add' | translate }}\n    </h3>\n\n    <cds-progress-indicator\n      [steps]=\"progressSteps\"\n      [current]=\"currentStepIndex\"\n      spacing=\"equal\"\n      class=\"plugin-add-modal__progress\"\n    ></cds-progress-indicator>\n  </cds-modal-header>\n  <section cdsModalContent [cdsLayer]=\"1\">\n    <div [hidden]=\"currentStepIndex !== 0\">\n      <valtimo-plugin-add-select [externalDefinitions]=\"externalDefinitions\"></valtimo-plugin-add-select>\n    </div>\n\n    <div [hidden]=\"currentStepIndex !== 1\">\n      <cds-inline-notification\n        *ngIf=\"incompatibleWarning$ | async as warning\"\n        [notificationObj]=\"{\n          type: 'warning',\n          title: ('pluginManagement.compatibility.warningTitle' | translate),\n          message: warning,\n          showClose: false,\n          lowContrast: true,\n        }\"\n        class=\"plugin-add-modal__compatibility-warning\"\n      ></cds-inline-notification>\n\n      <ng-container *ngIf=\"isExternalPlugin$ | async; else embeddedConfigure\">\n        <valtimo-plugin-external-configure\n          (endpointsResolved)=\"onEndpointsResolved($event)\"\n          (eventSubscriptionsResolved)=\"onEventSubscriptionsResolved($event)\"\n          (capabilitiesResolved)=\"onCapabilitiesResolved($event)\"\n          (egressResolved)=\"onEgressResolved($event)\"\n          (derivedEgressResolved)=\"onDerivedEgressResolved($event)\"\n          (validEvent)=\"onValid($event)\"\n          (saveEvent)=\"onExternalSave($event)\"\n        ></valtimo-plugin-external-configure>\n      </ng-container>\n\n      <ng-template #embeddedConfigure>\n        <valtimo-plugin-configure\n          (valid)=\"onValid($event)\"\n          (configuration)=\"onConfiguration($event)\"\n        ></valtimo-plugin-configure>\n      </ng-template>\n    </div>\n\n    <div *ngIf=\"isExternal\" [hidden]=\"currentStepIndex !== 2\">\n      <valtimo-plugin-external-permissions\n        [endpoints]=\"endpoints$ | async\"\n        [eventSubscriptions]=\"eventSubscriptions$ | async\"\n        [capabilities]=\"capabilities$ | async\"\n        [egress]=\"egress$ | async\"\n        [derivedEgress]=\"derivedEgress$ | async\"\n        (validEvent)=\"onPermissionsValid($event)\"\n        (grantedEndpointsChange)=\"onGrantedEndpointsChange($event)\"\n        (grantedEventsChange)=\"onGrantedEventsChange($event)\"\n        (grantedCapabilitiesChange)=\"onGrantedCapabilitiesChange($event)\"\n        (grantedEgressChange)=\"onGrantedEgressChange($event)\"\n      ></valtimo-plugin-external-permissions>\n    </div>\n  </section>\n  <cds-modal-footer>\n    <button\n      cdsButton=\"ghost\"\n      [disabled]=\"inputDisabled$ | async\"\n      (click)=\"hide()\"\n      [attr.data-test-id]=\"testIds.cancelButton\"\n    >\n      {{ 'stepper.cancelButtonText' | translate }}\n    </button>\n\n    <button\n      *ngIf=\"currentStepIndex === 0\"\n      cdsButton=\"primary\"\n      [disabled]=\"!(selectedPluginDefinition$ | async) || (inputDisabled$ | async)\"\n      (click)=\"goToNextStep()\"\n      [attr.data-test-id]=\"testIds.enterDataButton\"\n    >\n      {{ 'pluginManagement.addSteps.step1' | translate }}\n    </button>\n\n    <button\n      *ngIf=\"currentStepIndex === 1 && isExternal\"\n      cdsButton=\"primary\"\n      [disabled]=\"!(configurationValid$ | async) || (inputDisabled$ | async)\"\n      (click)=\"goToNextStep()\"\n      [attr.data-test-id]=\"testIds.permissionsButton\"\n    >\n      {{ 'pluginManagement.addSteps.step2' | translate }}\n    </button>\n\n    <button\n      *ngIf=\"currentStepIndex === 1 && !isExternal\"\n      cdsButton=\"primary\"\n      [disabled]=\"!(configurationValid$ | async) || (inputDisabled$ | async)\"\n      (click)=\"complete()\"\n      [attr.data-test-id]=\"testIds.completeButton\"\n    >\n      {{ 'pluginManagement.addSteps.complete' | translate }}\n    </button>\n\n    <button\n      *ngIf=\"currentStepIndex === 2 && isExternal\"\n      cdsButton=\"primary\"\n      [disabled]=\"!(permissionsValid$ | async) || (inputDisabled$ | async)\"\n      (click)=\"complete()\"\n      [attr.data-test-id]=\"testIds.completeButton\"\n    >\n      {{ 'pluginManagement.addSteps.complete' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".plugin-add-modal__progress{width:100%;display:block;padding-bottom:var(--cds-spacing-03)}.add-plugin-modal-header{margin-bottom:var(--cds-spacing-05)}:host .cds--modal-content{overflow-x:hidden}.plugin-add-modal__compatibility-warning{display:block;margin-bottom:var(--cds-spacing-05)}:host ::ng-deep .plugin-add-modal__compatibility-warning{max-width:100%;width:100%;max-inline-size:unset}\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: PluginManagementStateService }, { type: i2.PluginManagementService }, { type: i2.ExternalPluginService }, { type: i3.NGXLogger }, { type: i2$3.TranslateService }], propDecorators: { open: [{
                 type: Input
             }], externalDefinitions: [{
@@ -5343,5 +5368,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { PLUGIN_APP_ADD_MODAL_TEST_IDS, PLUGIN_EXTERNAL_REVIEW_MODAL_TEST_IDS, PluginAddModalComponent, PluginAddSelectComponent, PluginAppAddModalComponent, PluginAppsPageComponent, PluginConfigureComponent, PluginEditComponent, PluginEditModalComponent, PluginHostModalComponent, PluginHostsPageComponent, PluginManagementComponent, PluginManagementModule, PluginManagementStateService };
+export { PLUGIN_ADD_MODAL_TEST_IDS, PLUGIN_APP_ADD_MODAL_TEST_IDS, PLUGIN_EXTERNAL_REVIEW_MODAL_TEST_IDS, PluginAddModalComponent, PluginAddSelectComponent, PluginAppAddModalComponent, PluginAppsPageComponent, PluginConfigureComponent, PluginEditComponent, PluginEditModalComponent, PluginHostModalComponent, PluginHostsPageComponent, PluginManagementComponent, PluginManagementModule, PluginManagementStateService };
 //# sourceMappingURL=valtimo-plugin-management.mjs.map