@valtimo/plugin-management 0.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/README.md +33 -0
  2. package/fesm2022/valtimo-plugin-management.mjs +836 -0
  3. package/fesm2022/valtimo-plugin-management.mjs.map +1 -0
  4. package/index.d.ts +6 -0
  5. package/lib/components/plugin-add-modal/plugin-add-modal.component.d.ts +26 -0
  6. package/lib/components/plugin-add-modal/plugin-add-modal.component.d.ts.map +1 -0
  7. package/lib/components/plugin-add-select/plugin-add-select.component.d.ts +24 -0
  8. package/lib/components/plugin-add-select/plugin-add-select.component.d.ts.map +1 -0
  9. package/lib/components/plugin-configure/plugin-configure.component.d.ts +19 -0
  10. package/lib/components/plugin-configure/plugin-configure.component.d.ts.map +1 -0
  11. package/lib/components/plugin-edit/plugin-edit.component.d.ts +22 -0
  12. package/lib/components/plugin-edit/plugin-edit.component.d.ts.map +1 -0
  13. package/lib/components/plugin-edit-modal/plugin-edit-modal.component.d.ts +27 -0
  14. package/lib/components/plugin-edit-modal/plugin-edit-modal.component.d.ts.map +1 -0
  15. package/lib/components/plugin-management/plugin-management.component.d.ts +31 -0
  16. package/lib/components/plugin-management/plugin-management.component.d.ts.map +1 -0
  17. package/lib/models/index.d.ts +2 -0
  18. package/lib/models/index.d.ts.map +1 -0
  19. package/lib/models/plugin-modal.model.d.ts +3 -0
  20. package/lib/models/plugin-modal.model.d.ts.map +1 -0
  21. package/lib/plugin-management-routing.d.ts +9 -0
  22. package/lib/plugin-management-routing.d.ts.map +1 -0
  23. package/lib/plugin-management.module.d.ts +19 -0
  24. package/lib/plugin-management.module.d.ts.map +1 -0
  25. package/lib/services/index.d.ts +2 -0
  26. package/lib/services/index.d.ts.map +1 -0
  27. package/lib/services/plugin-management-state.service.d.ts +53 -0
  28. package/lib/services/plugin-management-state.service.d.ts.map +1 -0
  29. package/package.json +24 -0
  30. package/public-api.d.ts +10 -0
  31. package/public-api.d.ts.map +1 -0
  32. package/valtimo-plugin-management.d.ts.map +1 -0
@@ -0,0 +1,836 @@
1
+ import * as i0 from '@angular/core';
2
+ import { Injectable, Component, EventEmitter, Output, Input, NgModule } from '@angular/core';
3
+ import { Subject, BehaviorSubject, combineLatest, of } from 'rxjs';
4
+ import { map, take, switchMap, tap } from 'rxjs/operators';
5
+ import * as i2 from '@valtimo/plugin';
6
+ import { PluginTranslatePipeModule, PluginConfigurationContainerModule } from '@valtimo/plugin';
7
+ import * as i2$1 from '@angular/platform-browser';
8
+ import * as i1 from '@angular/router';
9
+ import { RouterModule } from '@angular/router';
10
+ import * as i3 from '@angular/common';
11
+ import { CommonModule } from '@angular/common';
12
+ import { AuthGuardService } from '@valtimo/security';
13
+ import { ROLE_ADMIN } from '@valtimo/shared';
14
+ import * as i4 from '@valtimo/components';
15
+ import { CARBON_CONSTANTS, ViewType, ParagraphModule, TableModule, StepperModule, VModalModule, CarbonListModule, ValtimoCdsModalDirective } from '@valtimo/components';
16
+ import { cloneDeep } from 'lodash';
17
+ import { v4 } from 'uuid';
18
+ import * as i3$1 from 'ngx-logger';
19
+ import * as i4$1 from '@ngx-translate/core';
20
+ import { TranslateModule } from '@ngx-translate/core';
21
+ import * as i5 from 'carbon-components-angular';
22
+ import { ButtonModule, ModalModule, IconModule, LayerModule, TilesModule, LoadingModule } from 'carbon-components-angular';
23
+
24
+ /*
25
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
26
+ *
27
+ * Licensed under EUPL, Version 1.2 (the "License");
28
+ * you may not use this file except in compliance with the License.
29
+ * You may obtain a copy of the License at
30
+ *
31
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
32
+ *
33
+ * Unless required by applicable law or agreed to in writing, software
34
+ * distributed under the License is distributed on an "AS IS" basis,
35
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
36
+ * See the License for the specific language governing permissions and
37
+ * limitations under the License.
38
+ */
39
+
40
+ /*
41
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
42
+ *
43
+ * Licensed under EUPL, Version 1.2 (the "License");
44
+ * you may not use this file except in compliance with the License.
45
+ * You may obtain a copy of the License at
46
+ *
47
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
48
+ *
49
+ * Unless required by applicable law or agreed to in writing, software
50
+ * distributed under the License is distributed on an "AS IS" basis,
51
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
52
+ * See the License for the specific language governing permissions and
53
+ * limitations under the License.
54
+ */
55
+
56
+ /*
57
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
58
+ *
59
+ * Licensed under EUPL, Version 1.2 (the "License");
60
+ * you may not use this file except in compliance with the License.
61
+ * You may obtain a copy of the License at
62
+ *
63
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
64
+ *
65
+ * Unless required by applicable law or agreed to in writing, software
66
+ * distributed under the License is distributed on an "AS IS" basis,
67
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
68
+ * See the License for the specific language governing permissions and
69
+ * limitations under the License.
70
+ */
71
+ class PluginManagementStateService {
72
+ constructor(pluginService, sanitizer) {
73
+ this.pluginService = pluginService;
74
+ this.sanitizer = sanitizer;
75
+ this._showModal$ = new Subject();
76
+ this._hideModal$ = new Subject();
77
+ this._inputDisabled$ = new BehaviorSubject(false);
78
+ this._refresh$ = new BehaviorSubject(null);
79
+ this._save$ = new Subject();
80
+ this._saveEdit$ = new Subject();
81
+ this._delete$ = new Subject();
82
+ this._hideModalSaveButton$ = new BehaviorSubject(false);
83
+ this._pluginDefinitions$ = new BehaviorSubject(undefined);
84
+ this._pluginDefinitionsWithLogos$ = combineLatest([
85
+ this._pluginDefinitions$,
86
+ this.pluginService.pluginSpecifications$,
87
+ this.pluginService.availablePluginIds$,
88
+ ]).pipe(map(([pluginDefinitions, pluginSpecifications, availablePluginIds]) => pluginDefinitions
89
+ ?.filter(pluginDefinition => availablePluginIds.includes(pluginDefinition.key))
90
+ .map(pluginDefinition => {
91
+ const pluginSpecification = pluginSpecifications.find(specification => specification.pluginId === pluginDefinition.key);
92
+ return {
93
+ ...pluginDefinition,
94
+ ...(pluginSpecification?.pluginLogoBase64 && {
95
+ pluginLogoBase64: this.sanitizer.bypassSecurityTrustResourceUrl(pluginSpecification?.pluginLogoBase64),
96
+ }),
97
+ };
98
+ })));
99
+ this._selectedPluginDefinition$ = new BehaviorSubject(undefined);
100
+ this._selectedPluginConfiguration$ = new BehaviorSubject(undefined);
101
+ }
102
+ get showModal$() {
103
+ return this._showModal$.asObservable();
104
+ }
105
+ get hideModal$() {
106
+ return this._hideModal$.asObservable();
107
+ }
108
+ get inputDisabled$() {
109
+ return this._inputDisabled$.asObservable();
110
+ }
111
+ get refresh$() {
112
+ return this._refresh$.asObservable();
113
+ }
114
+ get pluginDefinitions$() {
115
+ return this._pluginDefinitions$.asObservable();
116
+ }
117
+ get pluginDefinitionsWithLogos$() {
118
+ return this._pluginDefinitionsWithLogos$;
119
+ }
120
+ get selectedPluginDefinition$() {
121
+ return this._selectedPluginDefinition$.asObservable();
122
+ }
123
+ get selectedPluginConfiguration$() {
124
+ return this._selectedPluginConfiguration$.asObservable();
125
+ }
126
+ get save$() {
127
+ return this._save$.asObservable();
128
+ }
129
+ get saveEdit$() {
130
+ return this._saveEdit$.asObservable();
131
+ }
132
+ get delete$() {
133
+ return this._delete$.asObservable();
134
+ }
135
+ get hideModalSaveButton$() {
136
+ return this._hideModalSaveButton$.asObservable();
137
+ }
138
+ showModal(modalType) {
139
+ this._showModal$.next(modalType);
140
+ }
141
+ hideModal() {
142
+ this._hideModal$.next(null);
143
+ }
144
+ disableInput() {
145
+ this._inputDisabled$.next(true);
146
+ }
147
+ enableInput() {
148
+ this._inputDisabled$.next(false);
149
+ }
150
+ refresh() {
151
+ this._refresh$.next(null);
152
+ }
153
+ setPluginDefinitions(definitions) {
154
+ this._pluginDefinitions$.next(definitions);
155
+ }
156
+ selectPluginDefinition(definition) {
157
+ this._selectedPluginDefinition$.next(definition);
158
+ }
159
+ selectPluginConfiguration(configuration) {
160
+ this._selectedPluginConfiguration$.next(configuration);
161
+ }
162
+ clearSelectedPluginDefinition() {
163
+ this._selectedPluginDefinition$.next(undefined);
164
+ }
165
+ clearSelectedPluginConfiguration() {
166
+ this._selectedPluginConfiguration$.next(undefined);
167
+ }
168
+ save() {
169
+ this._save$.next(null);
170
+ }
171
+ saveEdit() {
172
+ this._saveEdit$.next(null);
173
+ }
174
+ delete() {
175
+ this._delete$.next(null);
176
+ }
177
+ hideModalSaveButton() {
178
+ this._hideModalSaveButton$.next(true);
179
+ }
180
+ showModalSaveButton() {
181
+ this._hideModalSaveButton$.next(false);
182
+ }
183
+ clear() {
184
+ this.clearSelectedPluginDefinition();
185
+ this.clearSelectedPluginConfiguration();
186
+ }
187
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginManagementStateService, deps: [{ token: i2.PluginService }, { token: i2$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Injectable }); }
188
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginManagementStateService, providedIn: 'root' }); }
189
+ }
190
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginManagementStateService, decorators: [{
191
+ type: Injectable,
192
+ args: [{
193
+ providedIn: 'root',
194
+ }]
195
+ }], ctorParameters: () => [{ type: i2.PluginService }, { type: i2$1.DomSanitizer }] });
196
+
197
+ /*
198
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
199
+ *
200
+ * Licensed under EUPL, Version 1.2 (the "License");
201
+ * you may not use this file except in compliance with the License.
202
+ * You may obtain a copy of the License at
203
+ *
204
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
205
+ *
206
+ * Unless required by applicable law or agreed to in writing, software
207
+ * distributed under the License is distributed on an "AS IS" basis,
208
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
209
+ * See the License for the specific language governing permissions and
210
+ * limitations under the License.
211
+ */
212
+
213
+ /*
214
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
215
+ *
216
+ * Licensed under EUPL, Version 1.2 (the "License");
217
+ * you may not use this file except in compliance with the License.
218
+ * You may obtain a copy of the License at
219
+ *
220
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
221
+ *
222
+ * Unless required by applicable law or agreed to in writing, software
223
+ * distributed under the License is distributed on an "AS IS" basis,
224
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
225
+ * See the License for the specific language governing permissions and
226
+ * limitations under the License.
227
+ */
228
+ class PluginAddSelectComponent {
229
+ constructor(pluginManagementService, stateService) {
230
+ this.pluginManagementService = pluginManagementService;
231
+ this.stateService = stateService;
232
+ this.selectedPluginDefinition$ = this.stateService.selectedPluginDefinition$;
233
+ this.disabled$ = this.stateService.inputDisabled$;
234
+ this.pluginDefinitionsWithLogos$ = this.stateService.pluginDefinitionsWithLogos$;
235
+ }
236
+ ngOnInit() {
237
+ this.openRefreshSubscription();
238
+ this.getPluginDefinitions();
239
+ }
240
+ ngOnDestroy() {
241
+ this.refreshSubscription?.unsubscribe();
242
+ }
243
+ selectPluginDefinition(event) {
244
+ this.stateService.selectPluginDefinition(event.value);
245
+ }
246
+ deselectPluginDefinition() {
247
+ this.stateService.clearSelectedPluginDefinition();
248
+ }
249
+ getPluginDefinitions() {
250
+ this.pluginManagementService.getPluginDefinitions().subscribe(pluginDefinitions => {
251
+ this.stateService.setPluginDefinitions(pluginDefinitions);
252
+ });
253
+ }
254
+ openRefreshSubscription() {
255
+ this.refreshSubscription = combineLatest([
256
+ this.stateService.showModal$,
257
+ this.stateService.refresh$,
258
+ ]).subscribe(() => {
259
+ this.stateService.clearSelectedPluginDefinition();
260
+ });
261
+ }
262
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginAddSelectComponent, deps: [{ token: i2.PluginManagementService }, { token: PluginManagementStateService }], target: i0.ɵɵFactoryTarget.Component }); }
263
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: PluginAddSelectComponent, isStandalone: false, selector: "valtimo-plugin-add-select", ngImport: i0, template: "<!--\n ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n ~\n ~ Licensed under EUPL, Version 1.2 (the \"License\");\n ~ you may not use this file except in compliance with the License.\n ~ You may obtain a copy of the License at\n ~\n ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n ~\n ~ Unless required by applicable law or agreed to in writing, software\n ~ distributed under the License is distributed on an \"AS IS\" basis,\n ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n ~ See the License for the specific language governing permissions and\n ~ limitations under the License.\n -->\n\n<ng-container *ngIf=\"pluginDefinitionsWithLogos$ | async as pluginDefinitions; else loading\">\n <div class=\"plugin-definition__grid\">\n <ng-container\n *ngTemplateOutlet=\"pluginDefinitionsTemplate; context: {pluginDefinitions: pluginDefinitions}\"\n ></ng-container>\n <ng-container\n *ngTemplateOutlet=\"\n noPluginDefinitionsTemplate;\n context: {pluginDefinitions: pluginDefinitions}\n \"\n ></ng-container>\n </div>\n</ng-container>\n\n<ng-template #noPluginDefinitionsTemplate let-pluginDefinitions=\"pluginDefinitions\">\n <div *ngIf=\"pluginDefinitions?.length === 0\" class=\"plugin-definition__no-results\">\n <v-paragraph [center]=\"true\" [fullWidth]=\"true\">{{\n 'pluginManagement.noDefinitions' | translate\n }}</v-paragraph>\n </div>\n</ng-template>\n\n<ng-template #pluginDefinitionsTemplate let-pluginDefinitions=\"pluginDefinitions\">\n <cds-tile-group [multiple]=\"false\" (selected)=\"selectPluginDefinition($event)\" [cdsLayer]=\"1\">\n <cds-selection-tile\n *ngFor=\"let pluginDefinition of pluginDefinitions\"\n [value]=\"pluginDefinition\"\n [selected]=\"(selectedPluginDefinition$ | async)?.key === pluginDefinition.key\"\n >\n <img\n class=\"plugin-definition-logo\"\n [title]=\"'title' | pluginTranslate: pluginDefinition.key | async\"\n [src]=\"pluginDefinition.pluginLogoBase64\"\n />\n\n <h5>{{ 'title' | pluginTranslate: pluginDefinition.key | async }}</h5>\n\n <p>{{ 'description' | pluginTranslate: pluginDefinition.key | async }}</p>\n </cds-selection-tile>\n </cds-tile-group>\n</ng-template>\n\n<ng-template #loading>\n <div class=\"plugin-definition__grid\">\n <ng-container *ngTemplateOutlet=\"loadingCard\"></ng-container>\n <ng-container *ngTemplateOutlet=\"loadingCard\"></ng-container>\n <ng-container *ngTemplateOutlet=\"loadingCard\"></ng-container>\n </div>\n</ng-template>\n\n<ng-template #loadingCard>\n <div class=\"plugin-definition__item\">\n <cds-loading size=\"sm\"></cds-loading>\n </div>\n</ng-template>\n", styles: [".btn-back{position:absolute}.cards-container{display:flex;flex-flow:row wrap;width:100%}.card{width:calc(33.3% - 20px);margin-right:30px}.card:nth-child(3n+3){margin-right:0}.card-header{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plugin-definition-logo{object-fit:contain;height:60px;width:100%}.plugin-definition__grid{flex-flow:wrap;box-sizing:border-box;display:flex;margin:0 -22px -22px 0}.plugin-definition__item{flex:1 1 33.3%;box-sizing:border-box;max-width:33.3%;padding:0 22px 22px 0}.plugin-definition__no-results{box-sizing:border-box;flex:1 1 100%;padding:0 22px 22px 0}:host ::ng-deep fieldset{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:calc(100% - 24px)}:host ::ng-deep .cds--tile--selectable{height:100%;padding:16px}:host ::ng-deep .cds--tile-content{display:flex;flex-direction:column;gap:16px;color:var(--cds-text-primary)}\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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "directive", type: i5.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "component", type: i5.SelectionTile, selector: "cds-selection-tile, ibm-selection-tile", inputs: ["theme", "id", "selected", "value", "disabled"], outputs: ["change"] }, { kind: "component", type: i5.TileGroup, selector: "cds-tile-group, ibm-tile-group", inputs: ["name", "multiple", "legend"], outputs: ["selected"] }, { kind: "component", type: i5.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: i2.PluginTranslatePipe, name: "pluginTranslate" }] }); }
264
+ }
265
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginAddSelectComponent, decorators: [{
266
+ type: Component,
267
+ args: [{ standalone: false, selector: 'valtimo-plugin-add-select', template: "<!--\n ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n ~\n ~ Licensed under EUPL, Version 1.2 (the \"License\");\n ~ you may not use this file except in compliance with the License.\n ~ You may obtain a copy of the License at\n ~\n ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n ~\n ~ Unless required by applicable law or agreed to in writing, software\n ~ distributed under the License is distributed on an \"AS IS\" basis,\n ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n ~ See the License for the specific language governing permissions and\n ~ limitations under the License.\n -->\n\n<ng-container *ngIf=\"pluginDefinitionsWithLogos$ | async as pluginDefinitions; else loading\">\n <div class=\"plugin-definition__grid\">\n <ng-container\n *ngTemplateOutlet=\"pluginDefinitionsTemplate; context: {pluginDefinitions: pluginDefinitions}\"\n ></ng-container>\n <ng-container\n *ngTemplateOutlet=\"\n noPluginDefinitionsTemplate;\n context: {pluginDefinitions: pluginDefinitions}\n \"\n ></ng-container>\n </div>\n</ng-container>\n\n<ng-template #noPluginDefinitionsTemplate let-pluginDefinitions=\"pluginDefinitions\">\n <div *ngIf=\"pluginDefinitions?.length === 0\" class=\"plugin-definition__no-results\">\n <v-paragraph [center]=\"true\" [fullWidth]=\"true\">{{\n 'pluginManagement.noDefinitions' | translate\n }}</v-paragraph>\n </div>\n</ng-template>\n\n<ng-template #pluginDefinitionsTemplate let-pluginDefinitions=\"pluginDefinitions\">\n <cds-tile-group [multiple]=\"false\" (selected)=\"selectPluginDefinition($event)\" [cdsLayer]=\"1\">\n <cds-selection-tile\n *ngFor=\"let pluginDefinition of pluginDefinitions\"\n [value]=\"pluginDefinition\"\n [selected]=\"(selectedPluginDefinition$ | async)?.key === pluginDefinition.key\"\n >\n <img\n class=\"plugin-definition-logo\"\n [title]=\"'title' | pluginTranslate: pluginDefinition.key | async\"\n [src]=\"pluginDefinition.pluginLogoBase64\"\n />\n\n <h5>{{ 'title' | pluginTranslate: pluginDefinition.key | async }}</h5>\n\n <p>{{ 'description' | pluginTranslate: pluginDefinition.key | async }}</p>\n </cds-selection-tile>\n </cds-tile-group>\n</ng-template>\n\n<ng-template #loading>\n <div class=\"plugin-definition__grid\">\n <ng-container *ngTemplateOutlet=\"loadingCard\"></ng-container>\n <ng-container *ngTemplateOutlet=\"loadingCard\"></ng-container>\n <ng-container *ngTemplateOutlet=\"loadingCard\"></ng-container>\n </div>\n</ng-template>\n\n<ng-template #loadingCard>\n <div class=\"plugin-definition__item\">\n <cds-loading size=\"sm\"></cds-loading>\n </div>\n</ng-template>\n", styles: [".btn-back{position:absolute}.cards-container{display:flex;flex-flow:row wrap;width:100%}.card{width:calc(33.3% - 20px);margin-right:30px}.card:nth-child(3n+3){margin-right:0}.card-header{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plugin-definition-logo{object-fit:contain;height:60px;width:100%}.plugin-definition__grid{flex-flow:wrap;box-sizing:border-box;display:flex;margin:0 -22px -22px 0}.plugin-definition__item{flex:1 1 33.3%;box-sizing:border-box;max-width:33.3%;padding:0 22px 22px 0}.plugin-definition__no-results{box-sizing:border-box;flex:1 1 100%;padding:0 22px 22px 0}:host ::ng-deep fieldset{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:calc(100% - 24px)}:host ::ng-deep .cds--tile--selectable{height:100%;padding:16px}:host ::ng-deep .cds--tile-content{display:flex;flex-direction:column;gap:16px;color:var(--cds-text-primary)}\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"] }]
268
+ }], ctorParameters: () => [{ type: i2.PluginManagementService }, { type: PluginManagementStateService }] });
269
+
270
+ /*
271
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
272
+ *
273
+ * Licensed under EUPL, Version 1.2 (the "License");
274
+ * you may not use this file except in compliance with the License.
275
+ * You may obtain a copy of the License at
276
+ *
277
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
278
+ *
279
+ * Unless required by applicable law or agreed to in writing, software
280
+ * distributed under the License is distributed on an "AS IS" basis,
281
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
282
+ * See the License for the specific language governing permissions and
283
+ * limitations under the License.
284
+ */
285
+ class PluginConfigureComponent {
286
+ constructor(stateService) {
287
+ this.stateService = stateService;
288
+ this.valid = new EventEmitter();
289
+ this.configuration = new EventEmitter();
290
+ this.save$ = this.stateService.save$;
291
+ this.pluginDefinitionKey$ = this.stateService.selectedPluginDefinition$.pipe(map(definition => definition?.key));
292
+ this.prefillConfiguration$ = of(undefined);
293
+ this.disabled$ = this.stateService.inputDisabled$;
294
+ }
295
+ onValid(valid) {
296
+ this.valid.emit(valid);
297
+ }
298
+ onFunctionConfiguration(configuration) {
299
+ this.configuration.emit(configuration);
300
+ }
301
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginConfigureComponent, deps: [{ token: PluginManagementStateService }], target: i0.ɵɵFactoryTarget.Component }); }
302
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: PluginConfigureComponent, isStandalone: false, selector: "valtimo-plugin-configure", outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n ~\n ~ Licensed under EUPL, Version 1.2 (the \"License\");\n ~ you may not use this file except in compliance with the License.\n ~ You may obtain a copy of the License at\n ~\n ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n ~\n ~ Unless required by applicable law or agreed to in writing, software\n ~ distributed under the License is distributed on an \"AS IS\" basis,\n ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n ~ See the License for the specific language governing permissions and\n ~ limitations under the License.\n -->\n\n<valtimo-plugin-configuration-container\n *ngIf=\"pluginDefinitionKey$ | async as pluginDefinitionKey\"\n [cdsLayer]=\"1\"\n [pluginDefinitionKey]=\"pluginDefinitionKey\"\n [prefillConfiguration$]=\"prefillConfiguration$\"\n [save$]=\"save$\"\n [disabled$]=\"disabled$\"\n (valid)=\"onValid($event)\"\n (configuration)=\"onFunctionConfiguration($event)\"\n type=\"configuration\"\n></valtimo-plugin-configuration-container>\n", styles: ["/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.PluginConfigurationContainerComponent, selector: "valtimo-plugin-configuration-container", inputs: ["type", "pluginDefinitionKey", "functionKey", "save$", "disabled$", "selectedPluginConfiguration$", "prefillConfiguration$"], outputs: ["valid", "configuration"] }, { kind: "directive", type: i5.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }] }); }
303
+ }
304
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginConfigureComponent, decorators: [{
305
+ type: Component,
306
+ args: [{ standalone: false, selector: 'valtimo-plugin-configure', template: "<!--\n ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n ~\n ~ Licensed under EUPL, Version 1.2 (the \"License\");\n ~ you may not use this file except in compliance with the License.\n ~ You may obtain a copy of the License at\n ~\n ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n ~\n ~ Unless required by applicable law or agreed to in writing, software\n ~ distributed under the License is distributed on an \"AS IS\" basis,\n ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n ~ See the License for the specific language governing permissions and\n ~ limitations under the License.\n -->\n\n<valtimo-plugin-configuration-container\n *ngIf=\"pluginDefinitionKey$ | async as pluginDefinitionKey\"\n [cdsLayer]=\"1\"\n [pluginDefinitionKey]=\"pluginDefinitionKey\"\n [prefillConfiguration$]=\"prefillConfiguration$\"\n [save$]=\"save$\"\n [disabled$]=\"disabled$\"\n (valid)=\"onValid($event)\"\n (configuration)=\"onFunctionConfiguration($event)\"\n type=\"configuration\"\n></valtimo-plugin-configuration-container>\n", styles: ["/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
307
+ }], ctorParameters: () => [{ type: PluginManagementStateService }], propDecorators: { valid: [{
308
+ type: Output
309
+ }], configuration: [{
310
+ type: Output
311
+ }] } });
312
+
313
+ /*
314
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
315
+ *
316
+ * Licensed under EUPL, Version 1.2 (the "License");
317
+ * you may not use this file except in compliance with the License.
318
+ * You may obtain a copy of the License at
319
+ *
320
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
321
+ *
322
+ * Unless required by applicable law or agreed to in writing, software
323
+ * distributed under the License is distributed on an "AS IS" basis,
324
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
325
+ * See the License for the specific language governing permissions and
326
+ * limitations under the License.
327
+ */
328
+ class PluginAddModalComponent {
329
+ constructor(stateService, pluginManagementService, logger) {
330
+ this.stateService = stateService;
331
+ this.pluginManagementService = pluginManagementService;
332
+ this.logger = logger;
333
+ this.open = false;
334
+ this.closeModal = new EventEmitter();
335
+ this.inputDisabled$ = this.stateService.inputDisabled$;
336
+ this.selectedPluginDefinition$ = this.stateService.selectedPluginDefinition$;
337
+ this.configurationValid$ = new BehaviorSubject(false);
338
+ this.returnToFirstStepSubject$ = new Subject();
339
+ }
340
+ complete() {
341
+ this.stateService.save();
342
+ }
343
+ hide() {
344
+ this.closeModal.emit();
345
+ setTimeout(() => {
346
+ this.returnToFirstStep();
347
+ this.stateService.enableInput();
348
+ this.stateService.clear();
349
+ }, CARBON_CONSTANTS.modalAnimationMs);
350
+ }
351
+ onValid(valid) {
352
+ this.configurationValid$.next(valid);
353
+ }
354
+ onConfiguration(configuration) {
355
+ const pluginConfiguration = { ...configuration };
356
+ delete pluginConfiguration['configurationId'];
357
+ delete pluginConfiguration['configurationTitle'];
358
+ this.stateService.disableInput();
359
+ this.stateService.selectedPluginDefinition$.pipe(take(1)).subscribe(selectedDefinition => {
360
+ this.pluginManagementService
361
+ .savePluginConfiguration({
362
+ id: configuration.configurationId,
363
+ definitionKey: selectedDefinition.key,
364
+ title: configuration.configurationTitle,
365
+ properties: pluginConfiguration,
366
+ })
367
+ .subscribe({
368
+ next: () => {
369
+ this.stateService.refresh();
370
+ this.hide();
371
+ },
372
+ error: () => {
373
+ this.logger.error('Something went wrong with saving the plugin configuration.');
374
+ this.stateService.enableInput();
375
+ },
376
+ });
377
+ });
378
+ }
379
+ returnToFirstStep() {
380
+ this.returnToFirstStepSubject$.next(true);
381
+ }
382
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginAddModalComponent, deps: [{ token: PluginManagementStateService }, { token: i2.PluginManagementService }, { token: i3$1.NGXLogger }], target: i0.ɵɵFactoryTarget.Component }); }
383
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: PluginAddModalComponent, isStandalone: false, selector: "valtimo-plugin-add-modal", 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<v-stepper-container\n (completeEvent)=\"complete()\"\n (cancelClickEvent)=\"hide()\"\n [disabled]=\"inputDisabled$ | async\"\n [returnToFirstStepSubject$]=\"returnToFirstStepSubject$\"\n>\n <cds-modal valtimoCdsModal #pluginAddModal [open]=\"open\" (close)=\"hide()\">\n <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"hide()\">\n <v-stepper-header></v-stepper-header>\n </cds-modal-header>\n <section cdsModalContent>\n <v-stepper-content>\n <v-stepper-step titleTranslationKey=\"pluginManagement.addSteps.step0\">\n <valtimo-plugin-add-select></valtimo-plugin-add-select>\n </v-stepper-step>\n <v-stepper-step titleTranslationKey=\"pluginManagement.addSteps.step1\">\n <valtimo-plugin-configure\n (valid)=\"onValid($event)\"\n (configuration)=\"onConfiguration($event)\"\n ></valtimo-plugin-configure>\n </v-stepper-step>\n </v-stepper-content>\n </section>\n <cds-modal-footer>\n <v-stepper-footer class=\"stepper-footer\">\n <v-stepper-footer-step\n nextButtonTranslationKey=\"pluginManagement.addSteps.step1\"\n [nextButtonEnabled]=\"selectedPluginDefinition$ | async\"\n ></v-stepper-footer-step>\n <v-stepper-footer-step\n completeButtonTranslationKey=\"pluginManagement.addSteps.complete\"\n [completeButtonEnabled]=\"configurationValid$ | async\"\n ></v-stepper-footer-step>\n </v-stepper-footer>\n </cds-modal-footer>\n </cds-modal>\n</v-stepper-container>\n", styles: [".stepper-footer{width:100%}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "component", type: i4.StepperContainerComponent, selector: "v-stepper-container", inputs: ["returnToFirstStepSubject$", "disabled"], outputs: ["cancelClickEvent", "completeEvent", "nextStepEvent"] }, { kind: "component", type: i4.StepperContentComponent, selector: "v-stepper-content" }, { kind: "component", type: i4.StepperFooterComponent, selector: "v-stepper-footer" }, { kind: "component", type: i4.StepperHeaderComponent, selector: "v-stepper-header" }, { kind: "component", type: i4.StepperStepComponent, selector: "v-stepper-step", inputs: ["titleTranslationKey"] }, { kind: "component", type: i4.StepperFooterStepComponent, selector: "v-stepper-footer-step", inputs: ["nextButtonEnabled", "completeButtonEnabled", "nextButtonTranslationKey", "cancelButtonTranslationKey", "completeButtonTranslationKey", "completeButtonMdiIcon", "showCompleteButton"] }, { 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: i4.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "component", type: PluginAddSelectComponent, selector: "valtimo-plugin-add-select" }, { kind: "component", type: PluginConfigureComponent, selector: "valtimo-plugin-configure", outputs: ["valid", "configuration"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }] }); }
384
+ }
385
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginAddModalComponent, decorators: [{
386
+ type: Component,
387
+ args: [{ standalone: false, selector: 'valtimo-plugin-add-modal', 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<v-stepper-container\n (completeEvent)=\"complete()\"\n (cancelClickEvent)=\"hide()\"\n [disabled]=\"inputDisabled$ | async\"\n [returnToFirstStepSubject$]=\"returnToFirstStepSubject$\"\n>\n <cds-modal valtimoCdsModal #pluginAddModal [open]=\"open\" (close)=\"hide()\">\n <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"hide()\">\n <v-stepper-header></v-stepper-header>\n </cds-modal-header>\n <section cdsModalContent>\n <v-stepper-content>\n <v-stepper-step titleTranslationKey=\"pluginManagement.addSteps.step0\">\n <valtimo-plugin-add-select></valtimo-plugin-add-select>\n </v-stepper-step>\n <v-stepper-step titleTranslationKey=\"pluginManagement.addSteps.step1\">\n <valtimo-plugin-configure\n (valid)=\"onValid($event)\"\n (configuration)=\"onConfiguration($event)\"\n ></valtimo-plugin-configure>\n </v-stepper-step>\n </v-stepper-content>\n </section>\n <cds-modal-footer>\n <v-stepper-footer class=\"stepper-footer\">\n <v-stepper-footer-step\n nextButtonTranslationKey=\"pluginManagement.addSteps.step1\"\n [nextButtonEnabled]=\"selectedPluginDefinition$ | async\"\n ></v-stepper-footer-step>\n <v-stepper-footer-step\n completeButtonTranslationKey=\"pluginManagement.addSteps.complete\"\n [completeButtonEnabled]=\"configurationValid$ | async\"\n ></v-stepper-footer-step>\n </v-stepper-footer>\n </cds-modal-footer>\n </cds-modal>\n</v-stepper-container>\n", styles: [".stepper-footer{width:100%}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
388
+ }], ctorParameters: () => [{ type: PluginManagementStateService }, { type: i2.PluginManagementService }, { type: i3$1.NGXLogger }], propDecorators: { open: [{
389
+ type: Input
390
+ }], closeModal: [{
391
+ type: Output
392
+ }] } });
393
+
394
+ /*
395
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
396
+ *
397
+ * Licensed under EUPL, Version 1.2 (the "License");
398
+ * you may not use this file except in compliance with the License.
399
+ * You may obtain a copy of the License at
400
+ *
401
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
402
+ *
403
+ * Unless required by applicable law or agreed to in writing, software
404
+ * distributed under the License is distributed on an "AS IS" basis,
405
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
406
+ * See the License for the specific language governing permissions and
407
+ * limitations under the License.
408
+ */
409
+ class PluginEditComponent {
410
+ constructor(stateService) {
411
+ this.stateService = stateService;
412
+ this.valid = new EventEmitter();
413
+ this.configuration = new EventEmitter();
414
+ this.saveEdit$ = this.stateService.saveEdit$;
415
+ this.pluginDefinitionKey$ = this.stateService.selectedPluginConfiguration$.pipe(map(configuration => configuration?.pluginDefinition?.key));
416
+ this.prefillConfiguration$ = this.stateService.selectedPluginConfiguration$.pipe(map(configuration => configuration
417
+ ? {
418
+ ...configuration.properties,
419
+ configurationId: configuration.id,
420
+ configurationTitle: configuration.title,
421
+ }
422
+ : undefined));
423
+ this.disabled$ = this.stateService.inputDisabled$;
424
+ }
425
+ onValid(valid) {
426
+ this.valid.emit(valid);
427
+ }
428
+ onFunctionConfiguration(configuration) {
429
+ this.configuration.emit(configuration);
430
+ }
431
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginEditComponent, deps: [{ token: PluginManagementStateService }], target: i0.ɵɵFactoryTarget.Component }); }
432
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: PluginEditComponent, isStandalone: false, selector: "valtimo-plugin-edit", outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n ~\n ~ Licensed under EUPL, Version 1.2 (the \"License\");\n ~ you may not use this file except in compliance with the License.\n ~ You may obtain a copy of the License at\n ~\n ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n ~\n ~ Unless required by applicable law or agreed to in writing, software\n ~ distributed under the License is distributed on an \"AS IS\" basis,\n ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n ~ See the License for the specific language governing permissions and\n ~ limitations under the License.\n -->\n\n<valtimo-plugin-configuration-container\n *ngIf=\"pluginDefinitionKey$ | async as pluginDefinitionKey\"\n [cdsLayer]=\"1\"\n [pluginDefinitionKey]=\"pluginDefinitionKey\"\n [prefillConfiguration$]=\"prefillConfiguration$\"\n [save$]=\"saveEdit$\"\n [disabled$]=\"disabled$\"\n (valid)=\"onValid($event)\"\n (configuration)=\"onFunctionConfiguration($event)\"\n type=\"configuration\"\n></valtimo-plugin-configuration-container>\n", styles: ["/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.PluginConfigurationContainerComponent, selector: "valtimo-plugin-configuration-container", inputs: ["type", "pluginDefinitionKey", "functionKey", "save$", "disabled$", "selectedPluginConfiguration$", "prefillConfiguration$"], outputs: ["valid", "configuration"] }, { kind: "directive", type: i5.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }] }); }
433
+ }
434
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginEditComponent, decorators: [{
435
+ type: Component,
436
+ args: [{ standalone: false, selector: 'valtimo-plugin-edit', template: "<!--\n ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n ~\n ~ Licensed under EUPL, Version 1.2 (the \"License\");\n ~ you may not use this file except in compliance with the License.\n ~ You may obtain a copy of the License at\n ~\n ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n ~\n ~ Unless required by applicable law or agreed to in writing, software\n ~ distributed under the License is distributed on an \"AS IS\" basis,\n ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n ~ See the License for the specific language governing permissions and\n ~ limitations under the License.\n -->\n\n<valtimo-plugin-configuration-container\n *ngIf=\"pluginDefinitionKey$ | async as pluginDefinitionKey\"\n [cdsLayer]=\"1\"\n [pluginDefinitionKey]=\"pluginDefinitionKey\"\n [prefillConfiguration$]=\"prefillConfiguration$\"\n [save$]=\"saveEdit$\"\n [disabled$]=\"disabled$\"\n (valid)=\"onValid($event)\"\n (configuration)=\"onFunctionConfiguration($event)\"\n type=\"configuration\"\n></valtimo-plugin-configuration-container>\n", styles: ["/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
437
+ }], ctorParameters: () => [{ type: PluginManagementStateService }], propDecorators: { valid: [{
438
+ type: Output
439
+ }], configuration: [{
440
+ type: Output
441
+ }] } });
442
+
443
+ /*
444
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
445
+ *
446
+ * Licensed under EUPL, Version 1.2 (the "License");
447
+ * you may not use this file except in compliance with the License.
448
+ * You may obtain a copy of the License at
449
+ *
450
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
451
+ *
452
+ * Unless required by applicable law or agreed to in writing, software
453
+ * distributed under the License is distributed on an "AS IS" basis,
454
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
455
+ * See the License for the specific language governing permissions and
456
+ * limitations under the License.
457
+ */
458
+ class PluginEditModalComponent {
459
+ constructor(stateService, pluginManagementService, logger) {
460
+ this.stateService = stateService;
461
+ this.pluginManagementService = pluginManagementService;
462
+ this.logger = logger;
463
+ this.open = false;
464
+ this.saveNewConfiguration = false;
465
+ this.closeModal = new EventEmitter();
466
+ this.inputDisabled$ = this.stateService.inputDisabled$;
467
+ this.selectedPluginConfiguration$ = this.stateService.selectedPluginConfiguration$;
468
+ this.configurationValid$ = new BehaviorSubject(false);
469
+ }
470
+ save() {
471
+ this.stateService.saveEdit();
472
+ }
473
+ delete() {
474
+ this.stateService.delete();
475
+ this.stateService.disableInput();
476
+ this.stateService.selectedPluginConfiguration$
477
+ .pipe(take(1))
478
+ .subscribe(selectedPluginConfiguration => {
479
+ this.pluginManagementService
480
+ .deletePluginConfiguration(selectedPluginConfiguration.id)
481
+ .subscribe(() => {
482
+ this.stateService.refresh();
483
+ this.hide();
484
+ }, () => {
485
+ this.logger.error('Something went wrong with deleting the plugin configuration.');
486
+ this.stateService.enableInput();
487
+ });
488
+ });
489
+ }
490
+ hide() {
491
+ this.closeModal.emit();
492
+ this.stateService.enableInput();
493
+ }
494
+ onPluginValid(valid) {
495
+ this.configurationValid$.next(valid);
496
+ }
497
+ onPluginConfiguration(configuration) {
498
+ this.stateService.disableInput();
499
+ if (this.saveNewConfiguration) {
500
+ this.saveNewPluginConfiguration(configuration);
501
+ return;
502
+ }
503
+ this.stateService.selectedPluginConfiguration$
504
+ .pipe(take(1))
505
+ .subscribe(selectedPluginConfiguration => {
506
+ const configurationId = configuration.configurationId;
507
+ const configurationTitle = configuration.configurationTitle;
508
+ const configurationData = { ...configuration };
509
+ delete configurationData['configurationTitle'];
510
+ this.pluginManagementService
511
+ .updatePluginConfiguration(selectedPluginConfiguration.id, configurationId, configurationTitle, configurationData)
512
+ .subscribe({
513
+ next: () => {
514
+ this.stateService.refresh();
515
+ this.hide();
516
+ },
517
+ error: () => {
518
+ this.logger.error('Something went wrong with updating the plugin configuration.');
519
+ this.stateService.enableInput();
520
+ },
521
+ });
522
+ });
523
+ }
524
+ saveNewPluginConfiguration(configuration) {
525
+ this.stateService.selectedPluginConfiguration$
526
+ .pipe(take(1))
527
+ .subscribe(selectedPluginConfiguration => {
528
+ const duplicatedConfiguration = { ...selectedPluginConfiguration, properties: configuration };
529
+ duplicatedConfiguration.title = duplicatedConfiguration.properties.configurationTitle;
530
+ delete duplicatedConfiguration.properties.configurationTitle;
531
+ delete duplicatedConfiguration.properties.configurationId;
532
+ this.pluginManagementService.savePluginConfiguration(duplicatedConfiguration).subscribe({
533
+ next: () => {
534
+ this.stateService.refresh();
535
+ this.hide();
536
+ },
537
+ error: () => {
538
+ this.logger.error('Something went wrong with saving the duplicated plugin configuration.');
539
+ this.stateService.enableInput();
540
+ },
541
+ });
542
+ });
543
+ }
544
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginEditModalComponent, deps: [{ token: PluginManagementStateService }, { token: i2.PluginManagementService }, { token: i3$1.NGXLogger }], target: i0.ɵɵFactoryTarget.Component }); }
545
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: PluginEditModalComponent, isStandalone: false, selector: "valtimo-plugin-edit-modal", inputs: { open: "open", saveNewConfiguration: "saveNewConfiguration" }, 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 #pluginEditModal\n valtimoCdsModal\n [open]=\"open\"\n (close)=\"hide()\"\n *ngIf=\"{selectedConfiguration: selectedPluginConfiguration$ | async} as obs\"\n>\n <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"hide()\">\n {{\n obs.selectedConfiguration?.title +\n ' - ' +\n ('title' | pluginTranslate: obs.selectedConfiguration?.pluginDefinition?.key | async)\n }}\n </cds-modal-header>\n <section cdsModalContent>\n <valtimo-plugin-edit\n (valid)=\"onPluginValid($event)\"\n (configuration)=\"onPluginConfiguration($event)\"\n ></valtimo-plugin-edit>\n </section>\n <cds-modal-footer>\n <button cdsButton=\"danger\" (click)=\"delete()\" [disabled]=\"inputDisabled$ | async\">\n {{ 'pluginManagement.remove' | translate }}\n </button>\n <button\n cdsButton=\"primary\"\n [disabled]=\"(configurationValid$ | async) === false || (inputDisabled$ | async)\"\n (click)=\"save()\"\n >\n {{ 'pluginManagement.save' | translate }}\n </button>\n </cds-modal-footer>\n</cds-modal>\n", styles: ["/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: i4.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "component", type: PluginEditComponent, selector: "valtimo-plugin-edit", outputs: ["valid", "configuration"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: i2.PluginTranslatePipe, name: "pluginTranslate" }] }); }
546
+ }
547
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginEditModalComponent, decorators: [{
548
+ type: Component,
549
+ args: [{ standalone: false, selector: 'valtimo-plugin-edit-modal', 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 #pluginEditModal\n valtimoCdsModal\n [open]=\"open\"\n (close)=\"hide()\"\n *ngIf=\"{selectedConfiguration: selectedPluginConfiguration$ | async} as obs\"\n>\n <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"hide()\">\n {{\n obs.selectedConfiguration?.title +\n ' - ' +\n ('title' | pluginTranslate: obs.selectedConfiguration?.pluginDefinition?.key | async)\n }}\n </cds-modal-header>\n <section cdsModalContent>\n <valtimo-plugin-edit\n (valid)=\"onPluginValid($event)\"\n (configuration)=\"onPluginConfiguration($event)\"\n ></valtimo-plugin-edit>\n </section>\n <cds-modal-footer>\n <button cdsButton=\"danger\" (click)=\"delete()\" [disabled]=\"inputDisabled$ | async\">\n {{ 'pluginManagement.remove' | translate }}\n </button>\n <button\n cdsButton=\"primary\"\n [disabled]=\"(configurationValid$ | async) === false || (inputDisabled$ | async)\"\n (click)=\"save()\"\n >\n {{ 'pluginManagement.save' | translate }}\n </button>\n </cds-modal-footer>\n</cds-modal>\n", styles: ["/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
550
+ }], ctorParameters: () => [{ type: PluginManagementStateService }, { type: i2.PluginManagementService }, { type: i3$1.NGXLogger }], propDecorators: { open: [{
551
+ type: Input
552
+ }], saveNewConfiguration: [{
553
+ type: Input
554
+ }], closeModal: [{
555
+ type: Output
556
+ }] } });
557
+
558
+ /*
559
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
560
+ *
561
+ * Licensed under EUPL, Version 1.2 (the "License");
562
+ * you may not use this file except in compliance with the License.
563
+ * You may obtain a copy of the License at
564
+ *
565
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
566
+ *
567
+ * Unless required by applicable law or agreed to in writing, software
568
+ * distributed under the License is distributed on an "AS IS" basis,
569
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
570
+ * See the License for the specific language governing permissions and
571
+ * limitations under the License.
572
+ */
573
+ class PluginManagementComponent {
574
+ constructor(logger, pluginManagementService, pluginTranslationService, stateService, translateService) {
575
+ this.logger = logger;
576
+ this.pluginManagementService = pluginManagementService;
577
+ this.pluginTranslationService = pluginTranslationService;
578
+ this.stateService = stateService;
579
+ this.translateService = translateService;
580
+ this.fields = [
581
+ {
582
+ key: 'title',
583
+ label: 'pluginManagement.labels.configurationName',
584
+ viewType: ViewType.TEXT,
585
+ },
586
+ {
587
+ key: 'pluginName',
588
+ label: 'pluginManagement.labels.pluginName',
589
+ viewType: ViewType.TEXT,
590
+ },
591
+ {
592
+ key: 'definitionKey',
593
+ label: 'pluginManagement.labels.identifier',
594
+ viewType: ViewType.TEXT,
595
+ },
596
+ ];
597
+ this.actionItems = [
598
+ {
599
+ callback: this.editConfiguration.bind(this),
600
+ label: 'interface.edit',
601
+ },
602
+ {
603
+ label: 'interface.duplicate',
604
+ callback: this.duplicateConfiguration.bind(this),
605
+ },
606
+ {
607
+ callback: this.deleteConfiguration.bind(this),
608
+ label: 'interface.delete',
609
+ type: 'danger',
610
+ },
611
+ ];
612
+ this.loading$ = new BehaviorSubject(true);
613
+ this.showEditModal$ = new BehaviorSubject(false);
614
+ this.showAddModal$ = new BehaviorSubject(false);
615
+ this.pluginConfigurations$ = this.stateService.refresh$.pipe(switchMap(() => combineLatest([
616
+ this.pluginManagementService.getAllPluginConfigurations(),
617
+ this.translateService.stream('key'),
618
+ ]).pipe(map(([pluginConfigurations]) => pluginConfigurations.map(configuration => ({
619
+ ...configuration,
620
+ pluginName: this.pluginTranslationService.instant('title', configuration.pluginDefinition?.key ?? ''),
621
+ definitionKey: configuration.pluginDefinition?.key ?? '',
622
+ }))), tap(() => {
623
+ this.loading$.next(false);
624
+ }))));
625
+ this.saveNewConfiguration$ = new BehaviorSubject(false);
626
+ }
627
+ showAddModal() {
628
+ this.showAddModal$.next(true);
629
+ }
630
+ editConfiguration(configuration) {
631
+ this.showEditModal$.next(true);
632
+ this.saveNewConfiguration$.next(false);
633
+ this.stateService.selectPluginConfiguration(configuration);
634
+ }
635
+ deleteConfiguration(configuration) {
636
+ if (!configuration.id) {
637
+ return;
638
+ }
639
+ this.pluginManagementService
640
+ .deletePluginConfiguration(configuration.id)
641
+ .pipe(take(1))
642
+ .subscribe({
643
+ next: () => {
644
+ this.stateService.refresh();
645
+ },
646
+ error: () => {
647
+ this.logger.error('Something went wrong with deleting the plugin configuration.');
648
+ },
649
+ });
650
+ }
651
+ closeEditModal() {
652
+ this.showEditModal$.next(false);
653
+ }
654
+ closeAddModal() {
655
+ this.showAddModal$.next(false);
656
+ }
657
+ duplicateConfiguration(configuration) {
658
+ const configurationClone = cloneDeep(configuration);
659
+ configurationClone.id = v4();
660
+ this.showEditModal$.next(true);
661
+ this.saveNewConfiguration$.next(true);
662
+ this.stateService.selectPluginConfiguration(configurationClone);
663
+ }
664
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginManagementComponent, deps: [{ token: i3$1.NGXLogger }, { token: i2.PluginManagementService }, { token: i2.PluginTranslationService }, { token: PluginManagementStateService }, { token: i4$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
665
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: PluginManagementComponent, isStandalone: false, selector: "valtimo-plugin-management", ngImport: i0, template: "<!--\n ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n ~\n ~ Licensed under EUPL, Version 1.2 (the \"License\");\n ~ you may not use this file except in compliance with the License.\n ~ You may obtain a copy of the License at\n ~\n ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n ~\n ~ Unless required by applicable law or agreed to in writing, software\n ~ distributed under the License is distributed on an \"AS IS\" basis,\n ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n ~ See the License for the specific language governing permissions and\n ~ limitations under the License.\n -->\n<ng-container\n *ngIf=\"{\n pluginConfigurations: pluginConfigurations$ | async,\n loading: loading$ | async,\n } as obs\"\n>\n <valtimo-carbon-list\n [actionItems]=\"actionItems\"\n [loading]=\"obs.loading\"\n [items]=\"obs.pluginConfigurations\"\n [fields]=\"fields\"\n [header]=\"false\"\n (rowClicked)=\"editConfiguration($event)\"\n >\n <ng-container carbonToolbarContent [ngTemplateOutlet]=\"configurePluginButton\"></ng-container>\n\n <valtimo-no-results\n [action]=\"configurePluginButton\"\n [title]=\"'pages.plugins.noResults' | translate\"\n ></valtimo-no-results>\n </valtimo-carbon-list>\n\n <ng-template #configurePluginButton>\n <button cdsButton=\"primary\" [disabled]=\"obs.loading\" (click)=\"showAddModal()\">\n {{ 'pluginManagement.add' | translate }}\n\n <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n </button>\n </ng-template>\n</ng-container>\n\n<valtimo-plugin-add-modal\n [open]=\"showAddModal$ | async\"\n (closeModal)=\"closeAddModal()\"\n></valtimo-plugin-add-modal>\n\n<valtimo-plugin-edit-modal\n [open]=\"showEditModal$ | async\"\n [saveNewConfiguration]=\"saveNewConfiguration$ | async\"\n (closeModal)=\"closeEditModal()\"\n></valtimo-plugin-edit-modal>\n", styles: ["/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: i4.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i4.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "directive", type: i5.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: PluginAddModalComponent, selector: "valtimo-plugin-add-modal", inputs: ["open"], outputs: ["closeModal"] }, { kind: "component", type: PluginEditModalComponent, selector: "valtimo-plugin-edit-modal", inputs: ["open", "saveNewConfiguration"], outputs: ["closeModal"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4$1.TranslatePipe, name: "translate" }] }); }
666
+ }
667
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginManagementComponent, decorators: [{
668
+ type: Component,
669
+ args: [{ standalone: false, selector: 'valtimo-plugin-management', template: "<!--\n ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n ~\n ~ Licensed under EUPL, Version 1.2 (the \"License\");\n ~ you may not use this file except in compliance with the License.\n ~ You may obtain a copy of the License at\n ~\n ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n ~\n ~ Unless required by applicable law or agreed to in writing, software\n ~ distributed under the License is distributed on an \"AS IS\" basis,\n ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n ~ See the License for the specific language governing permissions and\n ~ limitations under the License.\n -->\n<ng-container\n *ngIf=\"{\n pluginConfigurations: pluginConfigurations$ | async,\n loading: loading$ | async,\n } as obs\"\n>\n <valtimo-carbon-list\n [actionItems]=\"actionItems\"\n [loading]=\"obs.loading\"\n [items]=\"obs.pluginConfigurations\"\n [fields]=\"fields\"\n [header]=\"false\"\n (rowClicked)=\"editConfiguration($event)\"\n >\n <ng-container carbonToolbarContent [ngTemplateOutlet]=\"configurePluginButton\"></ng-container>\n\n <valtimo-no-results\n [action]=\"configurePluginButton\"\n [title]=\"'pages.plugins.noResults' | translate\"\n ></valtimo-no-results>\n </valtimo-carbon-list>\n\n <ng-template #configurePluginButton>\n <button cdsButton=\"primary\" [disabled]=\"obs.loading\" (click)=\"showAddModal()\">\n {{ 'pluginManagement.add' | translate }}\n\n <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n </button>\n </ng-template>\n</ng-container>\n\n<valtimo-plugin-add-modal\n [open]=\"showAddModal$ | async\"\n (closeModal)=\"closeAddModal()\"\n></valtimo-plugin-add-modal>\n\n<valtimo-plugin-edit-modal\n [open]=\"showEditModal$ | async\"\n [saveNewConfiguration]=\"saveNewConfiguration$ | async\"\n (closeModal)=\"closeEditModal()\"\n></valtimo-plugin-edit-modal>\n", styles: ["/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
670
+ }], ctorParameters: () => [{ type: i3$1.NGXLogger }, { type: i2.PluginManagementService }, { type: i2.PluginTranslationService }, { type: PluginManagementStateService }, { type: i4$1.TranslateService }] });
671
+
672
+ /*
673
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
674
+ *
675
+ * Licensed under EUPL, Version 1.2 (the "License");
676
+ * you may not use this file except in compliance with the License.
677
+ * You may obtain a copy of the License at
678
+ *
679
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
680
+ *
681
+ * Unless required by applicable law or agreed to in writing, software
682
+ * distributed under the License is distributed on an "AS IS" basis,
683
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
684
+ * See the License for the specific language governing permissions and
685
+ * limitations under the License.
686
+ */
687
+ const routes = [
688
+ {
689
+ path: 'plugins',
690
+ component: PluginManagementComponent,
691
+ canActivate: [AuthGuardService],
692
+ data: { title: 'Plugins', roles: [ROLE_ADMIN] },
693
+ },
694
+ ];
695
+ class PluginManagementRoutingModule {
696
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginManagementRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
697
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: PluginManagementRoutingModule, imports: [CommonModule, i1.RouterModule], exports: [RouterModule] }); }
698
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginManagementRoutingModule, imports: [CommonModule, RouterModule.forChild(routes), RouterModule] }); }
699
+ }
700
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginManagementRoutingModule, decorators: [{
701
+ type: NgModule,
702
+ args: [{
703
+ declarations: [],
704
+ imports: [CommonModule, RouterModule.forChild(routes)],
705
+ exports: [RouterModule],
706
+ }]
707
+ }] });
708
+
709
+ /*
710
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
711
+ *
712
+ * Licensed under EUPL, Version 1.2 (the "License");
713
+ * you may not use this file except in compliance with the License.
714
+ * You may obtain a copy of the License at
715
+ *
716
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
717
+ *
718
+ * Unless required by applicable law or agreed to in writing, software
719
+ * distributed under the License is distributed on an "AS IS" basis,
720
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
721
+ * See the License for the specific language governing permissions and
722
+ * limitations under the License.
723
+ */
724
+ class PluginManagementModule {
725
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
726
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: PluginManagementModule, declarations: [PluginManagementComponent,
727
+ PluginAddModalComponent,
728
+ PluginAddSelectComponent,
729
+ PluginConfigureComponent,
730
+ PluginEditModalComponent,
731
+ PluginEditComponent], imports: [CommonModule,
732
+ PluginManagementRoutingModule,
733
+ TranslateModule,
734
+ ParagraphModule,
735
+ TableModule,
736
+ StepperModule,
737
+ VModalModule,
738
+ PluginTranslatePipeModule,
739
+ PluginConfigurationContainerModule,
740
+ ButtonModule,
741
+ CarbonListModule,
742
+ ModalModule,
743
+ IconModule,
744
+ ValtimoCdsModalDirective,
745
+ LayerModule,
746
+ TilesModule,
747
+ LoadingModule], exports: [PluginManagementComponent,
748
+ PluginAddModalComponent,
749
+ PluginAddSelectComponent,
750
+ PluginConfigureComponent,
751
+ PluginEditModalComponent,
752
+ PluginEditComponent] }); }
753
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginManagementModule, providers: [PluginManagementStateService], imports: [CommonModule,
754
+ PluginManagementRoutingModule,
755
+ TranslateModule,
756
+ ParagraphModule,
757
+ TableModule,
758
+ StepperModule,
759
+ VModalModule,
760
+ PluginTranslatePipeModule,
761
+ PluginConfigurationContainerModule,
762
+ ButtonModule,
763
+ CarbonListModule,
764
+ ModalModule,
765
+ IconModule,
766
+ LayerModule,
767
+ TilesModule,
768
+ LoadingModule] }); }
769
+ }
770
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginManagementModule, decorators: [{
771
+ type: NgModule,
772
+ args: [{
773
+ providers: [PluginManagementStateService],
774
+ declarations: [
775
+ PluginManagementComponent,
776
+ PluginAddModalComponent,
777
+ PluginAddSelectComponent,
778
+ PluginConfigureComponent,
779
+ PluginEditModalComponent,
780
+ PluginEditComponent,
781
+ ],
782
+ imports: [
783
+ CommonModule,
784
+ PluginManagementRoutingModule,
785
+ TranslateModule,
786
+ ParagraphModule,
787
+ TableModule,
788
+ StepperModule,
789
+ VModalModule,
790
+ PluginTranslatePipeModule,
791
+ PluginConfigurationContainerModule,
792
+ ButtonModule,
793
+ CarbonListModule,
794
+ ModalModule,
795
+ IconModule,
796
+ ValtimoCdsModalDirective,
797
+ LayerModule,
798
+ TilesModule,
799
+ LoadingModule,
800
+ ],
801
+ exports: [
802
+ PluginManagementComponent,
803
+ PluginAddModalComponent,
804
+ PluginAddSelectComponent,
805
+ PluginConfigureComponent,
806
+ PluginEditModalComponent,
807
+ PluginEditComponent,
808
+ ],
809
+ }]
810
+ }] });
811
+
812
+ /*
813
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
814
+ *
815
+ * Licensed under EUPL, Version 1.2 (the "License");
816
+ * you may not use this file except in compliance with the License.
817
+ * You may obtain a copy of the License at
818
+ *
819
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
820
+ *
821
+ * Unless required by applicable law or agreed to in writing, software
822
+ * distributed under the License is distributed on an "AS IS" basis,
823
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
824
+ * See the License for the specific language governing permissions and
825
+ * limitations under the License.
826
+ */
827
+ /*
828
+ * Public API Surface of plugin-management
829
+ */
830
+
831
+ /**
832
+ * Generated bundle index. Do not edit.
833
+ */
834
+
835
+ export { PluginAddModalComponent, PluginAddSelectComponent, PluginConfigureComponent, PluginEditComponent, PluginEditModalComponent, PluginManagementComponent, PluginManagementModule, PluginManagementStateService };
836
+ //# sourceMappingURL=valtimo-plugin-management.mjs.map