@authup/client-web-kit 1.0.0-beta.19 → 1.0.0-beta.21

package/dist/index.mjs

@@ -2,8 +2,8 @@ import { REALM_MASTER_NAME, DomainEventName, buildDomainChannelName, DomainType,
 import { hasInjectionContext, inject as inject$2, provide as provide$1, ref, computed, getCurrentScope, onScopeDispose, toRaw, isRef, isReactive, toRef, unref, h, onMounted, onUnmounted, watch, shallowRef, watchEffect, defineComponent, reactive, nextTick, getCurrentInstance, resolveDynamicComponent, mergeProps } from 'vue';
 import { Client, isClientTokenExpiredError, CookieName, ClientResponseErrorTokenHook } from '@authup/core-http-kit';
 import { defineStore, storeToRefs as storeToRefs$1 } from 'pinia';
-import { Abilities, buildEventFullName, EventNameSuffix, hasOwnProperty, createNanoID, isOAuth2OpenIDProviderMetadata, isObject as isObject$1 } from '@authup/kit';
-import { merge, isObject, createMerger } from 'smob';
+import { BuiltInPolicyType, PolicyError, maybeInvertPolicyOutcome, PermissionBindingPolicyValidator, PolicyEngine as PolicyEngine$1, PermissionMemoryProvider, PermissionChecker, TokenError, buildEventFullName, EventNameSuffix, hasOwnProperty, createNanoID, isOAuth2OpenIDProviderMetadata, isObject as isObject$2 } from '@authup/kit';
+import { isObject as isObject$1, merge, createMerger } from 'smob';
 import { buildList, SlotName } from '@vuecs/list-controls';
 import { ClientManager } from '@authup/core-realtime-kit';
 import { SortDirection } from 'rapiq';
@@ -61,6 +61,52 @@ function injectHTTPClient(app) {
  * view the LICENSE file that was distributed with this source code.
  */ const STORE_ID = 'authup';
 
+class PermissionBindingPolicyEvaluator {
+    async can(ctx) {
+        return ctx.spec.type === BuiltInPolicyType.PERMISSION_BINDING;
+    }
+    async validateSpecification(ctx) {
+        return this.validator.run(ctx.spec);
+    }
+    async validateData(ctx) {
+        if (!isObject$1(ctx.data.identity) && !isObject$1(ctx.data.permission)) {
+            throw PolicyError.evaluatorContextInvalid();
+        }
+        return ctx.data;
+    }
+    async evaluate(ctx) {
+        // todo: this must be changed when the permission-checker not only checks owned permissions.
+        return maybeInvertPolicyOutcome(true, ctx.spec.invert);
+    }
+    constructor(){
+        this.validator = new PermissionBindingPolicyValidator();
+    }
+}
+
+class PolicyEngine extends PolicyEngine$1 {
+    constructor(){
+        super();
+        this.registerEvaluator(BuiltInPolicyType.PERMISSION_BINDING, new PermissionBindingPolicyEvaluator());
+    }
+}
+
+function createPromiseShareWrapperFn(fn) {
+    let promise;
+    return (...args)=>{
+        if (promise) {
+            return promise;
+        }
+        promise = new Promise((resolve, reject)=>{
+            fn(...args).then((r)=>resolve(r)).catch((e)=>reject(e));
+        });
+        promise.finally(()=>{
+            setTimeout(()=>{
+                promise = undefined;
+            }, 0);
+        });
+        return promise;
+    };
+}
 function createStore(context = {}) {
     const client = new Client({
         baseURL: context.baseURL
@@ -89,38 +135,10 @@ function createStore(context = {}) {
         refreshToken.value = input;
     };
     // --------------------------------------------------------------------
-    const handleTokenGrantResponse = (response)=>{
-        const expireDate = new Date(Date.now() + response.expires_in * 1000);
-        setAccessTokenExpireDate(expireDate);
-        setAccessToken(response.access_token);
-        setRefreshToken(response.refresh_token);
-    };
-    // --------------------------------------------------------------------
-    let refreshTokenPromise;
-    const attemptRefreshToken = ()=>{
-        if (!refreshToken.value) {
-            return Promise.reject(new Error('No refresh token is present.'));
-        }
-        if (refreshTokenPromise) {
-            return refreshTokenPromise;
-        }
-        refreshTokenPromise = client.token.createWithRefreshToken({
-            refresh_token: refreshToken.value
-        }).then((r)=>{
-            handleTokenGrantResponse(r);
-            return r;
-        }).finally(()=>{
-            refreshTokenPromise = undefined;
-        });
-        return refreshTokenPromise;
-    };
-    // --------------------------------------------------------------------
     const user = ref(undefined);
     const userId = computed(()=>user.value ? user.value.id : undefined);
-    const userResolved = ref(false);
     const setUser = (entity)=>{
         user.value = entity;
-        userResolved.value = !!entity;
     };
     // --------------------------------------------------------------------
     const realm = ref(undefined);
@@ -141,68 +159,100 @@ function createStore(context = {}) {
     const setRealmManagement = (entity)=>{
         realmManagement.value = entity;
     };
-    const abilities = new Abilities();
-    const tokenInfo = ref(undefined);
-    const tokenResolved = ref(false);
-    const setTokenInfo = (entity)=>{
-        tokenResolved.value = !!entity;
-        tokenInfo.value = entity;
-        if (!entity) {
-            setRealm(undefined);
-            setRealmManagement(undefined);
-            abilities.set([]);
-            return;
+    // --------------------------------------------------------------------
+    const permissionRepository = new PermissionMemoryProvider();
+    const permissionChecker = new PermissionChecker({
+        provider: permissionRepository,
+        policyEngine: new PolicyEngine()
+    });
+    // --------------------------------------------------------------------
+    const userResolved = ref(false);
+    const resolveUser = async ()=>{
+        if (!accessToken.value || userResolved.value) {
+            return Promise.resolve();
         }
-        if (entity.exp) {
-            const expireDate = new Date(entity.exp * 1000);
-            setAccessTokenExpireDate(expireDate);
+        userResolved.value = true;
+        return client.userInfo.get(`Bearer ${accessToken.value}`).then((response)=>{
+            setUser(response);
+        });
+    };
+    // --------------------------------------------------------------------
+    const tokenResolved = ref(false);
+    const resolveToken = async ()=>{
+        if (!accessToken.value || tokenResolved.value) {
+            return Promise.resolve();
         }
-        if (entity.realm_id && entity.realm_name) {
-            realm.value = {
-                id: entity.realm_id,
-                name: entity.realm_name
-            };
-            if (typeof realmManagement.value === 'undefined') {
-                setRealmManagement(realm.value);
+        tokenResolved.value = true;
+        return client.token.introspect({
+            token: accessToken.value
+        }, {
+            authorizationHeader: {
+                type: 'Bearer',
+                token: accessToken.value
             }
-        }
-        if (entity.permissions) {
-            abilities.set(entity.permissions);
-        }
+        }).then((response)=>{
+            if (response.exp) {
+                const expireDate = new Date(response.exp * 1000);
+                setAccessTokenExpireDate(expireDate);
+            }
+            if (response.realm_id && response.realm_name) {
+                realm.value = {
+                    id: response.realm_id,
+                    name: response.realm_name
+                };
+                if (!realmManagement.value) {
+                    setRealmManagement(realm.value);
+                }
+            }
+            if (response.permissions) {
+                permissionRepository.setMany(response.permissions);
+            }
+        });
+    };
+    // --------------------------------------------------------------------
+    const handleTokenGrantResponse = (response)=>{
+        const expireDate = new Date(Date.now() + response.expires_in * 1000);
+        setAccessTokenExpireDate(expireDate);
+        setAccessToken(response.access_token);
+        setRefreshToken(response.refresh_token);
     };
     // --------------------------------------------------------------------
-    const resolve = async (ctx = {})=>{
-        if (!accessToken.value || ctx.attempts && ctx.attempts > 3) return;
+    const refreshSession = createPromiseShareWrapperFn(async ()=>{
+        if (!refreshToken.value) {
+            throw new TokenError('The access token can not be renewed.');
+        }
+        return client.token.createWithRefreshToken({
+            refresh_token: refreshToken.value
+        }).then((r)=>handleTokenGrantResponse(r)).catch((e)=>{
+            logout();
+            return Promise.reject(e);
+        }).finally(()=>{
+            tokenResolved.value = false;
+            userResolved.value = false;
+        });
+    });
+    // --------------------------------------------------------------------
+    const resolveInternal = async ()=>{
         try {
-            if (!tokenResolved.value || ctx.refresh) {
-                const token = await client.token.introspect({
-                    token: accessToken.value
-                }, {
-                    authorizationHeader: {
-                        type: 'Bearer',
-                        token: accessToken.value
-                    }
-                });
-                setTokenInfo(token);
-                tokenResolved.value = true;
+            if (!accessToken.value && refreshToken.value) {
+                await refreshSession();
             }
-            if (!userResolved.value || ctx.refresh) {
-                const entity = await client.userInfo.get(`Bearer ${accessToken.value}`);
-                setUser(entity);
-                userResolved.value = true;
+            if (accessToken.value) {
+                await resolveToken();
+                if (!user.value) {
+                    await resolveUser();
+                }
             }
         } catch (e) {
-            if (isClientTokenExpiredError(e)) {
-                await attemptRefreshToken();
-                await resolve({
-                    refresh: true,
-                    attempts: ctx.attempts ? ctx.attempts++ : 1
-                });
-                return;
+            if (isClientTokenExpiredError(e) && refreshToken.value) {
+                await refreshSession();
+                return resolveInternal();
             }
             throw e;
         }
+        return Promise.resolve();
     };
+    const resolve = createPromiseShareWrapperFn(resolveInternal);
     const loggedIn = computed(()=>!!accessToken.value);
     const login = async (ctx)=>{
         try {
@@ -216,7 +266,7 @@ function createStore(context = {}) {
             handleTokenGrantResponse(response);
             await resolve();
         } catch (e) {
-            setUser(undefined);
+            logout();
             throw e;
         }
     };
@@ -225,12 +275,15 @@ function createStore(context = {}) {
         setAccessTokenExpireDate(undefined);
         setRefreshToken(undefined);
         setUser(undefined);
-        setTokenInfo(undefined);
+        setRealm(undefined);
+        setRealmManagement(undefined);
+        tokenResolved.value = false;
+        userResolved.value = false;
     };
     return {
         initialized,
         setInitialized,
-        abilities,
+        permissionChecker,
         login,
         logout,
         loggedIn,
@@ -242,8 +295,6 @@ function createStore(context = {}) {
         setAccessTokenExpireDate,
         refreshToken,
         setRefreshToken,
-        tokenInfo,
-        setTokenInfo,
         realm,
         realmId,
         realmIsRoot,
@@ -326,34 +377,34 @@ function shouldUpdate(dependencies, newCookies, oldCookies) {
 
 const StoreSymbol = Symbol.for('AuthupStore');
 function useStore(pinia, app) {
-    const instance = injectStore(app);
+    const instance = injectStoreFactory(app);
     if (!instance) {
         throw new Error('The store has not been injected in the app context.');
     }
     return instance(pinia);
 }
-function injectStore(app) {
+function injectStoreFactory(app) {
     const instance = inject$1(StoreSymbol, app);
     if (!instance) {
-        throw new Error('The store has not been injected in the app context.');
+        throw new Error('The store factory has not been injected in the app context.');
     }
     return instance;
 }
-function hasStore(app) {
+function hasStoreFactory(app) {
     return !!inject$1(StoreSymbol, app);
 }
-function provideStore(store, app) {
+function provideStoreFactory(store, app) {
     provide(StoreSymbol, store, app);
 }
 
 function installStore(app, options = {}) {
-    if (hasStore(app)) {
+    if (hasStoreFactory(app)) {
         return;
     }
-    const storeCreator = defineStore(STORE_ID, ()=>createStore({
+    const storeFactory = defineStore(STORE_ID, ()=>createStore({
             baseURL: options.baseURL
         }));
-    const store = storeCreator(options.pinia);
+    const store = storeFactory(options.pinia);
     let cookieGet;
     if (options.cookieGet) {
         cookieGet = options.cookieGet;
@@ -372,8 +423,8 @@ function installStore(app, options = {}) {
     if (options.cookieUnset) {
         cookieUnset = options.cookieUnset;
     } else if (options.cookieSet) {
-        cookieUnset = (key)=>{
-            options.cookieSet(key, null);
+        cookieUnset = (key, opts)=>{
+            options.cookieSet(key, null, opts);
         };
     } else {
         const cookies = useCookies();
@@ -430,12 +481,12 @@ function installStore(app, options = {}) {
             return;
         }
         if (action.name === 'logout') {
-            cookieUnset(CookieName.ACCESS_TOKEN);
-            cookieUnset(CookieName.ACCESS_TOKEN_EXPIRE_DATE);
-            cookieUnset(CookieName.REFRESH_TOKEN);
-            cookieUnset(CookieName.USER);
-            cookieUnset(CookieName.REALM);
-            cookieUnset(CookieName.REALM_MANAGEMENT);
+            cookieUnset(CookieName.ACCESS_TOKEN, {});
+            cookieUnset(CookieName.ACCESS_TOKEN_EXPIRE_DATE, {});
+            cookieUnset(CookieName.REFRESH_TOKEN, {});
+            cookieUnset(CookieName.USER, {});
+            cookieUnset(CookieName.REALM, {});
+            cookieUnset(CookieName.REALM_MANAGEMENT, {});
         }
     });
     initStore();
@@ -443,26 +494,34 @@ function installStore(app, options = {}) {
         if (mutation.storeId !== STORE_ID) {
             return;
         }
+        let maxAge;
+        if (state.accessTokenExpireDate) {
+            maxAge = Math.floor(Math.max(1000, new Date(`${state.accessTokenExpireDate}`).getTime() - Date.now()) / 1000);
+        }
         if (state.accessToken) {
-            cookieSet(CookieName.ACCESS_TOKEN, state.accessToken);
+            cookieSet(CookieName.ACCESS_TOKEN, state.accessToken, {
+                maxAge
+            });
         }
         if (state.accessTokenExpireDate) {
-            cookieSet(CookieName.ACCESS_TOKEN_EXPIRE_DATE, state.accessTokenExpireDate);
+            cookieSet(CookieName.ACCESS_TOKEN_EXPIRE_DATE, state.accessTokenExpireDate, {
+                maxAge
+            });
         }
         if (state.refreshToken) {
-            cookieSet(CookieName.REFRESH_TOKEN, state.refreshToken);
+            cookieSet(CookieName.REFRESH_TOKEN, state.refreshToken, {});
         }
         if (state.user) {
-            cookieSet(CookieName.USER, state.user);
+            cookieSet(CookieName.USER, state.user, {});
         }
         if (state.realm) {
-            cookieSet(CookieName.REALM, state.realm);
+            cookieSet(CookieName.REALM, state.realm, {});
         }
         if (state.realmManagement) {
-            cookieSet(CookieName.REALM_MANAGEMENT, state.realmManagement);
+            cookieSet(CookieName.REALM_MANAGEMENT, state.realmManagement, {});
         }
     });
-    provideStore(storeCreator, app);
+    provideStoreFactory(storeFactory, app);
 }
 
 function storeToRefs(store) {
@@ -485,8 +544,8 @@ function installHTTPClient(app, options = {}) {
     const client = new Client({
         baseURL: options.baseURL
     });
-    const storeCreator = injectStore(app);
-    const store = storeCreator(options.pinia);
+    const storeFactory = injectStoreFactory(app);
+    const store = storeFactory(options.pinia);
     const { refreshToken } = storeToRefs$1(store);
     const tokenHook = new ClientResponseErrorTokenHook(client, {
         baseURL: options.baseURL,
@@ -503,7 +562,8 @@ function installHTTPClient(app, options = {}) {
         },
         tokenFailed: ()=>{
             store.logout();
-        }
+        },
+        timer: !options.isServer
     });
     store.$subscribe((mutation, state)=>{
         if (mutation.storeId !== STORE_ID) return;
@@ -519,10 +579,7 @@ function installHTTPClient(app, options = {}) {
         }
         if (state.refreshToken && state.accessTokenExpireDate) {
             const expiresIn = Math.floor((state.accessTokenExpireDate.getTime() - Date.now()) / 1000);
-            tokenHook.setTimer({
-                refresh_token: ()=>refreshToken.value,
-                expires_in: expiresIn
-            });
+            tokenHook.setTimer(expiresIn, ()=>refreshToken.value);
         }
     });
     provideHTTPClient(client, app);
@@ -662,7 +719,7 @@ function buildListCreatedHandler(items, cb) {
     return (item, options)=>{
         options = options || {};
         let index;
-        if (isObject(item)) {
+        if (isObject$1(item)) {
             index = items.value.findIndex((el)=>el.id === item.id);
         } else {
             index = -1;
@@ -681,7 +738,7 @@ function buildListCreatedHandler(items, cb) {
 }
 function buildListUpdatedHandler(items, cb) {
     return (item)=>{
-        if (!isObject(item)) {
+        if (!isObject$1(item)) {
             return;
         }
         const index = items.value.findIndex((el)=>el.id === item.id);
@@ -698,7 +755,7 @@ function buildListUpdatedHandler(items, cb) {
 }
 function buildListDeletedHandler(items, cb) {
     return (item)=>{
-        if (!isObject(item)) {
+        if (!isObject$1(item)) {
             return undefined;
         }
         const index = items.value.findIndex((el)=>el.id === item.id);
@@ -740,7 +797,7 @@ function injectSocketManager(app) {
 }
 
 function installSocketManager(app, options) {
-    const storeCreator = injectStore(app);
+    const storeCreator = injectStoreFactory(app);
     const store = storeCreator(options.pinia);
     const { accessToken } = storeToRefs(store);
     const manager = new ClientManager({
@@ -883,7 +940,7 @@ function isQuerySortedDescByDate(input) {
     if (Array.isArray(input)) {
         return input.some((el)=>isQuerySortedDescByDate(el));
     }
-    if (isObject(input)) {
+    if (isObject$1(input)) {
         return input.created_at === SortDirection.DESC || input.updated_at === SortDirection.DESC;
     }
     return typeof input === 'string' && (input === '-created_at' || input === '-updated_at');
@@ -1053,7 +1110,7 @@ function createList(context) {
     if (typeof context.socket !== 'boolean' || typeof context.socket === 'undefined' || context.socket) {
         const socketContext = {
             type: context.type,
-            ...isObject(context.socket) ? context.socket : {}
+            ...isObject$1(context.socket) ? context.socket : {}
         };
         socketContext.onCreated = (entity)=>{
             const isSorted = query && query.sort && isQuerySortedDescByDate(query.sort) && meta.value?.pagination?.offset === 0;
@@ -1318,7 +1375,7 @@ function createEntityManager(ctx) {
         let socketContext = {
             type: ctx.type
         };
-        if (isObject(ctx.socket)) {
+        if (isObject$1(ctx.socket)) {
             socketContext = {
                 ...socketContext,
                 ...ctx.socket
@@ -1476,7 +1533,7 @@ function createEntityManager(ctx) {
         if (!ctx.setup || !ctx.setup.slots) {
             return undefined;
         }
-        if (isObject(error) && hasNormalizedSlot('error', ctx.setup.slots)) {
+        if (isObject$1(error) && hasNormalizedSlot('error', ctx.setup.slots)) {
             return normalizeSlot('error', error, ctx.setup.slots);
         }
         return undefined;
@@ -1506,26 +1563,25 @@ function createEntityManager(ctx) {
  * Author Peter Placzek (tada5hi)
  * For the full copyright and license information,
  * view the LICENSE file that was distributed with this source code.
- */ var TranslatorTranslationGroup;
-(function(TranslatorTranslationGroup) {
+ */ var TranslatorTranslationGroup = /*#__PURE__*/ function(TranslatorTranslationGroup) {
     TranslatorTranslationGroup["DEFAULT"] = "default";
     TranslatorTranslationGroup["CLIENT"] = "authupClient";
     TranslatorTranslationGroup["VUECS"] = "vuecs";
     TranslatorTranslationGroup["VUELIDATE"] = "vuelidate";
-})(TranslatorTranslationGroup || (TranslatorTranslationGroup = {}));
-var TranslatorTranslationVuecsKey;
-(function(TranslatorTranslationVuecsKey) {
+    return TranslatorTranslationGroup;
+}({});
+var TranslatorTranslationVuecsKey = /*#__PURE__*/ function(TranslatorTranslationVuecsKey) {
     TranslatorTranslationVuecsKey["NO_MORE"] = "noMore";
-})(TranslatorTranslationVuecsKey || (TranslatorTranslationVuecsKey = {}));
-var TranslatorTranslationClientKey;
-(function(TranslatorTranslationClientKey) {
+    return TranslatorTranslationVuecsKey;
+}({});
+var TranslatorTranslationClientKey = /*#__PURE__*/ function(TranslatorTranslationClientKey) {
     TranslatorTranslationClientKey["NAME_HINT"] = "nameHint";
     TranslatorTranslationClientKey["DESCRIPTION_HINT"] = "descriptionHint";
     TranslatorTranslationClientKey["REDIRECT_URI_HINT"] = "redirectURIHint";
     TranslatorTranslationClientKey["IS_CONFIDENTIAL"] = "isConfidential";
-})(TranslatorTranslationClientKey || (TranslatorTranslationClientKey = {}));
-var TranslatorTranslationDefaultKey;
-(function(TranslatorTranslationDefaultKey) {
+    return TranslatorTranslationClientKey;
+}({});
+var TranslatorTranslationDefaultKey = /*#__PURE__*/ function(TranslatorTranslationDefaultKey) {
     TranslatorTranslationDefaultKey["ADD"] = "add";
     TranslatorTranslationDefaultKey["CREATE"] = "create";
     TranslatorTranslationDefaultKey["DELETE"] = "delete";
@@ -1556,40 +1612,118 @@ var TranslatorTranslationDefaultKey;
     TranslatorTranslationDefaultKey["SECRET"] = "secret";
     TranslatorTranslationDefaultKey["REDIRECT_URIS"] = "redirectUris";
     TranslatorTranslationDefaultKey["USERS"] = "users";
-})(TranslatorTranslationDefaultKey || (TranslatorTranslationDefaultKey = {}));
+    return TranslatorTranslationDefaultKey;
+}({});
 
-function setObjectPathProperty(record, key, value) {
-    const parts = key.split('.');
-    if (parts.length === 1) {
-        record[key] = value;
-        return;
-    }
-    const prefix = parts.shift();
-    if (prefix) {
-        if (!Object.prototype.hasOwnProperty.call(record, prefix) || !isObject(record[prefix])) {
-            record[prefix] = {};
+/*
+ * Copyright (c) 2024-2024.
+ * Author Peter Placzek (tada5hi)
+ * For the full copyright and license information,
+ * view the LICENSE file that was distributed with this source code.
+ */ const BRACKET_NUMBER_REGEX = RegExp("(?<!\\\\)\\[(\\d+)]$");
+/**
+ * Convert string to property path array.
+ *
+ * @see https://github.com/lodash/lodash/blob/main/src/.internal/stringToPath.ts
+ * @see https://github.com/chaijs/pathval
+ *
+ * @param segment
+ */ function pathToArray(segment) {
+    const str = segment.replace(/([^\\])\[/g, '$1.[');
+    const parts = str.match(/(\\\.|[^.]+?)+/g);
+    if (!parts) {
+        return [];
+    }
+    const result = [];
+    for(let i = 0; i < parts.length; i++){
+        if (parts[i] === 'constructor' || parts[i] === '__proto__' || parts[i] === 'prototype') {
+            continue;
+        }
+        const regex = BRACKET_NUMBER_REGEX.exec(parts[i]);
+        if (regex) {
+            result.push(regex[1]);
+        } else {
+            result.push(parts[i].replace(/\\([.[\]])/g, '$1'));
         }
-        setObjectPathProperty(record[prefix], parts.join('.'), value);
     }
+    return result;
+}
+/*
+ * Copyright (c) 2024.
+ * Author Peter Placzek (tada5hi)
+ * For the full copyright and license information,
+ * view the LICENSE file that was distributed with this source code.
+ */ var Character;
+(function(Character) {
+    Character["WILDCARD"] = "*";
+    Character["GLOBSTAR"] = "**";
+})(Character || (Character = {}));
+/*
+ * Copyright (c) 2024.
+ * Author Peter Placzek (tada5hi)
+ * For the full copyright and license information,
+ * view the LICENSE file that was distributed with this source code.
+ */ function isObject(input) {
+    return !!input && typeof input === 'object' && !Array.isArray(input);
 }
-function getObjectPathProperty(data, key) {
-    const dotIndex = key.indexOf('.');
-    const currentKey = dotIndex === -1 ? key : key.substring(0, dotIndex);
-    if (dotIndex === -1) {
-        return data[currentKey];
+function getPathValue(data, path) {
+    const parts = Array.isArray(path) ? path : pathToArray(path);
+    let res;
+    let temp = data;
+    let index = 0;
+    while(index < parts.length){
+        if (temp === null || typeof temp === 'undefined') {
+            break;
+        }
+        if (parts[index] in Object(temp)) {
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-expect-error
+            temp = temp[parts[index]];
+        } else {
+            break;
+        }
+        if (index === parts.length - 1) {
+            res = temp;
+        }
+        index++;
     }
-    if (!isObject(data[currentKey])) {
-        return undefined;
+    return res;
+}
+const NUMBER_REGEX = /^\d+$/;
+function setPathValue(data, path, value) {
+    const parts = Array.isArray(path) ? path : pathToArray(path);
+    let temp = data;
+    let index = 0;
+    while(index < parts.length){
+        /* istanbul ignore next */ if (!Array.isArray(temp) && !isObject(temp)) {
+            break;
+        }
+        const key = parts[index];
+        // [foo, '0']
+        if (typeof temp[key] === 'undefined') {
+            const match = NUMBER_REGEX.test(key);
+            if (match) {
+                temp[key] = [];
+            } else {
+                temp[key] = {};
+            }
+        }
+        if (index === parts.length - 1) {
+            temp[key] = value;
+            break;
+        }
+        index++;
+        temp = temp[key];
     }
-    const nextKey = key.substring(currentKey.length + 1);
-    return getObjectPathProperty(data[currentKey], nextKey);
+    return data;
 }
+
 class MemoryStore {
     async get(context) {
         if (!this.data[context.locale] || !this.data[context.locale][context.group]) {
             return undefined;
         }
-        const output = getObjectPathProperty(this.data[context.locale][context.group], context.key);
+        const output = getPathValue(this.data[context.locale][context.group], context.key);
         if (typeof output === 'string') {
             return output;
         }
@@ -1597,7 +1731,7 @@ class MemoryStore {
     }
     async set(context) {
         this.initLines(context.group, context.locale);
-        setObjectPathProperty(this.data[context.locale][context.group], context.key, context.value);
+        setPathValue(this.data[context.locale][context.group], context.key, context.value);
     }
     initLines(group, locale) {
         if (typeof this.data[locale] === 'undefined') {
@@ -1805,11 +1939,11 @@ const TranslatorTranslationDefaultGerman = {
     [TranslatorTranslationDefaultKey.USERS]: 'Benutzer'
 };
 
-var VuelidateCustomRuleKey;
-(function(VuelidateCustomRuleKey) {
+var VuelidateCustomRuleKey = /*#__PURE__*/ function(VuelidateCustomRuleKey) {
     VuelidateCustomRuleKey["ALPHA_NUM_HYPHEN_UNDERSCORE"] = "alphaNumHyphenUnderscore";
     VuelidateCustomRuleKey["ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE"] = "alphaUpperNumHyphenUnderscore";
-})(VuelidateCustomRuleKey || (VuelidateCustomRuleKey = {}));
+    return VuelidateCustomRuleKey;
+}({});
 const VuelidateCustomRule = {
     ["alphaNumHyphenUnderscore"]: helpers.regex(/^[a-z0-9-_]*$/),
     ["alphaUpperNumHyphenUnderscore"]: helpers.regex(/^[a-zA-Z0-9-_]*$/)
@@ -1949,6 +2083,65 @@ function buildFormSubmitWithTranslations(options, translations) {
     };
 }
 
+function createPermissionCheckerReactiveFn(ctx = {}) {
+    let store;
+    if (ctx.store) {
+        store = ctx.store;
+    } else {
+        store = useStore(ctx.pinia, ctx.app);
+    }
+    const storeRefs = storeToRefs(store);
+    return (ctx)=>{
+        const data = ref(false);
+        let computePromise;
+        const compute = async ()=>{
+            if (computePromise) {
+                return computePromise;
+            }
+            let identity;
+            if (storeRefs.userId.value) {
+                identity = {
+                    type: 'user',
+                    id: storeRefs.userId.value
+                };
+            }
+            let outcome;
+            try {
+                computePromise = store.permissionChecker.preCheckOneOf({
+                    ...ctx,
+                    data: {
+                        ...ctx.data || {},
+                        identity
+                    }
+                }).then(()=>true).catch(()=>false);
+                outcome = await computePromise;
+            } catch (e) {
+                outcome = false;
+            } finally{
+                computePromise = undefined;
+            }
+            return outcome;
+        };
+        Promise.resolve().then(()=>compute()).then((outcome)=>{
+            data.value = outcome;
+        });
+        let removeListener;
+        onMounted(()=>{
+            removeListener = watch(storeRefs.loggedIn, ()=>{
+                Promise.resolve().then(()=>compute()).then((outcome)=>{
+                    data.value = outcome;
+                });
+            });
+        });
+        onUnmounted(()=>{
+            if (typeof removeListener !== 'undefined') {
+                removeListener();
+            }
+        });
+        return data;
+    };
+}
+
 const AClient = defineComponent({
     props: defineEntityManagerProps(),
     emits: defineEntityManagerEvents(),
@@ -1996,22 +2189,9 @@ function useUpdatedAt(input) {
     });
 }
 
-function useAbilityCheck(name) {
-    const { abilities } = useStore();
-    const data = ref(false);
-    data.value = abilities.has(name);
-    let removeListener;
-    onMounted(()=>{
-        removeListener = abilities.on('updated', ()=>{
-            data.value = abilities.has(name);
-        });
-    });
-    onUnmounted(()=>{
-        if (typeof removeListener !== 'undefined') {
-            removeListener();
-        }
-    });
-    return data;
+function usePermissionCheck(ctx) {
+    const checkFn = createPermissionCheckerReactiveFn();
+    return checkFn(ctx);
 }
 
 function useRealmResourceWritableCheck(realmId) {
@@ -2055,6 +2235,7 @@ const ARealmForm = defineComponent({
         const busy = ref(false);
         const form = reactive({
             name: '',
+            display_name: '',
             description: ''
         });
         const $v = useVuelidate({
@@ -2063,6 +2244,10 @@ const ARealmForm = defineComponent({
                 minLength: minLength(3),
                 maxLength: maxLength(128)
             },
+            display_name: {
+                minLength: minLength(3),
+                maxLength: maxLength(256)
+            },
             description: {
                 minLength: minLength(5),
                 maxLength: maxLength(4096)
@@ -2107,12 +2292,16 @@ const ARealmForm = defineComponent({
             {
                 key: TranslatorTranslationDefaultKey.NAME
             },
+            {
+                key: TranslatorTranslationDefaultKey.DISPLAY_NAME
+            },
             {
                 key: TranslatorTranslationDefaultKey.DESCRIPTION
             }
         ]);
         const render = ()=>{
-            const id = buildFormGroup({
+            const children = [];
+            children.push(buildFormGroup({
                 validationMessages: translationsValidation.name.value,
                 validationSeverity: getVuelidateSeverity($v.value.name),
                 label: true,
@@ -2126,10 +2315,9 @@ const ARealmForm = defineComponent({
                         disabled: manager.data.value && manager.data.value.name === REALM_MASTER_NAME
                     }
                 })
-            });
-            let idHint = [];
+            }));
             if (!manager.data.value || !manager.data.value.id) {
-                idHint = [
+                children.push([
                     h('div', {
                         class: 'mb-3'
                     }, [
@@ -2153,9 +2341,21 @@ const ARealmForm = defineComponent({
                             translationsDefault[TranslatorTranslationDefaultKey.GENERATE].value
                         ])
                     ])
-                ];
+                ]);
             }
-            const description = buildFormGroup({
+            children.push(buildFormGroup({
+                validationMessages: translationsValidation.display_name.value,
+                validationSeverity: getVuelidateSeverity($v.value.display_name),
+                label: true,
+                labelContent: translationsDefault[TranslatorTranslationDefaultKey.DISPLAY_NAME].value,
+                content: buildFormInput({
+                    value: $v.value.display_name.$model,
+                    onChange (input) {
+                        $v.value.display_name.$model = input;
+                    }
+                })
+            }));
+            children.push(buildFormGroup({
                 validationMessages: translationsValidation.description.value,
                 validationSeverity: getVuelidateSeverity($v.value.description),
                 label: true,
@@ -2169,26 +2369,19 @@ const ARealmForm = defineComponent({
                         rows: 4
                     }
                 })
-            });
-            const submitButton = buildFormSubmitWithTranslations({
+            }));
+            children.push(buildFormSubmitWithTranslations({
                 submit,
                 busy: busy.value,
                 isEditing: isEditing.value,
                 invalid: $v.value.$invalid
-            }, translationsSubmit);
+            }, translationsSubmit));
             return h('form', {
                 onSubmit ($event) {
                     $event.preventDefault();
                     return submit.apply(null);
                 }
-            }, [
-                id,
-                idHint,
-                h('hr'),
-                description,
-                h('hr'),
-                submitButton
-            ]);
+            }, children);
         };
         return ()=>render();
     }
@@ -2369,6 +2562,7 @@ const AClientForm = defineComponent({
         const busy = ref(false);
         const form = reactive({
             name: '',
+            display_name: '',
             description: '',
             realm_id: '',
             redirect_uri: '',
@@ -2384,6 +2578,10 @@ const AClientForm = defineComponent({
                 minLength: minLength(3),
                 maxLength: maxLength(256)
             },
+            display_name: {
+                minLength: minLength(3),
+                maxLength: maxLength(256)
+            },
             description: {
                 minLength: minLength(3),
                 maxLength: maxLength(256)
@@ -2461,6 +2659,9 @@ const AClientForm = defineComponent({
             {
                 key: TranslatorTranslationDefaultKey.NAME
             },
+            {
+                key: TranslatorTranslationDefaultKey.DISPLAY_NAME
+            },
             {
                 key: TranslatorTranslationDefaultKey.DESCRIPTION
             },
@@ -2493,37 +2694,53 @@ const AClientForm = defineComponent({
                 }),
                 h('small', translationsClient[TranslatorTranslationClientKey.NAME_HINT].value)
             ];
+            const displayName = buildFormGroup({
+                validationMessages: translationsValidation.display_name.value,
+                validationSeverity: getVuelidateSeverity($v.value.display_name),
+                label: true,
+                labelContent: translationsDefault[TranslatorTranslationDefaultKey.DISPLAY_NAME].value,
+                content: buildFormInput({
+                    value: $v.value.display_name.$model,
+                    onChange (input) {
+                        $v.value.display_name.$model = input;
+                    }
+                })
+            });
             const description = [
-                buildFormGroup({
-                    validationMessages: translationsValidation.description.value,
-                    validationSeverity: getVuelidateSeverity($v.value.description),
-                    label: true,
-                    labelContent: translationsDefault[TranslatorTranslationDefaultKey.DESCRIPTION].value,
-                    content: buildFormTextarea({
-                        value: $v.value.description.$model,
-                        onChange (input) {
-                            $v.value.description.$model = input;
-                        },
-                        props: {
-                            rows: 7
-                        }
-                    })
-                }),
-                h('small', translationsClient[TranslatorTranslationClientKey.DESCRIPTION_HINT].value)
+                h('div', [
+                    buildFormGroup({
+                        validationMessages: translationsValidation.description.value,
+                        validationSeverity: getVuelidateSeverity($v.value.description),
+                        label: true,
+                        labelContent: translationsDefault[TranslatorTranslationDefaultKey.DESCRIPTION].value,
+                        content: buildFormTextarea({
+                            value: $v.value.description.$model,
+                            onChange (input) {
+                                $v.value.description.$model = input;
+                            },
+                            props: {
+                                rows: 7
+                            }
+                        })
+                    }),
+                    h('small', translationsClient[TranslatorTranslationClientKey.DESCRIPTION_HINT].value)
+                ])
             ];
             const redirectUri = [
-                h('label', {
-                    class: 'form-label'
-                }, [
-                    translationsDefault[TranslatorTranslationDefaultKey.REDIRECT_URIS].value
-                ]),
-                h(AClientRedirectUris, {
-                    uri: form.redirect_uri,
-                    onUpdated: (value)=>{
-                        form.redirect_uri = value;
-                    }
-                }),
-                h('small', translationsClient[TranslatorTranslationClientKey.REDIRECT_URI_HINT].value)
+                h('div', [
+                    h('label', {
+                        class: 'form-label'
+                    }, [
+                        translationsDefault[TranslatorTranslationDefaultKey.REDIRECT_URIS].value
+                    ]),
+                    h(AClientRedirectUris, {
+                        uri: form.redirect_uri,
+                        onUpdated: (value)=>{
+                            form.redirect_uri = value;
+                        }
+                    }),
+                    h('small', translationsClient[TranslatorTranslationClientKey.REDIRECT_URI_HINT].value)
+                ])
             ];
             const isConfidential = buildFormGroup({
                 validationMessages: translationsValidation.is_confidential.value,
@@ -2549,7 +2766,8 @@ const AClientForm = defineComponent({
                                 disabled: true
                             }
                         })
-                    })
+                    }),
+                    h('hr')
                 ];
             }
             const secret = [
@@ -2616,9 +2834,10 @@ const AClientForm = defineComponent({
                 class: 'col'
             }, [
                 id,
-                h('hr'),
                 name,
                 h('hr'),
+                displayName,
+                h('hr'),
                 secret,
                 realm
             ]);
@@ -2626,11 +2845,11 @@ const AClientForm = defineComponent({
                 h('div', {
                     class: 'col'
                 }, [
-                    description,
+                    isConfidential,
                     h('hr'),
                     redirectUri,
                     h('hr'),
-                    isConfidential,
+                    description,
                     submitForm
                 ])
             ];
@@ -2763,6 +2982,7 @@ const AScopeForm = defineComponent({
         const busy = ref(false);
         const form = reactive({
             name: '',
+            display_name: '',
             description: '',
             realm_id: ''
         });
@@ -2773,6 +2993,10 @@ const AScopeForm = defineComponent({
                 minLength: minLength(3),
                 maxLength: maxLength(256)
             },
+            display_name: {
+                minLength: minLength(3),
+                maxLength: maxLength(256)
+            },
             description: {
                 minLength: minLength(3),
                 maxLength: maxLength(4096)
@@ -2825,6 +3049,9 @@ const AScopeForm = defineComponent({
             {
                 key: TranslatorTranslationDefaultKey.NAME
             },
+            {
+                key: TranslatorTranslationDefaultKey.DISPLAY_NAME
+            },
             {
                 key: TranslatorTranslationDefaultKey.DESCRIPTION
             },
@@ -2849,6 +3076,18 @@ const AScopeForm = defineComponent({
                         }
                     })
                 }),
+                buildFormGroup({
+                    validationMessages: translationsValidation.display_name.value,
+                    validationSeverity: getVuelidateSeverity($v.value.display_name),
+                    label: true,
+                    labelContent: translationsDefault[TranslatorTranslationDefaultKey.DISPLAY_NAME].value,
+                    content: buildFormInput({
+                        value: $v.value.display_name.$model,
+                        onChange (input) {
+                            $v.value.display_name.$model = input;
+                        }
+                    })
+                }),
                 buildFormGroup({
                     validationMessages: translationsValidation.description.value,
                     validationSeverity: getVuelidateSeverity($v.value.description),
@@ -3018,6 +3257,7 @@ const AIdentityProviderBasicFields = defineComponent({
     setup (props, setup) {
         const form = reactive({
             name: '',
+            display_name: '',
             slug: '',
             enabled: true
         });
@@ -3027,6 +3267,10 @@ const AIdentityProviderBasicFields = defineComponent({
                 minLength: minLength(5),
                 maxLength: maxLength(128)
             },
+            display_name: {
+                minLength: minLength(3),
+                maxLength: maxLength(256)
+            },
             slug: {
                 required,
                 [VuelidateCustomRuleKey.ALPHA_NUM_HYPHEN_UNDERSCORE]: VuelidateCustomRule[VuelidateCustomRuleKey.ALPHA_NUM_HYPHEN_UNDERSCORE],
@@ -3054,7 +3298,7 @@ const AIdentityProviderBasicFields = defineComponent({
                 valid: !$v.value.$invalid
             });
         };
-        function assign(data) {
+        function assign(data = {}) {
             extendObjectProperties(form, data);
             if (isSlugEmpty.value) {
                 generateId();
@@ -3066,13 +3310,24 @@ const AIdentityProviderBasicFields = defineComponent({
         const updatedAt = useUpdatedAt(props.entity);
         onChange(updatedAt, ()=>assign(props.entity));
         assign(props.entity);
-        const validationMessages = useTranslationsForNestedValidation($v.value);
+        const translationsDefault = useTranslationsForGroup(TranslatorTranslationGroup.DEFAULT, [
+            {
+                key: TranslatorTranslationDefaultKey.DISPLAY_NAME
+            },
+            {
+                key: TranslatorTranslationDefaultKey.NAME
+            },
+            {
+                key: TranslatorTranslationDefaultKey.DESCRIPTION
+            }
+        ]);
+        const translationsValidation = useTranslationsForNestedValidation($v.value);
         return ()=>{
             const name = buildFormGroup({
-                validationMessages: validationMessages.name.value,
+                validationMessages: translationsValidation.name.value,
                 validationSeverity: getVuelidateSeverity($v.value.name),
                 label: true,
-                labelContent: 'Name',
+                labelContent: translationsDefault[TranslatorTranslationDefaultKey.NAME].value,
                 content: buildFormInput({
                     value: $v.value.name.$model,
                     onChange (input) {
@@ -3080,8 +3335,20 @@ const AIdentityProviderBasicFields = defineComponent({
                     }
                 })
             });
+            const displayName = buildFormGroup({
+                validationMessages: translationsValidation.display_name.value,
+                validationSeverity: getVuelidateSeverity($v.value.display_name),
+                label: true,
+                labelContent: translationsDefault[TranslatorTranslationDefaultKey.DISPLAY_NAME].value,
+                content: buildFormInput({
+                    value: $v.value.display_name.$model,
+                    onChange (input) {
+                        $v.value.display_name.$model = input;
+                    }
+                })
+            });
             const slug = buildFormGroup({
-                validationMessages: validationMessages.slug.value,
+                validationMessages: translationsValidation.slug.value,
                 validationSeverity: getVuelidateSeverity($v.value.slug),
                 label: true,
                 labelContent: 'Slug',
@@ -3122,6 +3389,7 @@ const AIdentityProviderBasicFields = defineComponent({
             });
             return [
                 name,
+                displayName,
                 slug,
                 slugGenerator,
                 enabled
@@ -4824,6 +5092,7 @@ const ARoleForm = defineComponent({
         const busy = ref(false);
         const form = reactive({
             name: '',
+            display_name: '',
             description: '',
             realm_id: ''
         });
@@ -4833,6 +5102,10 @@ const ARoleForm = defineComponent({
                 minLength: minLength(3),
                 maxLength: maxLength(30)
             },
+            display_name: {
+                minLength: minLength(3),
+                maxLength: maxLength(256)
+            },
             description: {
                 minLength: minLength(5),
                 maxLength: maxLength(4096)
@@ -4876,6 +5149,9 @@ const ARoleForm = defineComponent({
             {
                 key: TranslatorTranslationDefaultKey.NAME
             },
+            {
+                key: TranslatorTranslationDefaultKey.DISPLAY_NAME
+            },
             {
                 key: TranslatorTranslationDefaultKey.DESCRIPTION
             }
@@ -4894,6 +5170,18 @@ const ARoleForm = defineComponent({
                     }
                 })
             }));
+            children.push(buildFormGroup({
+                validationMessages: translationsValidation.display_name.value,
+                validationSeverity: getVuelidateSeverity($v.value.display_name),
+                label: true,
+                labelContent: translationsDefault[TranslatorTranslationDefaultKey.DISPLAY_NAME].value,
+                content: buildFormInput({
+                    value: $v.value.display_name.$model,
+                    onChange (input) {
+                        $v.value.display_name.$model = input;
+                    }
+                })
+            }));
             children.push(buildFormGroup({
                 validationMessages: translationsValidation.description.value,
                 validationSeverity: getVuelidateSeverity($v.value.description),
@@ -5017,6 +5305,38 @@ const APermission = defineComponent({
     }
 });
 
+const APermissionCheck = defineComponent({
+    props: {
+        name: {
+            type: [
+                String,
+                Array
+            ],
+            required: true
+        },
+        data: {
+            type: Object
+        },
+        options: {
+            type: Object
+        }
+    },
+    setup (props, { slots }) {
+        const fn = createPermissionCheckerReactiveFn();
+        const isPermitted = computed(()=>fn({
+                name: props.name,
+                data: props.data,
+                options: props.options
+            }));
+        return ()=>{
+            if (isPermitted.value && hasNormalizedSlot(SlotName.DEFAULT, slots)) {
+                return normalizeSlot(SlotName.DEFAULT, {}, slots);
+            }
+            return [];
+        };
+    }
+});
+
 const APermissionForm = defineComponent({
     props: {
         entity: {
@@ -5028,6 +5348,7 @@ const APermissionForm = defineComponent({
         const busy = ref(false);
         const form = reactive({
             name: '',
+            display_name: '',
             description: '',
             realm_id: ''
         });
@@ -5037,6 +5358,10 @@ const APermissionForm = defineComponent({
                 minLength: minLength(3),
                 maxLength: maxLength(128)
             },
+            display_name: {
+                minLength: minLength(3),
+                maxLength: maxLength(256)
+            },
             description: {
                 minLength: minLength(5),
                 maxLength: maxLength(4096)
@@ -5080,6 +5405,9 @@ const APermissionForm = defineComponent({
             {
                 key: TranslatorTranslationDefaultKey.NAME
             },
+            {
+                key: TranslatorTranslationDefaultKey.DISPLAY_NAME
+            },
             {
                 key: TranslatorTranslationDefaultKey.DESCRIPTION
             }
@@ -5101,6 +5429,18 @@ const APermissionForm = defineComponent({
                     }
                 })
             }));
+            children.push(buildFormGroup({
+                validationMessages: translationsValidation.display_name.value,
+                validationSeverity: getVuelidateSeverity($v.value.display_name),
+                label: true,
+                labelContent: translationsDefault[TranslatorTranslationDefaultKey.DISPLAY_NAME].value,
+                content: buildFormInput({
+                    value: $v.value.display_name.$model,
+                    onChange (input) {
+                        $v.value.display_name.$model = input;
+                    }
+                })
+            }));
             children.push(buildFormGroup({
                 validationMessages: translationsValidation.description.value,
                 validationSeverity: getVuelidateSeverity($v.value.description),
@@ -5240,6 +5580,7 @@ const ARobotForm = defineComponent({
         const busy = ref(false);
         const form = reactive({
             name: '',
+            display_name: '',
             realm_id: '',
             secret: ''
         });
@@ -5249,6 +5590,10 @@ const ARobotForm = defineComponent({
                 minLength: minLength(3),
                 maxLength: maxLength(128)
             },
+            display_name: {
+                minLength: minLength(3),
+                maxLength: maxLength(256)
+            },
             realm_id: {
                 required
             },
@@ -5268,7 +5613,7 @@ const ARobotForm = defineComponent({
         const isRealmLocked = computed(()=>!!props.realmId);
         const isSecretHashed = computed(()=>manager.data.value && manager.data.value.secret === form.secret && form.secret.startsWith('$'));
         const generateSecret = ()=>{
-            form.secret = createNanoID('0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ-_!.', 64);
+            form.secret = createNanoID(64);
         };
         function initForm() {
             if (props.name) {
@@ -5310,6 +5655,9 @@ const ARobotForm = defineComponent({
             {
                 key: TranslatorTranslationDefaultKey.NAME
             },
+            {
+                key: TranslatorTranslationDefaultKey.DISPLAY_NAME
+            },
             {
                 key: TranslatorTranslationDefaultKey.DESCRIPTION
             },
@@ -5333,6 +5681,18 @@ const ARobotForm = defineComponent({
                     }
                 })
             });
+            const displayName = buildFormGroup({
+                validationMessages: translationsValidation.display_name.value,
+                validationSeverity: getVuelidateSeverity($v.value.display_name),
+                label: true,
+                labelContent: translationsDefault[TranslatorTranslationDefaultKey.DISPLAY_NAME].value,
+                content: buildFormInput({
+                    value: $v.value.display_name.$model,
+                    onChange (input) {
+                        $v.value.display_name.$model = input;
+                    }
+                })
+            });
             let id = [];
             if (manager.data.value) {
                 id = [
@@ -5397,6 +5757,7 @@ const ARobotForm = defineComponent({
             }, [
                 id,
                 name,
+                displayName,
                 secret,
                 secretInfo,
                 h('hr'),
@@ -5656,7 +6017,6 @@ const AUserForm = defineComponent({
     emits: defineEntityManagerEvents(),
     async setup (props, ctx) {
         const busy = ref(false);
-        const displayNameChanged = ref(false);
         const form = reactive({
             active: true,
             name: '',
@@ -5674,9 +6034,8 @@ const AUserForm = defineComponent({
             },
             name_locked: {},
             display_name: {
-                required,
                 minLength: minLength(3),
-                maxLength: maxLength(128)
+                maxLength: maxLength(256)
             },
             email: {
                 minLength: minLength(5),
@@ -5717,14 +6076,6 @@ const AUserForm = defineComponent({
             }
             await manager.createOrUpdate(form);
         };
-        const updateDisplayName = (value)=>{
-            if (!displayNameChanged.value) {
-                form.display_name = value;
-            }
-        };
-        const handleDisplayNameChanged = (value)=>{
-            displayNameChanged.value = value.length !== 0;
-        };
         const translationsValidation = useTranslationsForNestedValidation($v.value);
         const translationsSubmit = createFormSubmitTranslations();
         const translationsDefault = useTranslationsForGroup(TranslatorTranslationGroup.DEFAULT, [
@@ -5763,7 +6114,6 @@ const AUserForm = defineComponent({
                     value: $v.value.name.$model,
                     onChange (input) {
                         $v.value.name.$model = input;
-                        updateDisplayName.call(null, input);
                     },
                     props: {
                         disabled: form.name_locked
@@ -5779,7 +6129,6 @@ const AUserForm = defineComponent({
                     value: $v.value.display_name.$model,
                     onChange (input) {
                         $v.value.display_name.$model = input;
-                        handleDisplayNameChanged.call(null, input);
                     }
                 })
             });
@@ -6290,11 +6639,11 @@ const APagination = defineComponent({
  * Author Peter Placzek (tada5hi)
  * For the full copyright and license information,
  * view the LICENSE file that was distributed with this source code.
- */ var TitleSlotName;
-(function(TitleSlotName) {
+ */ var TitleSlotName = /*#__PURE__*/ function(TitleSlotName) {
     TitleSlotName["DEFAULT"] = "default";
     TitleSlotName["ICON"] = "icon";
-})(TitleSlotName || (TitleSlotName = {}));
+    return TitleSlotName;
+}({});
 
 function buildTitle(ctx) {
     ctx.tag = ctx.tag || 'h6';
@@ -6380,11 +6729,11 @@ const ATitle = defineComponent({
  * Author Peter Placzek (tada5hi)
  * For the full copyright and license information,
  * view the LICENSE file that was distributed with this source code.
- */ var ListSearchSlotName;
-(function(ListSearchSlotName) {
+ */ var ListSearchSlotName = /*#__PURE__*/ function(ListSearchSlotName) {
     ListSearchSlotName["DEFAULT"] = "default";
     ListSearchSlotName["ICON"] = "icon";
-})(ListSearchSlotName || (ListSearchSlotName = {}));
+    return ListSearchSlotName;
+}({});
 
 function debounce(func, timeout = 200) {
     let timer;
@@ -6554,12 +6903,6 @@ const LanguageSwitcherDropdown = defineComponent({
     }
 });
 
-var ElementType;
-(function(ElementType) {
-    ElementType["BUTTON"] = "button";
-    ElementType["LINK"] = "link";
-    ElementType["DROP_DOWN_ITEM"] = "dropDownItem";
-})(ElementType || (ElementType = {}));
 const AEntityDelete = defineComponent({
     props: {
         elementIcon: {
@@ -6597,7 +6940,7 @@ const AEntityDelete = defineComponent({
         const busy = ref(false);
         const submit = wrapFnWithBusyState(busy, async ()=>{
             const domainAPI = apiClient[props.entityType];
-            if (!isObject$1(domainAPI)) {
+            if (!isObject$2(domainAPI)) {
                 return;
             }
             if (typeof domainAPI.delete !== 'function') {
@@ -6686,6 +7029,7 @@ var components = /*#__PURE__*/Object.freeze({
     AIdentityProviders: AIdentityProviders,
     APagination: APagination,
     APermission: APermission,
+    APermissionCheck: APermissionCheck,
     APermissionForm: APermissionForm,
     APermissionRobotAssignments: APermissionRobotAssignments,
     APermissionRoleAssignments: APermissionRoleAssignments,
@@ -6757,7 +7101,8 @@ function install(app1, options) {
     });
     installHTTPClient(app1, {
         pinia: options.pinia,
-        baseURL: options.baseURL
+        baseURL: options.baseURL,
+        isServer: options.isServer
     });
     installTranslator(app1, {
         locale: options.translatorLocale
@@ -6769,5 +7114,5 @@ var index = {
     install
 };
 
-export { AClient, AClientForm, AClientRedirectUris, AClientRedirectUrisItem, AClientScope, AClientScopeAssignment, AClientScopeAssignments, AClientScopes, AClients, AEntityDelete, AIdentityProvider, AIdentityProviderForm, AIdentityProviderIcon, AIdentityProviderLdapForm, AIdentityProviderOAuth2Form, AIdentityProviderPreset, AIdentityProviderProtocol, AIdentityProviderRoleAssignment, AIdentityProviderRoleAssignments, AIdentityProviders, APagination, APermission, APermissionForm, APermissionRobotAssignments, APermissionRoleAssignments, APermissionUserAssignments, APermissions, ARealm, ARealmForm, ARealms, ARobot, ARobotForm, ARobotPermissionAssignment, ARobotPermissionAssignments, ARobotRoleAssignment, ARobotRoleAssignments, ARobots, ARole, ARoleForm, ARolePermissionAssignment, ARolePermissionAssignments, ARoleRobotAssignments, ARoleUserAssignments, ARoles, AScope, AScopeClientAssignments, AScopeForm, AScopes, ASearch, ATitle, AUser, AUserForm, AUserPasswordForm, AUserPermissionAssignment, AUserPermissionAssignments, AUserRoleAssignment, AUserRoleAssignments, AUsers, EntityManagerError, HTTPClientSymbol, LanguageSwitcherDropdown, STORE_ID, SocketClientSymbol, StoreSymbol, TranslatorTranslationClientKey, TranslatorTranslationDefaultKey, TranslatorTranslationGroup, TranslatorTranslationVuecsKey, VuelidateCustomRule, VuelidateCustomRuleKey, buildEntityManagerSlotProps, buildFormSubmitWithTranslations, buildListCreatedHandler, buildListDeletedHandler, buildListUpdatedHandler, createEntityManager, createFormSubmitTranslations, createList, createStore, index as default, defineEntityManagerEvents, defineEntityManagerProps, defineListEvents, defineListProps, extendObjectProperties, extractVuelidateResultsFromChild, getVuelidateSeverity, hasHTTPClient, hasNormalizedSlot, hasStore, initFormAttributesFromSource, inject$1 as inject, injectHTTPClient, injectSocketManager, injectStore, injectTranslatorLocale, install, installHTTPClient, installSocketManager, installStore, installTranslator, isQuerySortedDescByDate, isSocketManagerUsable, mergeListOptions, normalizeSlot, onChange, provide, provideHTTPClient, provideSocketManager, provideStore, renderEntityAssignAction, storeToRefs, useAbilityCheck, useIsEditing, useRealmResourceWritableCheck, useStore, useTranslation, useTranslationsForBaseValidation, useTranslationsForGroup, useTranslationsForNestedValidation, useUpdatedAt, wrapFnWithBusyState };
+export { AClient, AClientForm, AClientRedirectUris, AClientRedirectUrisItem, AClientScope, AClientScopeAssignment, AClientScopeAssignments, AClientScopes, AClients, AEntityDelete, AIdentityProvider, AIdentityProviderForm, AIdentityProviderIcon, AIdentityProviderLdapForm, AIdentityProviderOAuth2Form, AIdentityProviderPreset, AIdentityProviderProtocol, AIdentityProviderRoleAssignment, AIdentityProviderRoleAssignments, AIdentityProviders, APagination, APermission, APermissionCheck, APermissionForm, APermissionRobotAssignments, APermissionRoleAssignments, APermissionUserAssignments, APermissions, ARealm, ARealmForm, ARealms, ARobot, ARobotForm, ARobotPermissionAssignment, ARobotPermissionAssignments, ARobotRoleAssignment, ARobotRoleAssignments, ARobots, ARole, ARoleForm, ARolePermissionAssignment, ARolePermissionAssignments, ARoleRobotAssignments, ARoleUserAssignments, ARoles, AScope, AScopeClientAssignments, AScopeForm, AScopes, ASearch, ATitle, AUser, AUserForm, AUserPasswordForm, AUserPermissionAssignment, AUserPermissionAssignments, AUserRoleAssignment, AUserRoleAssignments, AUsers, EntityManagerError, HTTPClientSymbol, LanguageSwitcherDropdown, STORE_ID, SocketClientSymbol, StoreSymbol, TranslatorTranslationClientKey, TranslatorTranslationDefaultKey, TranslatorTranslationGroup, TranslatorTranslationVuecsKey, VuelidateCustomRule, VuelidateCustomRuleKey, buildEntityManagerSlotProps, buildFormSubmitWithTranslations, buildListCreatedHandler, buildListDeletedHandler, buildListUpdatedHandler, createEntityManager, createFormSubmitTranslations, createList, createPermissionCheckerReactiveFn, createStore, index as default, defineEntityManagerEvents, defineEntityManagerProps, defineListEvents, defineListProps, extendObjectProperties, extractVuelidateResultsFromChild, getVuelidateSeverity, hasHTTPClient, hasNormalizedSlot, hasStoreFactory, initFormAttributesFromSource, inject$1 as inject, injectHTTPClient, injectSocketManager, injectStoreFactory, injectTranslatorLocale, install, installHTTPClient, installSocketManager, installStore, installTranslator, isQuerySortedDescByDate, isSocketManagerUsable, mergeListOptions, normalizeSlot, onChange, provide, provideHTTPClient, provideSocketManager, provideStoreFactory, renderEntityAssignAction, storeToRefs, useIsEditing, usePermissionCheck, useRealmResourceWritableCheck, useStore, useTranslation, useTranslationsForBaseValidation, useTranslationsForGroup, useTranslationsForNestedValidation, useUpdatedAt, wrapFnWithBusyState };
 //# sourceMappingURL=index.mjs.map