@valtimo/teams 0.0.0-test

package/fesm2022/valtimo-teams.mjs

@@ -0,0 +1,1018 @@
+import * as i0 from '@angular/core';
+import { Injectable, Component, signal, Input, NgModule } from '@angular/core';
+import * as i3$2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from '@valtimo/components';
+import { runAfterCarbonModalClosed, DEFAULT_PAGINATION, ValtimoCdsModalDirective, AutoKeyInputComponent, ViewType, CarbonListModule, ConfirmationModalModule, OverflowMenuComponent, RenderInPageHeaderDirective, OverflowMenuOptionComponent } from '@valtimo/components';
+import * as i2 from '@angular/common/http';
+import { HttpParams } from '@angular/common/http';
+import * as i1 from '@valtimo/shared';
+import { BaseApiService, ROLE_USER } from '@valtimo/shared';
+import { BehaviorSubject, filter, switchMap, map, tap, distinctUntilChanged, Subscription, combineLatest, catchError, of } from 'rxjs';
+import * as i3$1 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import * as i5 from '@ngx-translate/core';
+import { TranslatePipe, TranslateModule } from '@ngx-translate/core';
+import * as i4 from 'carbon-components-angular';
+import { ModalModule, ButtonModule, InputModule, LayerModule, IconModule, ComboBoxModule, DialogModule } from 'carbon-components-angular';
+import * as i2$1 from '@angular/forms';
+import { Validators, ReactiveFormsModule } from '@angular/forms';
+import * as i2$2 from '@valtimo/access-control';
+import { AuthGuardService } from '@valtimo/security';
+import { Add16, UserFollow16 } from '@carbon/icons';
+import { map as map$1 } from 'rxjs/operators';
+import * as i4$1 from 'carbon-components-angular/dropdown';
+
+/*
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class TeamsApiService extends BaseApiService {
+    constructor(configService, httpClient) {
+        super(httpClient, configService);
+        this.configService = configService;
+        this.httpClient = httpClient;
+    }
+    getCandidateUsers(teamKey) {
+        return this.httpClient.get(this.getApiUrl(`v1/team/${teamKey}/candidate-user`));
+    }
+    getTeams(params) {
+        let httpParams = new HttpParams();
+        if (params?.titleContains) {
+            httpParams = httpParams.set('titleContains', params.titleContains);
+        }
+        if (params?.page !== undefined) {
+            httpParams = httpParams.set('page', params.page.toString());
+        }
+        if (params?.size !== undefined) {
+            httpParams = httpParams.set('size', params.size.toString());
+        }
+        httpParams = httpParams.set('sort', params?.sort ?? 'title,asc');
+        return this.httpClient.get(this.getApiUrl('v1/team'), {
+            params: httpParams,
+        });
+    }
+    getTeam(key) {
+        return this.httpClient.get(this.getApiUrl(`v1/team/${key}`));
+    }
+    createTeam(dto) {
+        return this.httpClient.post(this.getApiUrl('v1/team'), dto);
+    }
+    updateTeam(key, dto) {
+        return this.httpClient.put(this.getApiUrl(`v1/team/${key}`), dto);
+    }
+    deleteTeam(key) {
+        return this.httpClient.delete(this.getApiUrl(`v1/team/${key}`));
+    }
+    getTeamUsers(teamKey, params) {
+        let httpParams = new HttpParams();
+        if (params?.page !== undefined) {
+            httpParams = httpParams.set('page', params.page.toString());
+        }
+        if (params?.size !== undefined) {
+            httpParams = httpParams.set('size', params.size.toString());
+        }
+        return this.httpClient.get(this.getApiUrl(`v1/team/${teamKey}/user`), { params: httpParams });
+    }
+    addTeamUser(teamKey, dto) {
+        return this.httpClient.post(this.getApiUrl(`v1/team/${teamKey}/user`), dto);
+    }
+    removeTeamUser(teamKey, username) {
+        return this.httpClient.delete(this.getApiUrl(`v1/team/${teamKey}/user/${username}`));
+    }
+    getCurrentUserTeams() {
+        return this.httpClient.get(this.getApiUrl('v1/user/team'));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TeamsApiService, deps: [{ token: i1.ConfigService }, { token: i2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TeamsApiService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TeamsApiService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1.ConfigService }, { type: i2.HttpClient }] });
+
+/*
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class TeamsService {
+    constructor() {
+        this._reload$ = new BehaviorSubject(null);
+        this.reload$ = this._reload$.asObservable();
+        this._showCreateEditModal$ = new BehaviorSubject(false);
+        this.showCreateEditModal$ = this._showCreateEditModal$.asObservable();
+        this._editingTeam$ = new BehaviorSubject(null);
+        this.editingTeam$ = this._editingTeam$.asObservable();
+        this._showDeleteModal$ = new BehaviorSubject(false);
+        this.showDeleteModal$ = this._showDeleteModal$.asObservable();
+        this._teamToDelete$ = new BehaviorSubject(null);
+        this.teamToDelete$ = this._teamToDelete$.asObservable();
+        this._loadedTeams$ = new BehaviorSubject([]);
+        this.loadedTeams$ = this._loadedTeams$.asObservable();
+    }
+    setLoadedTeams(teams) {
+        this._loadedTeams$.next(teams);
+    }
+    reload() {
+        this._reload$.next(null);
+    }
+    showCreateModal() {
+        this._editingTeam$.next(null);
+        this._showCreateEditModal$.next(true);
+    }
+    showEditModal(team) {
+        this._editingTeam$.next(team);
+        this._showCreateEditModal$.next(true);
+    }
+    hideCreateEditModal() {
+        this._showCreateEditModal$.next(false);
+        runAfterCarbonModalClosed(() => this._editingTeam$.next(null));
+    }
+    showDeleteConfirmation(team) {
+        this._teamToDelete$.next(team);
+        this._showDeleteModal$.next(true);
+    }
+    hideDeleteModal() {
+        this._showDeleteModal$.next(false);
+        this._teamToDelete$.next(null);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TeamsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TeamsService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TeamsService, decorators: [{
+            type: Injectable
+        }] });
+
+/*
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class TeamDetailService {
+    get loadingTeam$() {
+        return this._loadingTeam$.asObservable();
+    }
+    get _route$() {
+        return this._routeSubject$.pipe(filter(route => route !== null));
+    }
+    get teamKey$() {
+        return this._route$.pipe(switchMap(route => route.paramMap.pipe(map(params => params.get('teamKey')), filter(key => !!key), tap(key => (this._teamKey = key)))));
+    }
+    get teamKey() {
+        return this._teamKey;
+    }
+    get team$() {
+        return this._team$.pipe(filter(team => team !== null));
+    }
+    get loadingMembers$() {
+        return this._loadingMembers$.asObservable();
+    }
+    get members$() {
+        return this._members$.asObservable();
+    }
+    constructor(teamsApiService, pageTitleService, router) {
+        this.teamsApiService = teamsApiService;
+        this.pageTitleService = pageTitleService;
+        this.router = router;
+        this._loadingTeam$ = new BehaviorSubject(true);
+        this._routeSubject$ = new BehaviorSubject(null);
+        this._team$ = new BehaviorSubject(null);
+        this._reload$ = new BehaviorSubject(null);
+        this._loadingMembers$ = new BehaviorSubject(true);
+        this._members$ = new BehaviorSubject([]);
+        this.membersPagination$ = new BehaviorSubject({ ...DEFAULT_PAGINATION });
+        this._membersPaginationParams$ = this.membersPagination$.pipe(map(p => ({ page: p.page, size: p.size })), distinctUntilChanged((a, b) => a.page === b.page && a.size === b.size));
+        this._reloadMembers$ = new BehaviorSubject(null);
+        this._showEditTeamModal$ = new BehaviorSubject(false);
+        this.showEditTeamModal$ = this._showEditTeamModal$.asObservable();
+        this._showDeleteTeamModal$ = new BehaviorSubject(false);
+        this.showDeleteTeamModal$ = this._showDeleteTeamModal$.asObservable();
+        this._showRemoveMemberModal$ = new BehaviorSubject(false);
+        this.showRemoveMemberModal$ = this._showRemoveMemberModal$.asObservable();
+        this._memberToRemove$ = new BehaviorSubject(null);
+        this.memberToRemove$ = this._memberToRemove$.asObservable();
+        this._subscriptions = new Subscription();
+    }
+    setRoute(route) {
+        this._routeSubject$.next(route);
+        this._subscriptions.add(this.teamKey$
+            .pipe(switchMap(key => this._reload$.pipe(tap(() => this._loadingTeam$.next(true)), switchMap(() => this.teamsApiService.getTeam(key)))), tap(team => {
+            this._team$.next(team);
+            this.pageTitleService.setCustomPageTitle(team.title);
+            this._loadingTeam$.next(false);
+        }))
+            .subscribe());
+        this._subscriptions.add(this.teamKey$
+            .pipe(switchMap(key => combineLatest([this._reloadMembers$, this._membersPaginationParams$]).pipe(tap(() => this._loadingMembers$.next(true)), switchMap(([_, params]) => this.teamsApiService.getTeamUsers(key, {
+            page: params.page - 1,
+            size: params.size,
+        })))), tap(page => {
+            this.membersPagination$.next({
+                ...this.membersPagination$.getValue(),
+                collectionSize: page.totalElements,
+            });
+            this._members$.next(page.content);
+            this._loadingMembers$.next(false);
+        }))
+            .subscribe());
+    }
+    reload() {
+        this._reload$.next(null);
+    }
+    reloadMembers() {
+        this._reloadMembers$.next(null);
+    }
+    showEditTeamModal() {
+        this._showEditTeamModal$.next(true);
+    }
+    hideEditTeamModal() {
+        this._showEditTeamModal$.next(false);
+    }
+    showDeleteTeamModal() {
+        this._showDeleteTeamModal$.next(true);
+    }
+    hideDeleteTeamModal() {
+        this._showDeleteTeamModal$.next(false);
+    }
+    showRemoveMemberConfirmation(member) {
+        this._memberToRemove$.next(member);
+        this._showRemoveMemberModal$.next(true);
+    }
+    hideRemoveMemberModal() {
+        this._showRemoveMemberModal$.next(false);
+        this._memberToRemove$.next(null);
+    }
+    navigateToTeamsList() {
+        this.router.navigate(['/teams']);
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TeamDetailService, deps: [{ token: TeamsApiService }, { token: i3.PageTitleService }, { token: i3$1.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TeamDetailService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TeamDetailService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: TeamsApiService }, { type: i3.PageTitleService }, { type: i3$1.Router }] });
+
+/*
+ * 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.
+ */
+
+/*
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class TeamsCreateEditModalComponent {
+    get title() {
+        return this.formGroup.get('title');
+    }
+    get key() {
+        return this.formGroup.get('key');
+    }
+    get isEditMode() {
+        return this.editingTeam !== null;
+    }
+    get modalMode() {
+        return this.isEditMode ? 'edit' : 'add';
+    }
+    constructor(teamsApiService, teamsService, fb) {
+        this.teamsApiService = teamsApiService;
+        this.teamsService = teamsService;
+        this.fb = fb;
+        this.showModal$ = this.teamsService.showCreateEditModal$;
+        this.editingTeam = null;
+        this.formGroup = this.fb.group({
+            title: this.fb.control('', Validators.required),
+            key: this.fb.control('', Validators.required),
+        });
+        this.usedKeys = [];
+        this._subscriptions = new Subscription();
+        this._subscriptions.add(this.teamsService.editingTeam$.subscribe(team => {
+            this.editingTeam = team;
+            if (team) {
+                this.formGroup.patchValue({ title: team.title, key: team.key });
+            }
+        }));
+        this._subscriptions.add(this.teamsService.loadedTeams$
+            .pipe(map(teams => teams.map(t => t.key)))
+            .subscribe(keys => (this.usedKeys = keys)));
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+    }
+    onCloseModal() {
+        this.teamsService.hideCreateEditModal();
+        this.resetForm();
+    }
+    onSave() {
+        this.formGroup.disable();
+        const titleValue = this.title.value;
+        const keyValue = this.key.value;
+        const request$ = this.isEditMode
+            ? this.teamsApiService.updateTeam(this.editingTeam.key, {
+                key: this.editingTeam.key,
+                title: titleValue,
+            })
+            : this.teamsApiService.createTeam({
+                key: keyValue,
+                title: titleValue,
+            });
+        request$
+            .pipe(catchError(() => {
+            this.formGroup.enable();
+            return of(null);
+        }))
+            .subscribe(result => {
+            if (result) {
+                this.teamsService.hideCreateEditModal();
+                this.resetForm();
+                this.teamsService.reload();
+            }
+        });
+    }
+    resetForm() {
+        runAfterCarbonModalClosed(() => {
+            this.formGroup.reset();
+            this.formGroup.enable();
+            this.editingTeam = null;
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TeamsCreateEditModalComponent, deps: [{ token: TeamsApiService }, { token: TeamsService }, { token: i2$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: TeamsCreateEditModalComponent, isStandalone: true, selector: "valtimo-teams-create-edit-modal", 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\n  *ngIf=\"{showModal: showModal$ | async} as obs\"\n  [open]=\"obs.showModal\"\n  showFooter=\"true\"\n  valtimoCdsModal\n  (close)=\"onCloseModal()\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onCloseModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{\n        (isEditMode ? 'teams.createEditModal.editTitle' : 'teams.createEditModal.createTitle')\n          | translate\n      }}\n    </h3>\n    <p cdsModalHeaderDescription *ngIf=\"!isEditMode\">\n      {{ 'teams.createEditModal.createDescription' | translate }}\n    </p>\n  </cds-modal-header>\n\n  <form\n    [formGroup]=\"formGroup\"\n    cdsModalContent\n    class=\"valtimo-teams-create__content\"\n    [cdsLayer]=\"1\"\n  >\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label [disabled]=\"formGroup.disabled\" [invalid]=\"title.touched && title.invalid\">\n        {{ 'teams.createEditModal.teamName' | translate }}\n\n        <input\n          formControlName=\"title\"\n          cdsText\n          placeholder=\"{{ 'teams.createEditModal.teamNamePlaceholder' | translate }}\"\n        />\n      </cds-label>\n    </div>\n\n    <valtimo-auto-key-input\n      [mode]=\"modalMode\"\n      [usedKeys]=\"usedKeys\"\n      [sourceText]=\"title.value\"\n      formControlName=\"key\"\n      placeholderTranslationKey=\"interface.key\"\n    >\n    </valtimo-auto-key-input>\n  </form>\n\n  <cds-modal-footer>\n    <button cdsButton=\"secondary\" (click)=\"onCloseModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      cdsButton=\"primary\"\n      [disabled]=\"formGroup.invalid || formGroup.disabled\"\n      (click)=\"onSave()\"\n    >\n      {{ (isEditMode ? 'teams.createEditModal.save' : 'teams.createEditModal.create') | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-teams-create__content{display:flex;flex-direction:column;gap:16px}.cds--text-input__field-wrapper cds-label{width:100%}.cds--text-input__field-wrapper ::ng-deep .cds--label{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i4.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i4.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i4.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i4.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i4.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i4.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i4.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i4.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "component", type: AutoKeyInputComponent, selector: "valtimo-auto-key-input", inputs: ["labelTranslationKey", "placeholderTranslationKey", "mode", "usedKeys", "sourceText"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TeamsCreateEditModalComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-teams-create-edit-modal', imports: [
+                        CommonModule,
+                        ModalModule,
+                        ButtonModule,
+                        InputModule,
+                        LayerModule,
+                        ReactiveFormsModule,
+                        TranslatePipe,
+                        ValtimoCdsModalDirective,
+                        AutoKeyInputComponent,
+                    ], 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\n  *ngIf=\"{showModal: showModal$ | async} as obs\"\n  [open]=\"obs.showModal\"\n  showFooter=\"true\"\n  valtimoCdsModal\n  (close)=\"onCloseModal()\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onCloseModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{\n        (isEditMode ? 'teams.createEditModal.editTitle' : 'teams.createEditModal.createTitle')\n          | translate\n      }}\n    </h3>\n    <p cdsModalHeaderDescription *ngIf=\"!isEditMode\">\n      {{ 'teams.createEditModal.createDescription' | translate }}\n    </p>\n  </cds-modal-header>\n\n  <form\n    [formGroup]=\"formGroup\"\n    cdsModalContent\n    class=\"valtimo-teams-create__content\"\n    [cdsLayer]=\"1\"\n  >\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label [disabled]=\"formGroup.disabled\" [invalid]=\"title.touched && title.invalid\">\n        {{ 'teams.createEditModal.teamName' | translate }}\n\n        <input\n          formControlName=\"title\"\n          cdsText\n          placeholder=\"{{ 'teams.createEditModal.teamNamePlaceholder' | translate }}\"\n        />\n      </cds-label>\n    </div>\n\n    <valtimo-auto-key-input\n      [mode]=\"modalMode\"\n      [usedKeys]=\"usedKeys\"\n      [sourceText]=\"title.value\"\n      formControlName=\"key\"\n      placeholderTranslationKey=\"interface.key\"\n    >\n    </valtimo-auto-key-input>\n  </form>\n\n  <cds-modal-footer>\n    <button cdsButton=\"secondary\" (click)=\"onCloseModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      cdsButton=\"primary\"\n      [disabled]=\"formGroup.invalid || formGroup.disabled\"\n      (click)=\"onSave()\"\n    >\n      {{ (isEditMode ? 'teams.createEditModal.save' : 'teams.createEditModal.create') | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-teams-create__content{display:flex;flex-direction:column;gap:16px}.cds--text-input__field-wrapper cds-label{width:100%}.cds--text-input__field-wrapper ::ng-deep .cds--label{width:100%}\n"] }]
+        }], ctorParameters: () => [{ type: TeamsApiService }, { type: TeamsService }, { type: i2$1.FormBuilder }] });
+
+/*
+ * 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.
+ */
+var TEAM_PERMISSION_ACTION;
+(function (TEAM_PERMISSION_ACTION) {
+    TEAM_PERMISSION_ACTION["create"] = "create";
+    TEAM_PERMISSION_ACTION["modify"] = "modify";
+    TEAM_PERMISSION_ACTION["delete"] = "delete";
+    TEAM_PERMISSION_ACTION["assign"] = "assign";
+})(TEAM_PERMISSION_ACTION || (TEAM_PERMISSION_ACTION = {}));
+var TEAM_PERMISSION_RESOURCE;
+(function (TEAM_PERMISSION_RESOURCE) {
+    TEAM_PERMISSION_RESOURCE["team"] = "com.ritense.team.domain.Team";
+})(TEAM_PERMISSION_RESOURCE || (TEAM_PERMISSION_RESOURCE = {}));
+var USER_PERMISSION_ACTION;
+(function (USER_PERMISSION_ACTION) {
+    USER_PERMISSION_ACTION["view_list"] = "view_list";
+})(USER_PERMISSION_ACTION || (USER_PERMISSION_ACTION = {}));
+var USER_PERMISSION_RESOURCE;
+(function (USER_PERMISSION_RESOURCE) {
+    USER_PERMISSION_RESOURCE["user"] = "com.ritense.valtimo.contract.authentication.User";
+})(USER_PERMISSION_RESOURCE || (USER_PERMISSION_RESOURCE = {}));
+const CAN_CREATE_TEAM_PERMISSION = {
+    action: TEAM_PERMISSION_ACTION.create,
+    resource: TEAM_PERMISSION_RESOURCE.team,
+};
+const CAN_MODIFY_TEAM_PERMISSION = {
+    action: TEAM_PERMISSION_ACTION.modify,
+    resource: TEAM_PERMISSION_RESOURCE.team,
+};
+const CAN_DELETE_TEAM_PERMISSION = {
+    action: TEAM_PERMISSION_ACTION.delete,
+    resource: TEAM_PERMISSION_RESOURCE.team,
+};
+const CAN_ASSIGN_TEAM_PERMISSION = {
+    action: TEAM_PERMISSION_ACTION.assign,
+    resource: TEAM_PERMISSION_RESOURCE.team,
+};
+const CAN_VIEW_USERS_PERMISSION = {
+    action: USER_PERMISSION_ACTION.view_list,
+    resource: USER_PERMISSION_RESOURCE.user,
+};
+
+/*
+ * 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.
+ */
+
+/*
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class TeamsListComponent {
+    constructor(teamsApiService, teamsService, permissionService, router) {
+        this.teamsApiService = teamsApiService;
+        this.teamsService = teamsService;
+        this.permissionService = permissionService;
+        this.router = router;
+        this.$loading = signal(true);
+        this.canCreateTeam$ = this.permissionService.requestPermission(CAN_CREATE_TEAM_PERMISSION);
+        this.canModify = false;
+        this.canDelete = false;
+        this.permissionSubscription = new Subscription();
+        this.ACTION_ITEMS = [
+            {
+                label: 'interface.edit',
+                callback: this.onEditTeam.bind(this),
+                disabledCallback: () => !this.canModify,
+            },
+            {
+                label: 'interface.delete',
+                callback: this.onDeleteTeam.bind(this),
+                type: 'danger',
+                disabledCallback: () => !this.canDelete,
+            },
+        ];
+        this.pagination$ = new BehaviorSubject({ ...DEFAULT_PAGINATION });
+        this.paginationParams$ = this.pagination$.pipe(map(p => ({ page: p.page, size: p.size })), distinctUntilChanged((a, b) => a.page === b.page && a.size === b.size));
+        this.teams$ = combineLatest([this.teamsService.reload$, this.paginationParams$]).pipe(tap(() => this.$loading.set(true)), switchMap(([_, params]) => this.teamsApiService.getTeams({ page: params.page - 1, size: params.size })), map(page => {
+            this.pagination$.next({
+                ...this.pagination$.getValue(),
+                collectionSize: page.totalElements,
+            });
+            return page.content;
+        }), tap(teams => {
+            this.teamsService.setLoadedTeams(teams);
+            this.$loading.set(false);
+        }));
+        this.FIELDS = [
+            { key: 'title', label: 'teams.listColumns.name' },
+            { key: 'userCount', label: 'teams.listColumns.members', viewType: ViewType.NUMBER },
+        ];
+        this.showDeleteModal$ = this.teamsService.showDeleteModal$;
+        this.teamToDelete$ = this.teamsService.teamToDelete$;
+        this.permissionSubscription.add(this.permissionService.requestPermission(CAN_MODIFY_TEAM_PERMISSION)
+            .subscribe(canModify => this.canModify = canModify));
+        this.permissionSubscription.add(this.permissionService.requestPermission(CAN_DELETE_TEAM_PERMISSION)
+            .subscribe(canDelete => this.canDelete = canDelete));
+    }
+    ngOnDestroy() {
+        this.permissionSubscription.unsubscribe();
+    }
+    onRowClick(team) {
+        this.router.navigate(['/teams', team.key]);
+    }
+    showCreateModal() {
+        this.teamsService.showCreateModal();
+    }
+    onEditTeam(team) {
+        this.teamsService.showEditModal(team);
+    }
+    onDeleteTeam(team) {
+        this.teamsService.showDeleteConfirmation(team);
+    }
+    onDeleteConfirm(team) {
+        this.teamsApiService.deleteTeam(team.key).subscribe(() => {
+            this.teamsService.reload();
+        });
+    }
+    onPaginationClicked(page) {
+        this.pagination$.next({ ...this.pagination$.getValue(), page });
+    }
+    onPaginationSet(size) {
+        const { collectionSize, page } = this.pagination$.getValue();
+        const resetPage = Math.ceil(+collectionSize / size) <= +page && +collectionSize > 0;
+        this.pagination$.next({
+            ...this.pagination$.getValue(),
+            size,
+            ...(resetPage && { page: 1 }),
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TeamsListComponent, deps: [{ token: TeamsApiService }, { token: TeamsService }, { token: i2$2.PermissionService }, { token: i3$1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: TeamsListComponent, isStandalone: true, selector: "valtimo-teams-list", providers: [TeamsService], 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<ng-container\n  *ngIf=\"{\n    teams: teams$ | async,\n    pagination: pagination$ | async,\n    canCreateTeam: canCreateTeam$ | async,\n  } as obs\"\n>\n  <valtimo-carbon-list\n    [fields]=\"FIELDS\"\n    [items]=\"obs.teams\"\n    [loading]=\"$loading()\"\n    [actionItems]=\"ACTION_ITEMS\"\n    [pagination]=\"obs.pagination\"\n    paginationIdentifier=\"teams\"\n    (rowClicked)=\"onRowClick($event)\"\n    (paginationClicked)=\"onPaginationClicked($event)\"\n    (paginationSet)=\"onPaginationSet($event)\"\n  >\n    <ng-container carbonToolbarContent [ngTemplateOutlet]=\"teamActions\"></ng-container>\n\n    <valtimo-no-results\n      [action]=\"teamActions\"\n      [description]=\"'teams.noResults.description' | translate\"\n      [title]=\"'teams.noResults.title' | translate\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n</ng-container>\n\n<ng-template #teamActions>\n  <button\n    cdsButton=\"primary\"\n    [disabled]=\"(canCreateTeam$ | async) === false\"\n    (click)=\"showCreateModal()\"\n  >\n    {{ 'teams.newTeam' | translate }}\n\n    <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n  </button>\n</ng-template>\n\n<valtimo-teams-create-edit-modal></valtimo-teams-create-edit-modal>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"teams.deleteModal.content\"\n  [outputOnConfirm]=\"teamToDelete$ | async\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"teams.deleteModal.title\"\n  (confirmEvent)=\"onDeleteConfirm($event)\"\n></valtimo-confirmation-modal>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i3$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i3.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i3.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i4.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: TeamsCreateEditModalComponent, selector: "valtimo-teams-create-edit-modal" }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i3.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TeamsListComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-teams-list', imports: [
+                        CommonModule,
+                        CarbonListModule,
+                        TranslatePipe,
+                        ButtonModule,
+                        IconModule,
+                        TeamsCreateEditModalComponent,
+                        ConfirmationModalModule,
+                    ], providers: [TeamsService], 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<ng-container\n  *ngIf=\"{\n    teams: teams$ | async,\n    pagination: pagination$ | async,\n    canCreateTeam: canCreateTeam$ | async,\n  } as obs\"\n>\n  <valtimo-carbon-list\n    [fields]=\"FIELDS\"\n    [items]=\"obs.teams\"\n    [loading]=\"$loading()\"\n    [actionItems]=\"ACTION_ITEMS\"\n    [pagination]=\"obs.pagination\"\n    paginationIdentifier=\"teams\"\n    (rowClicked)=\"onRowClick($event)\"\n    (paginationClicked)=\"onPaginationClicked($event)\"\n    (paginationSet)=\"onPaginationSet($event)\"\n  >\n    <ng-container carbonToolbarContent [ngTemplateOutlet]=\"teamActions\"></ng-container>\n\n    <valtimo-no-results\n      [action]=\"teamActions\"\n      [description]=\"'teams.noResults.description' | translate\"\n      [title]=\"'teams.noResults.title' | translate\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n</ng-container>\n\n<ng-template #teamActions>\n  <button\n    cdsButton=\"primary\"\n    [disabled]=\"(canCreateTeam$ | async) === false\"\n    (click)=\"showCreateModal()\"\n  >\n    {{ 'teams.newTeam' | translate }}\n\n    <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n  </button>\n</ng-template>\n\n<valtimo-teams-create-edit-modal></valtimo-teams-create-edit-modal>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"teams.deleteModal.content\"\n  [outputOnConfirm]=\"teamToDelete$ | async\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"teams.deleteModal.title\"\n  (confirmEvent)=\"onDeleteConfirm($event)\"\n></valtimo-confirmation-modal>\n" }]
+        }], ctorParameters: () => [{ type: TeamsApiService }, { type: TeamsService }, { type: i2$2.PermissionService }, { type: i3$1.Router }] });
+
+/*
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class TeamDetailEditModalComponent {
+    get title() {
+        return this.formGroup.get('title');
+    }
+    constructor(teamsApiService, teamDetailService, fb) {
+        this.teamsApiService = teamsApiService;
+        this.teamDetailService = teamDetailService;
+        this.fb = fb;
+        this.showModal$ = this.teamDetailService.showEditTeamModal$;
+        this.formGroup = this.fb.group({
+            title: this.fb.control('', Validators.required),
+        });
+        this._teamSubscription = this.teamDetailService.showEditTeamModal$.subscribe(show => {
+            if (show) {
+                this.teamDetailService.team$.subscribe(team => {
+                    this.formGroup.patchValue({ title: team.title });
+                });
+            }
+        });
+    }
+    ngOnDestroy() {
+        this._teamSubscription.unsubscribe();
+    }
+    onCloseModal() {
+        this.teamDetailService.hideEditTeamModal();
+        this.resetForm();
+    }
+    onSave() {
+        this.formGroup.disable();
+        this.teamsApiService
+            .updateTeam(this.teamDetailService.teamKey, {
+            key: this.teamDetailService.teamKey,
+            title: this.title.value,
+        })
+            .pipe(catchError(() => {
+            this.formGroup.enable();
+            return of(null);
+        }))
+            .subscribe(result => {
+            if (result) {
+                this.teamDetailService.hideEditTeamModal();
+                this.resetForm();
+                this.teamDetailService.reload();
+            }
+        });
+    }
+    resetForm() {
+        runAfterCarbonModalClosed(() => {
+            this.formGroup.reset();
+            this.formGroup.enable();
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TeamDetailEditModalComponent, deps: [{ token: TeamsApiService }, { token: TeamDetailService }, { token: i2$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: TeamDetailEditModalComponent, isStandalone: true, selector: "valtimo-team-detail-edit-modal", 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\n  *ngIf=\"{showModal: showModal$ | async} as obs\"\n  [open]=\"obs.showModal\"\n  showFooter=\"true\"\n  valtimoCdsModal\n  (close)=\"onCloseModal()\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onCloseModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'teams.createEditModal.editTitle' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form\n    [formGroup]=\"formGroup\"\n    cdsModalContent\n    class=\"valtimo-team-edit__content\"\n    [cdsLayer]=\"1\"\n  >\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label [disabled]=\"formGroup.disabled\" [invalid]=\"title.touched && title.invalid\">\n        {{ 'teams.createEditModal.teamName' | translate }}\n\n        <input\n          formControlName=\"title\"\n          cdsText\n          placeholder=\"{{ 'teams.createEditModal.teamNamePlaceholder' | translate }}\"\n        />\n      </cds-label>\n    </div>\n  </form>\n\n  <cds-modal-footer>\n    <button cdsButton=\"secondary\" (click)=\"onCloseModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      cdsButton=\"primary\"\n      [disabled]=\"formGroup.invalid || formGroup.disabled\"\n      (click)=\"onSave()\"\n    >\n      {{ 'teams.createEditModal.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-team-edit__content{display:flex;flex-direction:column;gap:16px}.cds--text-input__field-wrapper cds-label{width:100%}.cds--text-input__field-wrapper ::ng-deep .cds--label{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i4.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i4.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i4.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i4.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i4.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i4.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i4.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i4.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TeamDetailEditModalComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-team-detail-edit-modal', imports: [
+                        CommonModule,
+                        ModalModule,
+                        ButtonModule,
+                        InputModule,
+                        LayerModule,
+                        ReactiveFormsModule,
+                        TranslatePipe,
+                        ValtimoCdsModalDirective,
+                    ], 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\n  *ngIf=\"{showModal: showModal$ | async} as obs\"\n  [open]=\"obs.showModal\"\n  showFooter=\"true\"\n  valtimoCdsModal\n  (close)=\"onCloseModal()\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onCloseModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'teams.createEditModal.editTitle' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form\n    [formGroup]=\"formGroup\"\n    cdsModalContent\n    class=\"valtimo-team-edit__content\"\n    [cdsLayer]=\"1\"\n  >\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label [disabled]=\"formGroup.disabled\" [invalid]=\"title.touched && title.invalid\">\n        {{ 'teams.createEditModal.teamName' | translate }}\n\n        <input\n          formControlName=\"title\"\n          cdsText\n          placeholder=\"{{ 'teams.createEditModal.teamNamePlaceholder' | translate }}\"\n        />\n      </cds-label>\n    </div>\n  </form>\n\n  <cds-modal-footer>\n    <button cdsButton=\"secondary\" (click)=\"onCloseModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      cdsButton=\"primary\"\n      [disabled]=\"formGroup.invalid || formGroup.disabled\"\n      (click)=\"onSave()\"\n    >\n      {{ 'teams.createEditModal.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-team-edit__content{display:flex;flex-direction:column;gap:16px}.cds--text-input__field-wrapper cds-label{width:100%}.cds--text-input__field-wrapper ::ng-deep .cds--label{width:100%}\n"] }]
+        }], ctorParameters: () => [{ type: TeamsApiService }, { type: TeamDetailService }, { type: i2$1.FormBuilder }] });
+
+/*
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class TeamDetailAddMemberComponent {
+    constructor(teamsApiService, teamDetailService, iconService) {
+        this.teamsApiService = teamsApiService;
+        this.teamDetailService = teamDetailService;
+        this.iconService = iconService;
+        this.disabled = false;
+        this.availableUsers$ = new BehaviorSubject([]);
+        this.noUsersAvailable$ = this.availableUsers$.pipe(map$1(users => users.length === 0));
+        this.selectedUsername$ = new BehaviorSubject(null);
+        this.saving$ = new BehaviorSubject(false);
+        this.showComboBox$ = new BehaviorSubject(true);
+        this.subscription = new Subscription();
+        this.iconService.registerAll([Add16, UserFollow16]);
+    }
+    ngOnInit() {
+        this.fetchCandidateUsers();
+    }
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+    }
+    onUserSelect(event) {
+        if (!event?.id)
+            return;
+        this.selectedUsername$.next(event.id);
+    }
+    onComboBoxClear() {
+        this.selectedUsername$.next(null);
+    }
+    onAddToTeam() {
+        const username = this.selectedUsername$.getValue();
+        if (!username)
+            return;
+        this.saving$.next(true);
+        this.teamsApiService
+            .addTeamUser(this.teamDetailService.teamKey, { username })
+            .pipe(catchError(() => {
+            this.saving$.next(false);
+            return of(null);
+        }))
+            .subscribe(result => {
+            if (result) {
+                this.saving$.next(false);
+                this.selectedUsername$.next(null);
+                this.resetComboBox();
+                this.teamDetailService.reloadMembers();
+                this.fetchCandidateUsers();
+            }
+        });
+    }
+    onOpenChange(open) {
+        if (open) {
+            this.fetchCandidateUsers();
+            this.selectedUsername$.next(null);
+            this.resetComboBox();
+        }
+    }
+    fetchCandidateUsers() {
+        this.subscription.add(this.teamsApiService
+            .getCandidateUsers(this.teamDetailService.teamKey)
+            .pipe(map$1(users => users.map(user => ({
+            content: this.getUserLabel(user),
+            id: user.username ?? user.id,
+            selected: false,
+        }))))
+            .subscribe(items => this.availableUsers$.next(items)));
+    }
+    getUserLabel(user) {
+        const firstName = user.firstName?.trim();
+        const lastName = user.lastName?.trim();
+        if (firstName && lastName)
+            return `${firstName} ${lastName}`;
+        if (firstName)
+            return firstName;
+        if (lastName)
+            return lastName;
+        if (user.email)
+            return user.email;
+        return user.username ?? user.id;
+    }
+    resetComboBox() {
+        this.showComboBox$.next(false);
+        setTimeout(() => this.showComboBox$.next(true));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TeamDetailAddMemberComponent, deps: [{ token: TeamsApiService }, { token: TeamDetailService }, { token: i4.IconService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: TeamDetailAddMemberComponent, isStandalone: true, selector: "valtimo-team-detail-add-member", inputs: { disabled: "disabled" }, 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<v-overflow-menu placement=\"bottom-end\" [closeOnSelect]=\"false\" (openChange)=\"onOpenChange($event)\">\n  <button overflowTrigger cdsButton=\"primary\" [disabled]=\"disabled\" class=\"add-member-button\">\n    {{ 'teams.detail.addMember' | translate }}\n\n    <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n  </button>\n\n  <section\n    overflowPane\n    class=\"valtimo-team-add-member__pane\"\n    (click)=\"$event.stopImmediatePropagation()\"\n    *ngIf=\"{\n      users: availableUsers$ | async,\n      noUsersAvailable: noUsersAvailable$ | async,\n      selectedUsername: selectedUsername$ | async,\n      saving: saving$ | async,\n      showComboBox: showComboBox$ | async,\n    } as obs\"\n  >\n    <cds-combo-box\n      *ngIf=\"obs.showComboBox\"\n      [label]=\"'teams.detail.addMemberModal.selectMember' | translate\"\n      [placeholder]=\"\n        obs.noUsersAvailable\n          ? ('teams.detail.addMemberModal.noUsersAvailable' | translate)\n          : ('teams.detail.addMemberModal.selectMemberPlaceholder' | translate)\n      \"\n      [appendInline]=\"true\"\n      [dropUp]=\"false\"\n      [cdsLayer]=\"1\"\n      [items]=\"obs.users || []\"\n      [disabled]=\"obs.saving || obs.noUsersAvailable\"\n      itemValueKey=\"id\"\n      (selected)=\"onUserSelect($event)\"\n      (clear)=\"onComboBoxClear()\"\n    >\n      <cds-dropdown-list onclick=\"event.stopPropagation()\"></cds-dropdown-list>\n    </cds-combo-box>\n\n    <button\n      cdsButton=\"primary\"\n      [cdsLayer]=\"1\"\n      class=\"add-to-team-button\"\n      [disabled]=\"!obs.selectedUsername || obs.saving || obs.noUsersAvailable\"\n      (click)=\"onAddToTeam()\"\n    >\n      {{ 'teams.detail.addMemberModal.addToTeam' | translate }}\n      <svg cdsIcon=\"user--follow\" size=\"16\" class=\"cds--btn__icon\"></svg>\n    </button>\n  </section>\n</v-overflow-menu>\n", styles: [".valtimo-team-add-member__pane{padding:16px;display:flex;flex-direction:column;gap:16px;min-width:280px}.add-to-team-button{width:100%;max-width:100%}\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: "ngmodule", type: CommonModule }, { kind: "directive", type: i3$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: ComboBoxModule }, { kind: "component", type: i4.ComboBox, selector: "cds-combo-box, ibm-combo-box", inputs: ["placeholder", "openMenuAria", "closeMenuAria", "clearSelectionsTitle", "clearSelectionsAria", "clearSelectionTitle", "clearSelectionAria", "id", "labelId", "items", "type", "size", "itemValueKey", "label", "hideLabel", "helperText", "appendInline", "invalid", "invalidText", "warn", "warnText", "maxLength", "theme", "selectionFeedback", "autocomplete", "dropUp", "disabled", "readonly", "fluid"], outputs: ["selected", "submit", "close", "search", "clear"] }, { kind: "component", type: i4$1.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "ngmodule", type: DialogModule }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i4.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i4.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "component", type: OverflowMenuComponent, selector: "v-overflow-menu", inputs: ["open", "placement", "menuWidth", "offsetX", "offsetY", "closeOnSelect", "useHostAsReference", "portalToBody"], outputs: ["openChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TeamDetailAddMemberComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-team-detail-add-member', imports: [
+                        CommonModule,
+                        ButtonModule,
+                        ComboBoxModule,
+                        DialogModule,
+                        IconModule,
+                        LayerModule,
+                        TranslateModule,
+                        OverflowMenuComponent,
+                    ], 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<v-overflow-menu placement=\"bottom-end\" [closeOnSelect]=\"false\" (openChange)=\"onOpenChange($event)\">\n  <button overflowTrigger cdsButton=\"primary\" [disabled]=\"disabled\" class=\"add-member-button\">\n    {{ 'teams.detail.addMember' | translate }}\n\n    <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n  </button>\n\n  <section\n    overflowPane\n    class=\"valtimo-team-add-member__pane\"\n    (click)=\"$event.stopImmediatePropagation()\"\n    *ngIf=\"{\n      users: availableUsers$ | async,\n      noUsersAvailable: noUsersAvailable$ | async,\n      selectedUsername: selectedUsername$ | async,\n      saving: saving$ | async,\n      showComboBox: showComboBox$ | async,\n    } as obs\"\n  >\n    <cds-combo-box\n      *ngIf=\"obs.showComboBox\"\n      [label]=\"'teams.detail.addMemberModal.selectMember' | translate\"\n      [placeholder]=\"\n        obs.noUsersAvailable\n          ? ('teams.detail.addMemberModal.noUsersAvailable' | translate)\n          : ('teams.detail.addMemberModal.selectMemberPlaceholder' | translate)\n      \"\n      [appendInline]=\"true\"\n      [dropUp]=\"false\"\n      [cdsLayer]=\"1\"\n      [items]=\"obs.users || []\"\n      [disabled]=\"obs.saving || obs.noUsersAvailable\"\n      itemValueKey=\"id\"\n      (selected)=\"onUserSelect($event)\"\n      (clear)=\"onComboBoxClear()\"\n    >\n      <cds-dropdown-list onclick=\"event.stopPropagation()\"></cds-dropdown-list>\n    </cds-combo-box>\n\n    <button\n      cdsButton=\"primary\"\n      [cdsLayer]=\"1\"\n      class=\"add-to-team-button\"\n      [disabled]=\"!obs.selectedUsername || obs.saving || obs.noUsersAvailable\"\n      (click)=\"onAddToTeam()\"\n    >\n      {{ 'teams.detail.addMemberModal.addToTeam' | translate }}\n      <svg cdsIcon=\"user--follow\" size=\"16\" class=\"cds--btn__icon\"></svg>\n    </button>\n  </section>\n</v-overflow-menu>\n", styles: [".valtimo-team-add-member__pane{padding:16px;display:flex;flex-direction:column;gap:16px;min-width:280px}.add-to-team-button{width:100%;max-width:100%}\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: TeamsApiService }, { type: TeamDetailService }, { type: i4.IconService }], propDecorators: { disabled: [{
+                type: Input
+            }] } });
+
+/*
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class TeamDetailComponent {
+    constructor(route, teamDetailService, teamsApiService, pageTitleService, permissionService) {
+        this.route = route;
+        this.teamDetailService = teamDetailService;
+        this.teamsApiService = teamsApiService;
+        this.pageTitleService = pageTitleService;
+        this.permissionService = permissionService;
+        this.$loadingMembers = signal(true);
+        this.members$ = this.teamDetailService.members$;
+        this.membersPagination$ = this.teamDetailService.membersPagination$;
+        this.showRemoveMemberModal$ = this.teamDetailService.showRemoveMemberModal$;
+        this.memberToRemove$ = this.teamDetailService.memberToRemove$;
+        this.showDeleteTeamModal$ = this.teamDetailService.showDeleteTeamModal$;
+        this.team$ = this.teamDetailService.team$;
+        this.teamContext$ = this.teamDetailService.teamKey$.pipe(map(teamKey => ({
+            identifier: teamKey,
+            resource: TEAM_PERMISSION_RESOURCE.team,
+        })));
+        this.canModifyTeam$ = this.teamContext$.pipe(switchMap(context => this.permissionService.requestPermission(CAN_MODIFY_TEAM_PERMISSION, context)));
+        this.canDeleteTeam$ = this.teamContext$.pipe(switchMap(context => this.permissionService.requestPermission(CAN_DELETE_TEAM_PERMISSION, context)));
+        this.canViewUsers$ = this.permissionService.requestPermission(CAN_VIEW_USERS_PERMISSION);
+        this.canAssign = false;
+        this.permissionSubscription = new Subscription();
+        this.canAddMember$ = combineLatest([
+            this.teamContext$.pipe(switchMap(context => this.permissionService.requestPermission(CAN_ASSIGN_TEAM_PERMISSION, context))),
+            this.canViewUsers$,
+        ]).pipe(map(([canAssign, canViewUsers]) => canAssign && canViewUsers));
+        this.MEMBER_ACTION_ITEMS = [
+            {
+                label: 'teams.detail.removeMember',
+                callback: this.onRemoveMember.bind(this),
+                type: 'danger',
+                disabledCallback: () => !this.canAssign,
+            },
+        ];
+        this.MEMBER_FIELDS = [
+            { key: 'fullName', label: 'teams.detail.memberColumns.name' },
+            { key: 'email', label: 'teams.detail.memberColumns.email' },
+        ];
+        this.teamDetailService.setRoute(this.route);
+        this.permissionSubscription.add(this.teamDetailService.loadingMembers$.subscribe(loading => {
+            this.$loadingMembers.set(loading);
+        }));
+        this.permissionSubscription.add(this.teamContext$.pipe(switchMap(context => this.permissionService.requestPermission(CAN_ASSIGN_TEAM_PERMISSION, context))).subscribe(canAssign => this.canAssign = canAssign));
+    }
+    ngOnInit() {
+        this.pageTitleService.disableReset();
+    }
+    ngOnDestroy() {
+        this.pageTitleService.enableReset();
+        this.permissionSubscription.unsubscribe();
+    }
+    onEditTeam() {
+        this.teamDetailService.showEditTeamModal();
+    }
+    onDeleteTeam() {
+        this.teamDetailService.showDeleteTeamModal();
+    }
+    onDeleteTeamConfirm() {
+        this.permissionSubscription.add(this.teamsApiService.deleteTeam(this.teamDetailService.teamKey).subscribe(() => {
+            this.teamDetailService.navigateToTeamsList();
+        }));
+    }
+    onRemoveMember(member) {
+        this.teamDetailService.showRemoveMemberConfirmation(member);
+    }
+    onRemoveMemberConfirm(member) {
+        this.permissionSubscription.add(this.teamsApiService
+            .removeTeamUser(this.teamDetailService.teamKey, member.username)
+            .subscribe(() => {
+            this.teamDetailService.reloadMembers();
+        }));
+    }
+    onPaginationClicked(page) {
+        this.teamDetailService.membersPagination$.next({
+            ...this.teamDetailService.membersPagination$.getValue(),
+            page,
+        });
+    }
+    onPaginationSet(size) {
+        const { collectionSize, page } = this.teamDetailService.membersPagination$.getValue();
+        const resetPage = Math.ceil(+collectionSize / size) <= +page && +collectionSize > 0;
+        this.teamDetailService.membersPagination$.next({
+            ...this.teamDetailService.membersPagination$.getValue(),
+            size,
+            ...(resetPage && { page: 1 }),
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TeamDetailComponent, deps: [{ token: i3$1.ActivatedRoute }, { token: TeamDetailService }, { token: TeamsApiService }, { token: i3.PageTitleService }, { token: i2$2.PermissionService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: TeamDetailComponent, isStandalone: true, selector: "valtimo-team-detail", providers: [TeamDetailService], 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<ng-container\n  *ngIf=\"{\n    members: members$ | async,\n    pagination: membersPagination$ | async,\n    canAddMember: canAddMember$ | async,\n  } as obs\"\n>\n  <valtimo-carbon-list\n    [fields]=\"MEMBER_FIELDS\"\n    [items]=\"obs.members\"\n    [loading]=\"$loadingMembers()\"\n    [actionItems]=\"MEMBER_ACTION_ITEMS\"\n    [pagination]=\"obs.pagination\"\n    paginationIdentifier=\"teamMembers\"\n    (paginationClicked)=\"onPaginationClicked($event)\"\n    (paginationSet)=\"onPaginationSet($event)\"\n  >\n    <div carbonToolbarContent>\n      <valtimo-team-detail-add-member\n        [disabled]=\"obs.canAddMember === false\"\n      ></valtimo-team-detail-add-member>\n    </div>\n\n    <valtimo-no-results\n      [description]=\"'teams.detail.noMembers.description' | translate\"\n      [title]=\"'teams.detail.noMembers.title' | translate\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n</ng-container>\n\n<ng-container renderInPageHeader>\n  <ng-template>\n    <div\n      class=\"team-detail__header\"\n      *ngIf=\"{\n        canModify: canModifyTeam$ | async,\n        canDelete: canDeleteTeam$ | async,\n      } as perms\"\n    >\n      <v-overflow-menu\n        class=\"overflow-button\"\n        [menuWidth]=\"250\"\n        placement=\"bottom-end\"\n      >\n        <button overflowTrigger cdsButton=\"tertiary\">\n          {{ 'teams.detail.more' | translate }}\n          <svg class=\"cds--btn__icon\" cdsIcon=\"overflow-menu--vertical\" size=\"16\"></svg>\n        </button>\n\n        <v-overflow-menu-option (selected)=\"onEditTeam()\" [disabled]=\"!perms.canModify\">\n          {{ 'teams.detail.editTeam' | translate }}\n        </v-overflow-menu-option>\n\n        <v-overflow-menu-option\n          (selected)=\"onDeleteTeam()\"\n          type=\"danger\"\n          [disabled]=\"!perms.canDelete\"\n        >\n          {{ 'teams.detail.deleteTeam' | translate }}\n        </v-overflow-menu-option>\n      </v-overflow-menu>\n    </div>\n  </ng-template>\n</ng-container>\n\n<valtimo-team-detail-edit-modal></valtimo-team-detail-edit-modal>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"teams.detail.removeMember\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"teams.detail.removeMemberModal.content\"\n  [outputOnConfirm]=\"memberToRemove$ | async\"\n  [showModalSubject$]=\"showRemoveMemberModal$\"\n  titleTranslationKey=\"teams.detail.removeMemberModal.title\"\n  (confirmEvent)=\"onRemoveMemberConfirm($event)\"\n></valtimo-confirmation-modal>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"teams.deleteModal.content\"\n  [outputOnConfirm]=\"team$ | async\"\n  [showModalSubject$]=\"showDeleteTeamModal$\"\n  titleTranslationKey=\"teams.deleteModal.title\"\n  (confirmEvent)=\"onDeleteTeamConfirm()\"\n></valtimo-confirmation-modal>\n", styles: [":host ::ng-deep .team-detail__header{display:flex;align-items:center;gap:.75rem;justify-content:flex-end}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i3.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i3.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i4.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: DialogModule }, { kind: "directive", type: RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "component", type: OverflowMenuComponent, selector: "v-overflow-menu", inputs: ["open", "placement", "menuWidth", "offsetX", "offsetY", "closeOnSelect", "useHostAsReference", "portalToBody"], outputs: ["openChange"] }, { kind: "component", type: OverflowMenuOptionComponent, selector: "v-overflow-menu-option", inputs: ["disabled", "type", "testId", "optionId"], outputs: ["selected"] }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i3.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }, { kind: "component", type: TeamDetailEditModalComponent, selector: "valtimo-team-detail-edit-modal" }, { kind: "component", type: TeamDetailAddMemberComponent, selector: "valtimo-team-detail-add-member", inputs: ["disabled"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TeamDetailComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-team-detail', imports: [
+                        CommonModule,
+                        CarbonListModule,
+                        TranslatePipe,
+                        ButtonModule,
+                        IconModule,
+                        DialogModule,
+                        RenderInPageHeaderDirective,
+                        OverflowMenuComponent,
+                        OverflowMenuOptionComponent,
+                        ConfirmationModalModule,
+                        TeamDetailEditModalComponent,
+                        TeamDetailAddMemberComponent,
+                    ], providers: [TeamDetailService], 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<ng-container\n  *ngIf=\"{\n    members: members$ | async,\n    pagination: membersPagination$ | async,\n    canAddMember: canAddMember$ | async,\n  } as obs\"\n>\n  <valtimo-carbon-list\n    [fields]=\"MEMBER_FIELDS\"\n    [items]=\"obs.members\"\n    [loading]=\"$loadingMembers()\"\n    [actionItems]=\"MEMBER_ACTION_ITEMS\"\n    [pagination]=\"obs.pagination\"\n    paginationIdentifier=\"teamMembers\"\n    (paginationClicked)=\"onPaginationClicked($event)\"\n    (paginationSet)=\"onPaginationSet($event)\"\n  >\n    <div carbonToolbarContent>\n      <valtimo-team-detail-add-member\n        [disabled]=\"obs.canAddMember === false\"\n      ></valtimo-team-detail-add-member>\n    </div>\n\n    <valtimo-no-results\n      [description]=\"'teams.detail.noMembers.description' | translate\"\n      [title]=\"'teams.detail.noMembers.title' | translate\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n</ng-container>\n\n<ng-container renderInPageHeader>\n  <ng-template>\n    <div\n      class=\"team-detail__header\"\n      *ngIf=\"{\n        canModify: canModifyTeam$ | async,\n        canDelete: canDeleteTeam$ | async,\n      } as perms\"\n    >\n      <v-overflow-menu\n        class=\"overflow-button\"\n        [menuWidth]=\"250\"\n        placement=\"bottom-end\"\n      >\n        <button overflowTrigger cdsButton=\"tertiary\">\n          {{ 'teams.detail.more' | translate }}\n          <svg class=\"cds--btn__icon\" cdsIcon=\"overflow-menu--vertical\" size=\"16\"></svg>\n        </button>\n\n        <v-overflow-menu-option (selected)=\"onEditTeam()\" [disabled]=\"!perms.canModify\">\n          {{ 'teams.detail.editTeam' | translate }}\n        </v-overflow-menu-option>\n\n        <v-overflow-menu-option\n          (selected)=\"onDeleteTeam()\"\n          type=\"danger\"\n          [disabled]=\"!perms.canDelete\"\n        >\n          {{ 'teams.detail.deleteTeam' | translate }}\n        </v-overflow-menu-option>\n      </v-overflow-menu>\n    </div>\n  </ng-template>\n</ng-container>\n\n<valtimo-team-detail-edit-modal></valtimo-team-detail-edit-modal>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"teams.detail.removeMember\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"teams.detail.removeMemberModal.content\"\n  [outputOnConfirm]=\"memberToRemove$ | async\"\n  [showModalSubject$]=\"showRemoveMemberModal$\"\n  titleTranslationKey=\"teams.detail.removeMemberModal.title\"\n  (confirmEvent)=\"onRemoveMemberConfirm($event)\"\n></valtimo-confirmation-modal>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"teams.deleteModal.content\"\n  [outputOnConfirm]=\"team$ | async\"\n  [showModalSubject$]=\"showDeleteTeamModal$\"\n  titleTranslationKey=\"teams.deleteModal.title\"\n  (confirmEvent)=\"onDeleteTeamConfirm()\"\n></valtimo-confirmation-modal>\n", styles: [":host ::ng-deep .team-detail__header{display:flex;align-items:center;gap:.75rem;justify-content:flex-end}\n"] }]
+        }], ctorParameters: () => [{ type: i3$1.ActivatedRoute }, { type: TeamDetailService }, { type: TeamsApiService }, { type: i3.PageTitleService }, { type: i2$2.PermissionService }] });
+
+/*
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const routes = [
+    {
+        path: 'teams',
+        component: TeamsListComponent,
+        canActivate: [AuthGuardService],
+        data: { title: 'teams.title', roles: [ROLE_USER] },
+    },
+    {
+        path: 'teams/:teamKey',
+        component: TeamDetailComponent,
+        canActivate: [AuthGuardService],
+        data: { title: 'teams.detail.title', roles: [ROLE_USER], customPageTitle: true },
+    },
+];
+class TeamsRouting {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TeamsRouting, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: TeamsRouting, imports: [CommonModule, i3$1.RouterModule], exports: [RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TeamsRouting, imports: [CommonModule, RouterModule.forChild(routes), RouterModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TeamsRouting, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [CommonModule, RouterModule.forChild(routes)],
+                    exports: [RouterModule],
+                }]
+        }] });
+
+/*
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class TeamsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TeamsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: TeamsModule, imports: [TeamsRouting, TeamsListComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TeamsModule, imports: [TeamsRouting, TeamsListComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TeamsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [TeamsRouting, TeamsListComponent],
+                    providers: [],
+                }]
+        }] });
+
+/*
+ * 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.
+ */
+/*
+ * Public API Surface of teams
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CAN_ASSIGN_TEAM_PERMISSION, CAN_CREATE_TEAM_PERMISSION, CAN_DELETE_TEAM_PERMISSION, CAN_MODIFY_TEAM_PERMISSION, CAN_VIEW_USERS_PERMISSION, TEAM_PERMISSION_ACTION, TEAM_PERMISSION_RESOURCE, TeamDetailService, TeamsApiService, TeamsModule, TeamsService, USER_PERMISSION_ACTION, USER_PERMISSION_RESOURCE };
+//# sourceMappingURL=valtimo-teams.mjs.map