alfenory-authv2-ui 0.0.18 → 0.0.19

package/fesm2022/alfenory-authv2-ui.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injectable, computed, Component, input, ElementRef, effect, Directive } from '@angular/core';
+import { InjectionToken, inject, Injectable, computed, Component, Directive, input, output, effect, signal, ElementRef } from '@angular/core';
 import { signalStore, withState, withMethods, patchState } from '@ngrx/signals';
 import { Router } from '@angular/router';
 import { catchError, of, tap, switchMap } from 'rxjs';
@@ -7,9 +7,10 @@ import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1$1 from '@ngx-translate/core';
-import { TranslateModule } from '@ngx-translate/core';
-import * as i3 from '@angular/forms';
-import { FormGroup, FormControl, Validators, ReactiveFormsModule } from '@angular/forms';
+import { TranslateModule, TranslateService, TranslatePipe } from '@ngx-translate/core';
+import * as i1$2 from '@angular/forms';
+import { FormGroup, FormControl, Validators, ReactiveFormsModule, FormsModule } from '@angular/forms';
+import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
 
 const API_URL = new InjectionToken('API_URL');
 ;
@@ -21,8 +22,25 @@ var LocalStorageKeys;
     LocalStorageKeys["memberships"] = "AUTH_MEMBERSHIPS";
     LocalStorageKeys["currentMembership"] = "AUTH_CURRENT_MEMBERSHIP";
     LocalStorageKeys["privileges"] = "AUTH_PRIVILEGES";
+    LocalStorageKeys["usergroupId"] = "AUTH_USERGROUP_ID";
 })(LocalStorageKeys || (LocalStorageKeys = {}));
 
+var GetFilterQueryRelation;
+(function (GetFilterQueryRelation) {
+    GetFilterQueryRelation["eq"] = "eq";
+    GetFilterQueryRelation["contains"] = "contains";
+    GetFilterQueryRelation["in"] = "in";
+    GetFilterQueryRelation["gt"] = "gt";
+})(GetFilterQueryRelation || (GetFilterQueryRelation = {}));
+
+var UsergroupAttributeEditType;
+(function (UsergroupAttributeEditType) {
+    UsergroupAttributeEditType[UsergroupAttributeEditType["InputNumber"] = 1] = "InputNumber";
+    UsergroupAttributeEditType[UsergroupAttributeEditType["InputString"] = 2] = "InputString";
+    UsergroupAttributeEditType[UsergroupAttributeEditType["InputArea"] = 3] = "InputArea";
+    UsergroupAttributeEditType[UsergroupAttributeEditType["selectTypes"] = 4] = "selectTypes";
+})(UsergroupAttributeEditType || (UsergroupAttributeEditType = {}));
+
 class ConnectionService {
     http = inject(HttpClient);
     apiUrl = inject(API_URL);
@@ -41,10 +59,10 @@ class ConnectionService {
     getURL(customUrl) {
         return `${this.apiUrl}/${customUrl}`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ConnectionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ConnectionService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ConnectionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ConnectionService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ConnectionService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ConnectionService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -65,7 +83,7 @@ class BasicLocalStorageService {
         return localStorage.getItem(key);
     }
     getNumber(key, defaultValue) {
-        return parseInt(this.getString(key) ?? (defaultValue ?? '0'));
+        return parseInt(this.getString(key) ?? defaultValue ?? '0');
     }
     getJson(key, defaultValue) {
         const resp = localStorage.getItem(key);
@@ -83,29 +101,35 @@ class BasicLocalStorageService {
     removeKey(key) {
         localStorage.removeItem(key);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BasicLocalStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BasicLocalStorageService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BasicLocalStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BasicLocalStorageService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BasicLocalStorageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BasicLocalStorageService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: 'root'
+                    providedIn: 'root',
                 }]
         }] });
 
 class LocalStorageService extends BasicLocalStorageService {
     getAuthToken() {
-        return this.getString(LocalStorageKeys.authToken) ?? null;
+        return this.getString(LocalStorageKeys.authToken);
     }
     setAuthToken(token) {
         this.setString(LocalStorageKeys.authToken, token);
     }
     getUserId() {
-        return this.getString(LocalStorageKeys.userId) ?? null;
+        return this.getString(LocalStorageKeys.userId);
     }
     setUserId(userId) {
         this.setString(LocalStorageKeys.userId, userId);
     }
+    getUsergroupId() {
+        return this.getString(LocalStorageKeys.usergroupId);
+    }
+    setUsergroupId(usergroupId) {
+        this.setString(LocalStorageKeys.usergroupId, usergroupId);
+    }
     setMemberships(memberships) {
         this.setJson(LocalStorageKeys.memberships, memberships);
     }
@@ -122,11 +146,13 @@ class LocalStorageService extends BasicLocalStorageService {
         this.setString(LocalStorageKeys.currentMembership, membershipId);
     }
     getCurrentMembershipId() {
-        return this.getString(LocalStorageKeys.currentMembership) ?? null;
+        return this.getString(LocalStorageKeys.currentMembership);
     }
     getHeaderWithAuth() {
         let headers = new HttpHeaders();
-        headers = headers.set('Authorization', 'Bearer ' + this.getAuthToken());
+        if (this.getAuthToken()) {
+            headers = headers.set('Authorization', 'Bearer ' + this.getAuthToken());
+        }
         const params = new HttpParams();
         return { headers, params };
     }
@@ -136,14 +162,15 @@ class LocalStorageService extends BasicLocalStorageService {
         this.removeKey(LocalStorageKeys.privileges);
         this.removeKey(LocalStorageKeys.memberships);
         this.removeKey(LocalStorageKeys.currentMembership);
+        this.removeKey(LocalStorageKeys.usergroupId);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LocalStorageService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LocalStorageService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: LocalStorageService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: LocalStorageService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LocalStorageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: LocalStorageService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: 'root'
+                    providedIn: 'root',
                 }]
         }] });
 
@@ -171,10 +198,10 @@ class AuthService {
             return of({ success: false });
         }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AuthService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AuthService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AuthService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AuthService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AuthService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AuthService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -186,14 +213,14 @@ const AuthStore = signalStore({ providedIn: 'root' }, withState({
     isAuthenticated: false,
     loginError: false,
     sessionRunoutError: false,
-    hasNewPriv: false
+    hasNewPriv: false,
 }), withMethods((store) => {
     const router = inject(Router);
     const authservice = inject(AuthService);
     const localstorageService = inject(LocalStorageService);
     return {
         loadMemberships() {
-            authservice.getMemberships().subscribe(val => {
+            authservice.getMemberships().subscribe((val) => {
                 const memberships = val.data ?? [];
                 localstorageService.setMemberships(memberships);
                 if (memberships.length === 0) {
@@ -208,7 +235,12 @@ const AuthStore = signalStore({ providedIn: 'root' }, withState({
             });
         },
         login(username, password) {
-            patchState(store, { loading: true, loginError: false, sessionRunoutError: false, isAuthenticated: false });
+            patchState(store, {
+                loading: true,
+                loginError: false,
+                sessionRunoutError: false,
+                isAuthenticated: false,
+            });
             authservice.doLogin(username, password).subscribe((val) => {
                 if (val.success && val.data) {
                     patchState(store, { loading: false, isAuthenticated: true });
@@ -223,10 +255,11 @@ const AuthStore = signalStore({ providedIn: 'root' }, withState({
         setMembershipId(membership) {
             localstorageService.setCurrentMembershipId(membership.id);
             localstorageService.setUserId(membership.user_id);
+            localstorageService.setUsergroupId(membership.usergroup_id);
             this.loadPrivileges(membership);
         },
         loadPrivileges(membership) {
-            authservice.getPrivsForMembership(membership.id).subscribe(val => {
+            authservice.getPrivsForMembership(membership.id).subscribe((val) => {
                 localstorageService.setPrivs(val.data ?? []);
                 patchState(store, { hasNewPriv: true });
                 setTimeout(() => patchState(store, { hasNewPriv: false }), 1000);
@@ -243,7 +276,7 @@ const AuthStore = signalStore({ providedIn: 'root' }, withState({
                     patchState(store, {
                         loading: false,
                         isAuthenticated: false,
-                        sessionRunoutError: localstorageService.getAuthToken() ? true : false
+                        sessionRunoutError: localstorageService.getAuthToken() ? true : false,
                     });
                     localstorageService.removeAll();
                     router.navigate(['/auth/login']);
@@ -261,7 +294,7 @@ const AuthStore = signalStore({ providedIn: 'root' }, withState({
         hasPriv(priv) {
             const privs = localstorageService.getPrivs();
             if (privs) {
-                return privs.find(val => val === priv) !== undefined;
+                return privs.find((val) => val === priv) !== undefined;
             }
             return false;
         },
@@ -273,7 +306,7 @@ const AuthStore = signalStore({ providedIn: 'root' }, withState({
                     localstorageService.removeAll();
                 }
             });
-        }
+        },
     };
 }));
 
@@ -311,10 +344,10 @@ class Login {
             this.authStore.login(this.usernameControl.value?.trim(), this.passwordControl.value?.trim());
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: Login, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: Login, isStandalone: true, selector: "alfenoryauthv2-ui-login", ngImport: i0, template: "@if (isLoading()) {\r\n  <div class=\"spinner-border\" role=\"status\">\r\n    <span class=\"sr-only\"></span>\r\n  </div>\r\n} \r\n@else {\r\n<div class=\"card\">\r\n  <div class=\"card-header\">\r\n    <h1>{{'alfenoryauthv2.login.header' | translate}}</h1>\r\n  </div>\r\n  <div class=\"card-body\">\r\n    @if (errorType() !== 0) \r\n    {\r\n      <div class=\"alert alert-danger\" role=\"alert\">\r\n        <b>{{'general.messages.error' | translate}}</b>\r\n        @if (errorType() === 1) {\r\n          {{'alfenoryauthv2.login.loginerror' | translate}}\r\n        }   \r\n        @if (errorType() === 2) {\r\n          {{'alfenoryauthv2.login.sessionrunouterror_text' | translate}}\r\n        }     \r\n      </div>\r\n    }\r\n    <form [formGroup]=\"formGroup\" (ngSubmit)=\"onSubmit()\">      \r\n      <div class=\"form-floating mb-3\">\r\n        <input type=\"email\" class=\"form-control\" formControlName=\"username\" id=\"username\" name=\"username\" autocomplete=\"username\" placeholder=\"Email\" [ngClass]=\"{'is-invalid' : usernameControl.touched && usernameControl.errors}\">\r\n        <label for=\"username\">{{'alfenoryauthv2.login.email' | translate}}</label>\r\n        <div class=\"invalid-feedback\">\r\n          {{'general.messages.required' | translate}}\r\n        </div>\r\n      </div>\r\n      <div class=\"form-floating mb-3\">\r\n        <input type=\"password\" class=\"form-control\" formControlName=\"password\" id=\"password\" name=\"password\" autocomplete=\"current-password\" placeholder=\"Passwort\" [ngClass]=\"{'is-invalid' : passwordControl.touched && passwordControl.errors}\">\r\n        <label for=\"password\">{{'alfenoryauthv2.login.password' | translate}}</label>\r\n        <div class=\"invalid-feedback\">\r\n          {{'general.messages.required' | translate}}\r\n        </div>\r\n      </div>\r\n      <button class=\"btn btn-primary\" type=\"submit\">\r\n        {{'alfenoryauthv2.login.submit' | translate}}\r\n      </button>\r\n    </form>\r\n  </div>\r\n</div>\r\n}", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: Login, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: Login, isStandalone: true, selector: "alfenoryauthv2-ui-login", ngImport: i0, template: "@if (isLoading()) {\r\n  <div class=\"spinner-border\" role=\"status\">\r\n    <span class=\"sr-only\"></span>\r\n  </div>\r\n} \r\n@else {\r\n<div class=\"card\">\r\n  <div class=\"card-header\">\r\n    <h1>{{'alfenoryauthv2.login.header' | translate}}</h1>\r\n  </div>\r\n  <div class=\"card-body\">\r\n    @if (errorType() !== 0) \r\n    {\r\n      <div class=\"alert alert-danger\" role=\"alert\">\r\n        <b>{{'general.messages.error' | translate}}</b>\r\n        @if (errorType() === 1) {\r\n          {{'alfenoryauthv2.login.loginerror' | translate}}\r\n        }   \r\n        @if (errorType() === 2) {\r\n          {{'alfenoryauthv2.login.sessionrunouterror_text' | translate}}\r\n        }     \r\n      </div>\r\n    }\r\n    <form [formGroup]=\"formGroup\" (ngSubmit)=\"onSubmit()\">      \r\n      <div class=\"form-floating mb-3\">\r\n        <input type=\"email\" class=\"form-control\" formControlName=\"username\" id=\"username\" name=\"username\" autocomplete=\"username\" placeholder=\"Email\" [ngClass]=\"{'is-invalid' : usernameControl.touched && usernameControl.errors}\">\r\n        <label for=\"username\">{{'alfenoryauthv2.login.email' | translate}}</label>\r\n        <div class=\"invalid-feedback\">\r\n          {{'general.messages.required' | translate}}\r\n        </div>\r\n      </div>\r\n      <div class=\"form-floating mb-3\">\r\n        <input type=\"password\" class=\"form-control\" formControlName=\"password\" id=\"password\" name=\"password\" autocomplete=\"current-password\" placeholder=\"Passwort\" [ngClass]=\"{'is-invalid' : passwordControl.touched && passwordControl.errors}\">\r\n        <label for=\"password\">{{'alfenoryauthv2.login.password' | translate}}</label>\r\n        <div class=\"invalid-feedback\">\r\n          {{'general.messages.required' | translate}}\r\n        </div>\r\n      </div>\r\n      <button class=\"btn btn-primary\" type=\"submit\">\r\n        {{'alfenoryauthv2.login.submit' | translate}}\r\n      </button>\r\n    </form>\r\n  </div>\r\n</div>\r\n}", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.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: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: Login, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: Login, decorators: [{
             type: Component,
             args: [{ selector: 'alfenoryauthv2-ui-login', imports: [CommonModule, TranslateModule, ReactiveFormsModule], template: "@if (isLoading()) {\r\n  <div class=\"spinner-border\" role=\"status\">\r\n    <span class=\"sr-only\"></span>\r\n  </div>\r\n} \r\n@else {\r\n<div class=\"card\">\r\n  <div class=\"card-header\">\r\n    <h1>{{'alfenoryauthv2.login.header' | translate}}</h1>\r\n  </div>\r\n  <div class=\"card-body\">\r\n    @if (errorType() !== 0) \r\n    {\r\n      <div class=\"alert alert-danger\" role=\"alert\">\r\n        <b>{{'general.messages.error' | translate}}</b>\r\n        @if (errorType() === 1) {\r\n          {{'alfenoryauthv2.login.loginerror' | translate}}\r\n        }   \r\n        @if (errorType() === 2) {\r\n          {{'alfenoryauthv2.login.sessionrunouterror_text' | translate}}\r\n        }     \r\n      </div>\r\n    }\r\n    <form [formGroup]=\"formGroup\" (ngSubmit)=\"onSubmit()\">      \r\n      <div class=\"form-floating mb-3\">\r\n        <input type=\"email\" class=\"form-control\" formControlName=\"username\" id=\"username\" name=\"username\" autocomplete=\"username\" placeholder=\"Email\" [ngClass]=\"{'is-invalid' : usernameControl.touched && usernameControl.errors}\">\r\n        <label for=\"username\">{{'alfenoryauthv2.login.email' | translate}}</label>\r\n        <div class=\"invalid-feedback\">\r\n          {{'general.messages.required' | translate}}\r\n        </div>\r\n      </div>\r\n      <div class=\"form-floating mb-3\">\r\n        <input type=\"password\" class=\"form-control\" formControlName=\"password\" id=\"password\" name=\"password\" autocomplete=\"current-password\" placeholder=\"Passwort\" [ngClass]=\"{'is-invalid' : passwordControl.touched && passwordControl.errors}\">\r\n        <label for=\"password\">{{'alfenoryauthv2.login.password' | translate}}</label>\r\n        <div class=\"invalid-feedback\">\r\n          {{'general.messages.required' | translate}}\r\n        </div>\r\n      </div>\r\n      <button class=\"btn btn-primary\" type=\"submit\">\r\n        {{'alfenoryauthv2.login.submit' | translate}}\r\n      </button>\r\n    </form>\r\n  </div>\r\n</div>\r\n}" }]
         }] });
@@ -327,14 +360,83 @@ class Logout {
     ngOnInit() {
         this.authStore.logout();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: Logout, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: Logout, isStandalone: true, selector: "alfenoryauthv2-ui-logout", ngImport: i0, template: "@if(isLoading()) {\r\n    <div class=\"spinner-border\" role=\"status\">\r\n        <span class=\"sr-only\"></span>\r\n    </div>\r\n} @else {    \r\n    <div class=\"card\">\r\n        <div class=\"card-header\">\r\n            <h1>{{'alfenoryauthv2.logout.logout' | translate}}</h1>\r\n        </div>\r\n        <div class=\"card-body\">\r\n            <p>{{'alfenoryauthv2.logout.success_logouttext' | translate}}</p>\r\n            <a href=\"/auth/login\">{{ 'alfenoryauthv2.logout.login-link' | translate }}</a>\r\n        </div>    \r\n    </div>\r\n}", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: Logout, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: Logout, isStandalone: true, selector: "alfenoryauthv2-ui-logout", ngImport: i0, template: "@if(isLoading()) {\r\n    <div class=\"spinner-border\" role=\"status\">\r\n        <span class=\"sr-only\"></span>\r\n    </div>\r\n} @else {    \r\n    <div class=\"card\">\r\n        <div class=\"card-header\">\r\n            <h1>{{'alfenoryauthv2.logout.logout' | translate}}</h1>\r\n        </div>\r\n        <div class=\"card-body\">\r\n            <p>{{'alfenoryauthv2.logout.success_logouttext' | translate}}</p>\r\n            <a href=\"/auth/login\">{{ 'alfenoryauthv2.logout.login-link' | translate }}</a>\r\n        </div>    \r\n    </div>\r\n}", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: Logout, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: Logout, decorators: [{
             type: Component,
             args: [{ selector: 'alfenoryauthv2-ui-logout', imports: [CommonModule, TranslateModule], template: "@if(isLoading()) {\r\n    <div class=\"spinner-border\" role=\"status\">\r\n        <span class=\"sr-only\"></span>\r\n    </div>\r\n} @else {    \r\n    <div class=\"card\">\r\n        <div class=\"card-header\">\r\n            <h1>{{'alfenoryauthv2.logout.logout' | translate}}</h1>\r\n        </div>\r\n        <div class=\"card-body\">\r\n            <p>{{'alfenoryauthv2.logout.success_logouttext' | translate}}</p>\r\n            <a href=\"/auth/login\">{{ 'alfenoryauthv2.logout.login-link' | translate }}</a>\r\n        </div>    \r\n    </div>\r\n}" }]
         }] });
 
+class BasicProvider {
+    apiUrl = inject(API_URL);
+    localstorage = inject(LocalStorageService);
+    connectionService = inject(ConnectionService);
+    get authHeader() {
+        return this.localstorage.getHeaderWithAuth();
+    }
+    getQueryFilter(filterParams) {
+        if (filterParams.length === 0) {
+            return '';
+        }
+        return filterParams.map((val) => `filter[${val.key}][${val.relation}]=${val.value}`).join('&');
+    }
+    getQueryUrl(filterQueryParams) {
+        const queryFilter = this.getQueryFilter(filterQueryParams);
+        return `${this.url}${queryFilter ? '?' : ''}${queryFilter}`;
+    }
+    getWithFilterQueryParams(params) {
+        return this.connectionService
+            .get(this.getQueryUrl(params), this.authHeader)
+            .pipe(switchMap((val) => of(val.data)));
+    }
+    //eslint-disable-next-line @typescript-eslint/no-explicit-any
+    createBasic(url, obj) {
+        return this.connectionService.post(url, obj, this.authHeader);
+    }
+    //eslint-disable-next-line @typescript-eslint/no-explicit-any
+    updateBasic(url, obj) {
+        return this.connectionService.patch(url, obj, this.authHeader);
+    }
+    removeBasic(url) {
+        return this.connectionService.delete(url, this.authHeader);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BasicProvider, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: BasicProvider, isStandalone: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BasicProvider, decorators: [{
+            type: Directive
+        }] });
+
+class BasicProviderAlfenoryAuthV2 extends BasicProvider {
+    get basicUrlAuthUrl() {
+        return `v1/auth/${this.localstorage.getCurrentMembershipId() ?? ''}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BasicProviderAlfenoryAuthV2, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: BasicProviderAlfenoryAuthV2, isStandalone: true, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BasicProviderAlfenoryAuthV2, decorators: [{
+            type: Directive
+        }] });
+
+class UsergroupAttributesService extends BasicProviderAlfenoryAuthV2 {
+    get url() {
+        return `${this.basicUrlAuthUrl}/${this.localstorage.getUsergroupId()}/attributes`;
+    }
+    urlWithId(id) {
+        return `${this.url}/${id}`;
+    }
+    create(usergroupAttribute) {
+        return this.createBasic(this.url, usergroupAttribute);
+    }
+    update(usergroupAttribute) {
+        return this.updateBasic(this.urlWithId(usergroupAttribute.id), usergroupAttribute);
+    }
+    remove(id) {
+        return this.removeBasic(this.urlWithId(id));
+    }
+}
+
 class SwitchMembership {
     authStore = inject(AuthStore);
     localStorageService = inject(LocalStorageService);
@@ -342,14 +444,524 @@ class SwitchMembership {
     switch(membership) {
         this.authStore.setMembershipId(membership);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SwitchMembership, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: SwitchMembership, isStandalone: true, selector: "alfenoryauthv2-ui-switch-membership", ngImport: i0, template: "<div class=\"list-group\">\r\n    <div class=\"list-group-item\">\r\n        <h1>{{'alfenoryauthv2.switchmembership.header' | translate}}</h1>\r\n    </div>\r\n    <div class=\"list-group-item\">\r\n        <p>{{'alfenoryauthv2.switchmembership.text' | translate}}</p>\r\n        @for (membership of memberships(); track membership.id) {\r\n            <div class=\"pt-2\">\r\n                <button class=\"btn btn-outline-primary\" (click)=\"switch(membership)\">{{membership.ug.name}}</button>\r\n            </div>\r\n        }\r\n    </div>\r\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: SwitchMembership, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: SwitchMembership, isStandalone: true, selector: "alfenoryauthv2-ui-switch-membership", ngImport: i0, template: "<div class=\"list-group\">\r\n    <div class=\"list-group-item\">\r\n        <h1>{{'alfenoryauthv2.switchmembership.header' | translate}}</h1>\r\n    </div>\r\n    <div class=\"list-group-item\">\r\n        <p>{{'alfenoryauthv2.switchmembership.text' | translate}}</p>\r\n        @for (membership of memberships(); track membership.id) {\r\n            <div class=\"pt-2\">\r\n                <button class=\"btn btn-outline-primary\" (click)=\"switch(membership)\">{{membership.ug.name}}</button>\r\n            </div>\r\n        }\r\n    </div>\r\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SwitchMembership, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: SwitchMembership, decorators: [{
             type: Component,
             args: [{ selector: 'alfenoryauthv2-ui-switch-membership', imports: [CommonModule, TranslateModule], template: "<div class=\"list-group\">\r\n    <div class=\"list-group-item\">\r\n        <h1>{{'alfenoryauthv2.switchmembership.header' | translate}}</h1>\r\n    </div>\r\n    <div class=\"list-group-item\">\r\n        <p>{{'alfenoryauthv2.switchmembership.text' | translate}}</p>\r\n        @for (membership of memberships(); track membership.id) {\r\n            <div class=\"pt-2\">\r\n                <button class=\"btn btn-outline-primary\" (click)=\"switch(membership)\">{{membership.ug.name}}</button>\r\n            </div>\r\n        }\r\n    </div>\r\n</div>" }]
         }] });
 
+class UsergroupAttributeBasic {
+    attribute = input.required();
+    translateService = inject(TranslateService);
+    label = computed(() => this.translateService.instant(`alfenoryauthv2.usergroupattributes.${this.attribute().key}`));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UsergroupAttributeBasic, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.20", type: UsergroupAttributeBasic, isStandalone: true, inputs: { attribute: { classPropertyName: "attribute", publicName: "attribute", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UsergroupAttributeBasic, decorators: [{
+            type: Directive
+        }] });
+
+class UsergroupAttributeUpdateFieldBase extends UsergroupAttributeBasic {
+    valueChanges = output();
+    value = '';
+    oldValue = '';
+    constructor() {
+        super();
+        effect(() => {
+            this.value = this.attribute().value ?? '';
+            this.oldValue = this.value;
+        });
+    }
+    triggerValueChange() {
+        if (this.oldValue !== this.value) {
+            this.valueChanges.emit(this.value);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UsergroupAttributeUpdateFieldBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: UsergroupAttributeUpdateFieldBase, isStandalone: true, outputs: { valueChanges: "valueChanges" }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UsergroupAttributeUpdateFieldBase, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [] });
+
+class UsergroupAttributeUpdateTextfield extends UsergroupAttributeUpdateFieldBase {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UsergroupAttributeUpdateTextfield, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: UsergroupAttributeUpdateTextfield, isStandalone: true, selector: "alfenoryauthv2-usergroup-attributes-update-textfield", usesInheritance: true, ngImport: i0, template: `
+    <div class="form-floating">
+      <input
+        id="attributeTextField"
+        type="text"
+        class="form-control"
+        [(ngModel)]="value"
+        (change)="triggerValueChange()"
+      />
+      <label for="attributeTextField">{{ label() }}</label>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.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: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UsergroupAttributeUpdateTextfield, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'alfenoryauthv2-usergroup-attributes-update-textfield',
+                    template: `
+    <div class="form-floating">
+      <input
+        id="attributeTextField"
+        type="text"
+        class="form-control"
+        [(ngModel)]="value"
+        (change)="triggerValueChange()"
+      />
+      <label for="attributeTextField">{{ label() }}</label>
+    </div>
+  `,
+                    imports: [FormsModule],
+                }]
+        }] });
+
+class UsergroupAttributeUpdateNumber extends UsergroupAttributeUpdateFieldBase {
+    triggerValueChange() {
+        this.valueChanges.emit(`${this.value}`);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UsergroupAttributeUpdateNumber, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: UsergroupAttributeUpdateNumber, isStandalone: true, selector: "alfenoryauthv2-usergroup-attributes-update-number", usesInheritance: true, ngImport: i0, template: `
+    <div class="form-floating">
+      <input
+        id="attributeTextField"
+        type="number"
+        class="form-control"
+        [(ngModel)]="value"
+        (change)="triggerValueChange()"
+      />
+      <label for="attributeTextField">{{ label() }}</label>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.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: i1$2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UsergroupAttributeUpdateNumber, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'alfenoryauthv2-usergroup-attributes-update-number',
+                    template: `
+    <div class="form-floating">
+      <input
+        id="attributeTextField"
+        type="number"
+        class="form-control"
+        [(ngModel)]="value"
+        (change)="triggerValueChange()"
+      />
+      <label for="attributeTextField">{{ label() }}</label>
+    </div>
+  `,
+                    imports: [FormsModule],
+                }]
+        }] });
+
+class UsergroupAttributeUpdateTextarea extends UsergroupAttributeUpdateFieldBase {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UsergroupAttributeUpdateTextarea, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: UsergroupAttributeUpdateTextarea, isStandalone: true, selector: "alfenoryauthv2-usergroup-attributes-update-textarea", usesInheritance: true, ngImport: i0, template: `
+    <div class="form-floating">
+      <textarea
+        id="attributeTextField"
+        class="form-control"
+        [(ngModel)]="value"
+        (change)="triggerValueChange()"
+      ></textarea>
+      <label for="attributeTextField">{{ label() }}</label>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.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: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UsergroupAttributeUpdateTextarea, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'alfenoryauthv2-usergroup-attributes-update-textarea',
+                    template: `
+    <div class="form-floating">
+      <textarea
+        id="attributeTextField"
+        class="form-control"
+        [(ngModel)]="value"
+        (change)="triggerValueChange()"
+      ></textarea>
+      <label for="attributeTextField">{{ label() }}</label>
+    </div>
+  `,
+                    imports: [FormsModule],
+                }]
+        }] });
+
+class UsergroupAttributeUpdateSelect extends UsergroupAttributeUpdateFieldBase {
+    selectableValues = computed(() => {
+        const mapping = this.attribute().typeMapping;
+        if ('selectableValues' in mapping) {
+            return mapping.selectableValues;
+        }
+        return [];
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UsergroupAttributeUpdateSelect, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: UsergroupAttributeUpdateSelect, isStandalone: true, selector: "alfenoryauthv2-usergroup-attributes-update-select", usesInheritance: true, ngImport: i0, template: `
+    <div class="form-floating">
+      <select
+        id="attributeTextField"
+        class="form-control"
+        [(ngModel)]="value"
+        (change)="triggerValueChange()"
+      >
+        @for (value of selectableValues(); track value) {
+          <option [value]="value">
+            {{ 'alfenoryauthv2.usergroupattributes.selectable_' + value | translate }}
+          </option>
+        }
+      </select>
+      <label for="attributeTextField">{{ label() }}</label>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UsergroupAttributeUpdateSelect, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'alfenoryauthv2-usergroup-attributes-update-select',
+                    template: `
+    <div class="form-floating">
+      <select
+        id="attributeTextField"
+        class="form-control"
+        [(ngModel)]="value"
+        (change)="triggerValueChange()"
+      >
+        @for (value of selectableValues(); track value) {
+          <option [value]="value">
+            {{ 'alfenoryauthv2.usergroupattributes.selectable_' + value | translate }}
+          </option>
+        }
+      </select>
+      <label for="attributeTextField">{{ label() }}</label>
+    </div>
+  `,
+                    imports: [FormsModule, TranslatePipe],
+                }]
+        }] });
+
+class UsergroupAttributeUpdate {
+    attribute = input.required();
+    usergroupAttributeService = inject(UsergroupAttributesService);
+    EditType = UsergroupAttributeEditType;
+    value = '';
+    didSave = output();
+    doSave() {
+        if (this.value) {
+            if (this.attribute().id) {
+                this.usergroupAttributeService.update(this.toModel());
+            }
+            else {
+                this.usergroupAttributeService.create(this.toModel());
+            }
+        }
+        else {
+            if (this.attribute().id) {
+                this.usergroupAttributeService.remove(this.attribute().id);
+            }
+        }
+        this.didSave.emit();
+    }
+    updateValue(val) {
+        this.value = val;
+    }
+    toModel() {
+        return {
+            ...this.attribute(),
+            value: this.value,
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UsergroupAttributeUpdate, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: UsergroupAttributeUpdate, isStandalone: true, selector: "alfenoryauthv2-usergroup-attributes-update", inputs: { attribute: { classPropertyName: "attribute", publicName: "attribute", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { didSave: "didSave" }, ngImport: i0, template: `
+    @switch (this.attribute().typeMapping.editType) {
+      @case (EditType.InputArea) {
+        <alfenoryauthv2-usergroup-attributes-update-textarea
+          [attribute]="attribute()"
+          (valueChanges)="updateValue($event)"
+        />
+      }
+      @case (EditType.InputNumber) {
+        <alfenoryauthv2-usergroup-attributes-update-number
+          [attribute]="attribute()"
+          (valueChanges)="updateValue($event)"
+        />
+      }
+      @case (EditType.selectTypes) {
+        <alfenoryauthv2-usergroup-attributes-update-select
+          [attribute]="attribute()"
+          (valueChanges)="updateValue($event)"
+        />
+      }
+      @default {
+        <alfenoryauthv2-usergroup-attributes-update-textfield
+          [attribute]="attribute()"
+          (valueChanges)="updateValue($event)"
+        />
+      }
+    }
+
+    <button
+      class="btn btn-outline-primary"
+      (click)="doSave()"
+      title="{{ 'general.messages.save' | translate }}"
+    >
+      <i class="bi-save"></i>
+    </button>
+  `, isInline: true, dependencies: [{ kind: "component", type: UsergroupAttributeUpdateTextfield, selector: "alfenoryauthv2-usergroup-attributes-update-textfield" }, { kind: "component", type: UsergroupAttributeUpdateNumber, selector: "alfenoryauthv2-usergroup-attributes-update-number" }, { kind: "component", type: UsergroupAttributeUpdateTextarea, selector: "alfenoryauthv2-usergroup-attributes-update-textarea" }, { kind: "component", type: UsergroupAttributeUpdateSelect, selector: "alfenoryauthv2-usergroup-attributes-update-select" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UsergroupAttributeUpdate, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'alfenoryauthv2-usergroup-attributes-update',
+                    template: `
+    @switch (this.attribute().typeMapping.editType) {
+      @case (EditType.InputArea) {
+        <alfenoryauthv2-usergroup-attributes-update-textarea
+          [attribute]="attribute()"
+          (valueChanges)="updateValue($event)"
+        />
+      }
+      @case (EditType.InputNumber) {
+        <alfenoryauthv2-usergroup-attributes-update-number
+          [attribute]="attribute()"
+          (valueChanges)="updateValue($event)"
+        />
+      }
+      @case (EditType.selectTypes) {
+        <alfenoryauthv2-usergroup-attributes-update-select
+          [attribute]="attribute()"
+          (valueChanges)="updateValue($event)"
+        />
+      }
+      @default {
+        <alfenoryauthv2-usergroup-attributes-update-textfield
+          [attribute]="attribute()"
+          (valueChanges)="updateValue($event)"
+        />
+      }
+    }
+
+    <button
+      class="btn btn-outline-primary"
+      (click)="doSave()"
+      title="{{ 'general.messages.save' | translate }}"
+    >
+      <i class="bi-save"></i>
+    </button>
+  `,
+                    imports: [
+                        UsergroupAttributeUpdateTextfield,
+                        UsergroupAttributeUpdateNumber,
+                        UsergroupAttributeUpdateTextarea,
+                        UsergroupAttributeUpdateSelect,
+                        TranslatePipe,
+                    ],
+                }]
+        }] });
+
+class UsergroupAttributesListDetail {
+    attribute = input.required();
+    keyName = computed(() => `alfenoryauthv2.usergroupattributes.${this.attribute()?.key}`);
+    translateService = inject(TranslateService);
+    modalService = inject(NgbModal);
+    value = computed(() => this.getValue());
+    didSaveValue = output();
+    getValue() {
+        switch (this.attribute().typeMapping.editType) {
+            case UsergroupAttributeEditType.InputArea:
+                return this.translateService.instant('alfenoryauthv2.usergroup-attribute.long-text');
+            case UsergroupAttributeEditType.selectTypes:
+                return this.translateService.instant(`alfenoryauthv2.usergroup-attribute.${this.attribute().value === '' ? 'novalue' : this.attribute().value}`);
+            default:
+                return this.attribute().value;
+        }
+    }
+    openUpdate() {
+        const component = this.modalService.open(UsergroupAttributeUpdate);
+        component.componentInstance.usergroupAttribute = signal(this.attribute());
+        component.closed.subscribe(() => this.didSaveValue.emit());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UsergroupAttributesListDetail, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.20", type: UsergroupAttributesListDetail, isStandalone: true, selector: "alfenoryauthv2-usergroup-attributes-list-detail", inputs: { attribute: { classPropertyName: "attribute", publicName: "attribute", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { didSaveValue: "didSaveValue" }, ngImport: i0, template: `
+    <div>{{ keyName() }} : {{ value() }}</div>
+
+    <button
+      class="btn btn-outline-primary"
+      title="{{ 'general.messages.update' | translate }}"
+      (click)="openUpdate()"
+    >
+      <i class="bi-pen"></i>
+    </button>
+  `, isInline: true, dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UsergroupAttributesListDetail, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'alfenoryauthv2-usergroup-attributes-list-detail',
+                    template: `
+    <div>{{ keyName() }} : {{ value() }}</div>
+
+    <button
+      class="btn btn-outline-primary"
+      title="{{ 'general.messages.update' | translate }}"
+      (click)="openUpdate()"
+    >
+      <i class="bi-pen"></i>
+    </button>
+  `,
+                    imports: [TranslatePipe],
+                }]
+        }] });
+
+class UsergroupAttributesList {
+    attributes = input();
+    didSaveValue = output();
+    handleDidSaveValue() {
+        this.didSaveValue.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UsergroupAttributesList, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: UsergroupAttributesList, isStandalone: true, selector: "alfenoryauthv2-usergroup-attributes-list", inputs: { attributes: { classPropertyName: "attributes", publicName: "attributes", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { didSaveValue: "didSaveValue" }, ngImport: i0, template: `
+    <div class="list-group">
+      <div class="list-group-item fw-bold">
+        {{ 'alfenoryauthv2.usergroup-attributes.usergroup-attribute' | translate }}
+      </div>
+      @for (attribute of attributes(); track attribute.id) {
+        <alfenoryauthv2-usergroup-attributes-list-detail
+          class="list-group-item d-flex justify-content-between"
+          [attribute]="attribute"
+          (didSaveValue)="handleDidSaveValue()"
+        />
+      } @empty {
+        <div class="list-group-item">
+          {{ 'general.messages.emptylist' | translate }}
+        </div>
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: UsergroupAttributesListDetail, selector: "alfenoryauthv2-usergroup-attributes-list-detail", inputs: ["attribute"], outputs: ["didSaveValue"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UsergroupAttributesList, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'alfenoryauthv2-usergroup-attributes-list',
+                    template: `
+    <div class="list-group">
+      <div class="list-group-item fw-bold">
+        {{ 'alfenoryauthv2.usergroup-attributes.usergroup-attribute' | translate }}
+      </div>
+      @for (attribute of attributes(); track attribute.id) {
+        <alfenoryauthv2-usergroup-attributes-list-detail
+          class="list-group-item d-flex justify-content-between"
+          [attribute]="attribute"
+          (didSaveValue)="handleDidSaveValue()"
+        />
+      } @empty {
+        <div class="list-group-item">
+          {{ 'general.messages.emptylist' | translate }}
+        </div>
+      }
+    </div>
+  `,
+                    imports: [TranslatePipe, UsergroupAttributesListDetail],
+                }]
+        }] });
+
+class UsergroupAttributes {
+    editableUsergroupAttributesTypes = input.required();
+    authStore = inject(AuthStore);
+    attributesService = inject(UsergroupAttributesService);
+    attributes = signal([]);
+    isLoading = signal(false);
+    hasPrivilege = computed(() => this.authStore.hasPriv('usergroupattribute.get'));
+    constructor() {
+        this.authStore.checkValid();
+        effect(() => {
+            if (this.hasPrivilege()) {
+                this.loadUsergroupAttributes();
+            }
+        });
+    }
+    loadUsergroupAttributes() {
+        this.isLoading.set(true);
+        this.attributesService.getWithFilterQueryParams([]).subscribe((ugAts) => {
+            this.isLoading.set(false);
+            this.attributes.set(ugAts
+                //setUsergroupAttributes with Mapping
+                .map((val) => this.toUsergroupAttributeWithType(val))
+                //filter where to mapping are found
+                .filter((val) => val !== undefined));
+            this.addMissingTypeMappings();
+        });
+    }
+    toUsergroupAttributeWithType(usergroupAttribute) {
+        const attributeTypeMapping = this.editableUsergroupAttributesTypes().find((val) => val.key === usergroupAttribute.key);
+        if (attributeTypeMapping) {
+            return {
+                ...usergroupAttribute,
+                typeMapping: attributeTypeMapping,
+            };
+        }
+        return undefined;
+    }
+    addMissingTypeMappings() {
+        const currentAttributes = this.attributes();
+        const existingKeys = new Set(currentAttributes.map((a) => a.key));
+        const newElements = this.editableUsergroupAttributesTypes()
+            .filter((type) => !existingKeys.has(type.key))
+            .map((type) => ({
+            key: type.key,
+            value: '',
+            id: '',
+            typeMapping: type,
+        }));
+        if (newElements.length > 0) {
+            this.attributes.set([...currentAttributes, ...newElements]);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UsergroupAttributes, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: UsergroupAttributes, isStandalone: true, selector: "ng-component", inputs: { editableUsergroupAttributesTypes: { classPropertyName: "editableUsergroupAttributesTypes", publicName: "editableUsergroupAttributesTypes", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
+    @if (hasPrivilege()) {
+      @if (isLoading()) {
+        <div class="spinner-border" role="status">
+          <span class="visually-hidden">Loading...</span>
+        </div>
+      } @else {
+        <alfenoryauthv2-usergroup-attributes-list
+          [attributes]="attributes()"
+          (didSaveValue)="loadUsergroupAttributes()"
+        />
+      }
+    } @else {
+      <p>{{ 'general.messages.nopriv' | translate }}</p>
+    }
+  `, isInline: true, dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: UsergroupAttributesList, selector: "alfenoryauthv2-usergroup-attributes-list", inputs: ["attributes"], outputs: ["didSaveValue"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UsergroupAttributes, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+    @if (hasPrivilege()) {
+      @if (isLoading()) {
+        <div class="spinner-border" role="status">
+          <span class="visually-hidden">Loading...</span>
+        </div>
+      } @else {
+        <alfenoryauthv2-usergroup-attributes-list
+          [attributes]="attributes()"
+          (didSaveValue)="loadUsergroupAttributes()"
+        />
+      }
+    } @else {
+      <p>{{ 'general.messages.nopriv' | translate }}</p>
+    }
+  `,
+                    imports: [TranslatePipe, UsergroupAttributesList],
+                }]
+        }], ctorParameters: () => [] });
+
 class HideIfNoPriv {
     hideIfNoPriv = input();
     authService = inject(AuthStore);
@@ -367,10 +979,10 @@ class HideIfNoPriv {
         const isVisible = this.authService.checkValid() && this.authService.hasOneOfPrivs(privileges);
         this.elementRef.nativeElement.style.display = isVisible ? '' : 'none';
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HideIfNoPriv, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.15", type: HideIfNoPriv, isStandalone: true, selector: "[hideIfNoPriv]", inputs: { hideIfNoPriv: { classPropertyName: "hideIfNoPriv", publicName: "hideIfNoPriv", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: HideIfNoPriv, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.20", type: HideIfNoPriv, isStandalone: true, selector: "[hideIfNoPriv]", inputs: { hideIfNoPriv: { classPropertyName: "hideIfNoPriv", publicName: "hideIfNoPriv", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HideIfNoPriv, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: HideIfNoPriv, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hideIfNoPriv]'
@@ -381,5 +993,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { API_URL, AuthService, AuthStore, BasicLocalStorageService, ConnectionService, HideIfNoPriv, LocalStorageKeys, LocalStorageService, Login, Logout, SwitchMembership, authGuard };
+export { API_URL, AuthService, AuthStore, BasicLocalStorageService, ConnectionService, GetFilterQueryRelation, HideIfNoPriv, LocalStorageKeys, LocalStorageService, Login, Logout, SwitchMembership, UsergroupAttributeEditType, UsergroupAttributes, UsergroupAttributesService, authGuard };
 //# sourceMappingURL=alfenory-authv2-ui.mjs.map