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

package/dist/index.cjs

@@ -94,6 +94,23 @@ class PolicyEngine extends kit.PolicyEngine {
     }
 }
 
+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 coreHttpKit.Client({
         baseURL: context.baseURL
@@ -122,38 +139,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 = vue.ref(undefined);
     const userId = vue.computed(()=>user.value ? user.value.id : undefined);
-    const userResolved = vue.ref(false);
     const setUser = (entity)=>{
         user.value = entity;
-        userResolved.value = !!entity;
     };
     // --------------------------------------------------------------------
     const realm = vue.ref(undefined);
@@ -174,72 +163,100 @@ function createStore(context = {}) {
     const setRealmManagement = (entity)=>{
         realmManagement.value = entity;
     };
+    // --------------------------------------------------------------------
     const permissionRepository = new kit.PermissionMemoryProvider();
     const permissionChecker = new kit.PermissionChecker({
         provider: permissionRepository,
         policyEngine: new PolicyEngine()
     });
-    const tokenInfo = vue.ref(undefined);
-    const tokenResolved = vue.ref(false);
-    const setTokenInfo = (entity)=>{
-        tokenResolved.value = !!entity;
-        tokenInfo.value = entity;
-        if (!entity) {
-            setRealm(undefined);
-            setRealmManagement(undefined);
-            permissionRepository.setMany([]);
-            return;
+    // --------------------------------------------------------------------
+    const userResolved = vue.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 = vue.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) {
-            permissionRepository.setMany(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 kit.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 (coreHttpKit.isClientTokenExpiredError(e)) {
-                await attemptRefreshToken();
-                await resolve({
-                    refresh: true,
-                    attempts: ctx.attempts ? ctx.attempts++ : 1
-                });
-                return;
+            if (coreHttpKit.isClientTokenExpiredError(e) && refreshToken.value) {
+                await refreshSession();
+                return resolveInternal();
             }
             throw e;
         }
+        return Promise.resolve();
     };
+    const resolve = createPromiseShareWrapperFn(resolveInternal);
     const loggedIn = vue.computed(()=>!!accessToken.value);
     const login = async (ctx)=>{
         try {
@@ -253,7 +270,7 @@ function createStore(context = {}) {
             handleTokenGrantResponse(response);
             await resolve();
         } catch (e) {
-            setUser(undefined);
+            logout();
             throw e;
         }
     };
@@ -262,7 +279,10 @@ function createStore(context = {}) {
         setAccessTokenExpireDate(undefined);
         setRefreshToken(undefined);
         setUser(undefined);
-        setTokenInfo(undefined);
+        setRealm(undefined);
+        setRealmManagement(undefined);
+        tokenResolved.value = false;
+        userResolved.value = false;
     };
     return {
         initialized,
@@ -279,8 +299,6 @@ function createStore(context = {}) {
         setAccessTokenExpireDate,
         refreshToken,
         setRefreshToken,
-        tokenInfo,
-        setTokenInfo,
         realm,
         realmId,
         realmIsRoot,
@@ -363,34 +381,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 = pinia.defineStore(STORE_ID, ()=>createStore({
+    const storeFactory = pinia.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;
@@ -409,8 +427,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();
@@ -467,12 +485,12 @@ function installStore(app, options = {}) {
             return;
         }
         if (action.name === 'logout') {
-            cookieUnset(coreHttpKit.CookieName.ACCESS_TOKEN);
-            cookieUnset(coreHttpKit.CookieName.ACCESS_TOKEN_EXPIRE_DATE);
-            cookieUnset(coreHttpKit.CookieName.REFRESH_TOKEN);
-            cookieUnset(coreHttpKit.CookieName.USER);
-            cookieUnset(coreHttpKit.CookieName.REALM);
-            cookieUnset(coreHttpKit.CookieName.REALM_MANAGEMENT);
+            cookieUnset(coreHttpKit.CookieName.ACCESS_TOKEN, {});
+            cookieUnset(coreHttpKit.CookieName.ACCESS_TOKEN_EXPIRE_DATE, {});
+            cookieUnset(coreHttpKit.CookieName.REFRESH_TOKEN, {});
+            cookieUnset(coreHttpKit.CookieName.USER, {});
+            cookieUnset(coreHttpKit.CookieName.REALM, {});
+            cookieUnset(coreHttpKit.CookieName.REALM_MANAGEMENT, {});
         }
     });
     initStore();
@@ -480,26 +498,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(coreHttpKit.CookieName.ACCESS_TOKEN, state.accessToken);
+            cookieSet(coreHttpKit.CookieName.ACCESS_TOKEN, state.accessToken, {
+                maxAge
+            });
         }
         if (state.accessTokenExpireDate) {
-            cookieSet(coreHttpKit.CookieName.ACCESS_TOKEN_EXPIRE_DATE, state.accessTokenExpireDate);
+            cookieSet(coreHttpKit.CookieName.ACCESS_TOKEN_EXPIRE_DATE, state.accessTokenExpireDate, {
+                maxAge
+            });
         }
         if (state.refreshToken) {
-            cookieSet(coreHttpKit.CookieName.REFRESH_TOKEN, state.refreshToken);
+            cookieSet(coreHttpKit.CookieName.REFRESH_TOKEN, state.refreshToken, {});
         }
         if (state.user) {
-            cookieSet(coreHttpKit.CookieName.USER, state.user);
+            cookieSet(coreHttpKit.CookieName.USER, state.user, {});
         }
         if (state.realm) {
-            cookieSet(coreHttpKit.CookieName.REALM, state.realm);
+            cookieSet(coreHttpKit.CookieName.REALM, state.realm, {});
         }
         if (state.realmManagement) {
-            cookieSet(coreHttpKit.CookieName.REALM_MANAGEMENT, state.realmManagement);
+            cookieSet(coreHttpKit.CookieName.REALM_MANAGEMENT, state.realmManagement, {});
         }
     });
-    provideStore(storeCreator, app);
+    provideStoreFactory(storeFactory, app);
 }
 
 function storeToRefs(store) {
@@ -522,8 +548,8 @@ function installHTTPClient(app, options = {}) {
     const client = new coreHttpKit.Client({
         baseURL: options.baseURL
     });
-    const storeCreator = injectStore(app);
-    const store = storeCreator(options.pinia);
+    const storeFactory = injectStoreFactory(app);
+    const store = storeFactory(options.pinia);
     const { refreshToken } = pinia.storeToRefs(store);
     const tokenHook = new coreHttpKit.ClientResponseErrorTokenHook(client, {
         baseURL: options.baseURL,
@@ -540,7 +566,8 @@ function installHTTPClient(app, options = {}) {
         },
         tokenFailed: ()=>{
             store.logout();
-        }
+        },
+        timer: !options.isServer
     });
     store.$subscribe((mutation, state)=>{
         if (mutation.storeId !== STORE_ID) return;
@@ -556,10 +583,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);
@@ -777,7 +801,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 coreRealtimeKit.ClientManager({
@@ -1543,26 +1567,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.
- */ exports.TranslatorTranslationGroup = void 0;
-(function(TranslatorTranslationGroup) {
+ */ var TranslatorTranslationGroup = /*#__PURE__*/ function(TranslatorTranslationGroup) {
     TranslatorTranslationGroup["DEFAULT"] = "default";
     TranslatorTranslationGroup["CLIENT"] = "authupClient";
     TranslatorTranslationGroup["VUECS"] = "vuecs";
     TranslatorTranslationGroup["VUELIDATE"] = "vuelidate";
-})(exports.TranslatorTranslationGroup || (exports.TranslatorTranslationGroup = {}));
-exports.TranslatorTranslationVuecsKey = void 0;
-(function(TranslatorTranslationVuecsKey) {
+    return TranslatorTranslationGroup;
+}({});
+var TranslatorTranslationVuecsKey = /*#__PURE__*/ function(TranslatorTranslationVuecsKey) {
     TranslatorTranslationVuecsKey["NO_MORE"] = "noMore";
-})(exports.TranslatorTranslationVuecsKey || (exports.TranslatorTranslationVuecsKey = {}));
-exports.TranslatorTranslationClientKey = void 0;
-(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";
-})(exports.TranslatorTranslationClientKey || (exports.TranslatorTranslationClientKey = {}));
-exports.TranslatorTranslationDefaultKey = void 0;
-(function(TranslatorTranslationDefaultKey) {
+    return TranslatorTranslationClientKey;
+}({});
+var TranslatorTranslationDefaultKey = /*#__PURE__*/ function(TranslatorTranslationDefaultKey) {
     TranslatorTranslationDefaultKey["ADD"] = "add";
     TranslatorTranslationDefaultKey["CREATE"] = "create";
     TranslatorTranslationDefaultKey["DELETE"] = "delete";
@@ -1593,7 +1616,8 @@ exports.TranslatorTranslationDefaultKey = void 0;
     TranslatorTranslationDefaultKey["SECRET"] = "secret";
     TranslatorTranslationDefaultKey["REDIRECT_URIS"] = "redirectUris";
     TranslatorTranslationDefaultKey["USERS"] = "users";
-})(exports.TranslatorTranslationDefaultKey || (exports.TranslatorTranslationDefaultKey = {}));
+    return TranslatorTranslationDefaultKey;
+}({});
 
 /*
  * Copyright (c) 2024-2024.
@@ -1881,49 +1905,49 @@ function useTranslationsForGroup(group, elements) {
 }
 
 const TranslatorTranslationClientGerman = {
-    [exports.TranslatorTranslationClientKey.NAME_HINT]: 'Etwas, das Benutzer erkennen und vertrauen werden',
-    [exports.TranslatorTranslationClientKey.DESCRIPTION_HINT]: 'Dies wird allen Benutzern dieser Anwendung angezeigt',
-    [exports.TranslatorTranslationClientKey.REDIRECT_URI_HINT]: 'URI-Muster, zu dem ein Browser nach einem erfolgreichen Login weiterleiten kann',
-    [exports.TranslatorTranslationClientKey.IS_CONFIDENTIAL]: 'Ist vertraulich?'
+    [TranslatorTranslationClientKey.NAME_HINT]: 'Etwas, das Benutzer erkennen und vertrauen werden',
+    [TranslatorTranslationClientKey.DESCRIPTION_HINT]: 'Dies wird allen Benutzern dieser Anwendung angezeigt',
+    [TranslatorTranslationClientKey.REDIRECT_URI_HINT]: 'URI-Muster, zu dem ein Browser nach einem erfolgreichen Login weiterleiten kann',
+    [TranslatorTranslationClientKey.IS_CONFIDENTIAL]: 'Ist vertraulich?'
 };
 
 const TranslatorTranslationDefaultGerman = {
-    [exports.TranslatorTranslationDefaultKey.ADD]: 'hinzufügen',
-    [exports.TranslatorTranslationDefaultKey.CREATE]: 'erstellen',
-    [exports.TranslatorTranslationDefaultKey.DELETE]: 'löschen',
-    [exports.TranslatorTranslationDefaultKey.GENERATE]: 'generieren',
-    [exports.TranslatorTranslationDefaultKey.UPDATE]: 'aktualisieren',
-    [exports.TranslatorTranslationDefaultKey.ACTIVE]: 'aktiv',
-    [exports.TranslatorTranslationDefaultKey.INACTIVE]: 'inaktiv',
-    [exports.TranslatorTranslationDefaultKey.LOCKED]: 'gesperrt',
-    [exports.TranslatorTranslationDefaultKey.NOT_LOCKED]: 'nicht gesperrt',
-    [exports.TranslatorTranslationDefaultKey.VALUE_IS_REGEX]: 'Wert ist regex pattern?',
-    [exports.TranslatorTranslationDefaultKey.CLIENT]: 'Client',
-    [exports.TranslatorTranslationDefaultKey.CLIENTS]: 'Clients',
-    [exports.TranslatorTranslationDefaultKey.CLIENT_SCOPES]: 'Client-Bereiche',
-    [exports.TranslatorTranslationDefaultKey.DISPLAY_NAME]: 'Anzeigename',
-    [exports.TranslatorTranslationDefaultKey.EMAIL]: 'E-Mail',
-    [exports.TranslatorTranslationDefaultKey.EXTERNAL_ID]: 'externe ID',
-    [exports.TranslatorTranslationDefaultKey.HASHED]: 'gehasht',
-    [exports.TranslatorTranslationDefaultKey.OVERVIEW]: 'Überblick',
-    [exports.TranslatorTranslationDefaultKey.IDENTITY_PROVIDERS]: 'Identitätsanbieter',
-    [exports.TranslatorTranslationDefaultKey.NAME]: 'Name',
-    [exports.TranslatorTranslationDefaultKey.DESCRIPTION]: 'Beschreibung',
-    [exports.TranslatorTranslationDefaultKey.PERMISSIONS]: 'Berechtigungen',
-    [exports.TranslatorTranslationDefaultKey.REALM]: 'Organisation',
-    [exports.TranslatorTranslationDefaultKey.REALMS]: 'Organisationen',
-    [exports.TranslatorTranslationDefaultKey.ROLES]: 'Rollen',
-    [exports.TranslatorTranslationDefaultKey.SCOPES]: 'Bereiche',
-    [exports.TranslatorTranslationDefaultKey.SECRET]: 'Geheimnis',
-    [exports.TranslatorTranslationDefaultKey.REDIRECT_URIS]: 'Weiterleitungs-URIs',
-    [exports.TranslatorTranslationDefaultKey.USERS]: 'Benutzer'
+    [TranslatorTranslationDefaultKey.ADD]: 'hinzufügen',
+    [TranslatorTranslationDefaultKey.CREATE]: 'erstellen',
+    [TranslatorTranslationDefaultKey.DELETE]: 'löschen',
+    [TranslatorTranslationDefaultKey.GENERATE]: 'generieren',
+    [TranslatorTranslationDefaultKey.UPDATE]: 'aktualisieren',
+    [TranslatorTranslationDefaultKey.ACTIVE]: 'aktiv',
+    [TranslatorTranslationDefaultKey.INACTIVE]: 'inaktiv',
+    [TranslatorTranslationDefaultKey.LOCKED]: 'gesperrt',
+    [TranslatorTranslationDefaultKey.NOT_LOCKED]: 'nicht gesperrt',
+    [TranslatorTranslationDefaultKey.VALUE_IS_REGEX]: 'Wert ist regex pattern?',
+    [TranslatorTranslationDefaultKey.CLIENT]: 'Client',
+    [TranslatorTranslationDefaultKey.CLIENTS]: 'Clients',
+    [TranslatorTranslationDefaultKey.CLIENT_SCOPES]: 'Client-Bereiche',
+    [TranslatorTranslationDefaultKey.DISPLAY_NAME]: 'Anzeigename',
+    [TranslatorTranslationDefaultKey.EMAIL]: 'E-Mail',
+    [TranslatorTranslationDefaultKey.EXTERNAL_ID]: 'externe ID',
+    [TranslatorTranslationDefaultKey.HASHED]: 'gehasht',
+    [TranslatorTranslationDefaultKey.OVERVIEW]: 'Überblick',
+    [TranslatorTranslationDefaultKey.IDENTITY_PROVIDERS]: 'Identitätsanbieter',
+    [TranslatorTranslationDefaultKey.NAME]: 'Name',
+    [TranslatorTranslationDefaultKey.DESCRIPTION]: 'Beschreibung',
+    [TranslatorTranslationDefaultKey.PERMISSIONS]: 'Berechtigungen',
+    [TranslatorTranslationDefaultKey.REALM]: 'Organisation',
+    [TranslatorTranslationDefaultKey.REALMS]: 'Organisationen',
+    [TranslatorTranslationDefaultKey.ROLES]: 'Rollen',
+    [TranslatorTranslationDefaultKey.SCOPES]: 'Bereiche',
+    [TranslatorTranslationDefaultKey.SECRET]: 'Geheimnis',
+    [TranslatorTranslationDefaultKey.REDIRECT_URIS]: 'Weiterleitungs-URIs',
+    [TranslatorTranslationDefaultKey.USERS]: 'Benutzer'
 };
 
-exports.VuelidateCustomRuleKey = void 0;
-(function(VuelidateCustomRuleKey) {
+var VuelidateCustomRuleKey = /*#__PURE__*/ function(VuelidateCustomRuleKey) {
     VuelidateCustomRuleKey["ALPHA_NUM_HYPHEN_UNDERSCORE"] = "alphaNumHyphenUnderscore";
     VuelidateCustomRuleKey["ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE"] = "alphaUpperNumHyphenUnderscore";
-})(exports.VuelidateCustomRuleKey || (exports.VuelidateCustomRuleKey = {}));
+    return VuelidateCustomRuleKey;
+}({});
 const VuelidateCustomRule = {
     ["alphaNumHyphenUnderscore"]: validators.helpers.regex(/^[a-z0-9-_]*$/),
     ["alphaUpperNumHyphenUnderscore"]: validators.helpers.regex(/^[a-zA-Z0-9-_]*$/)
@@ -1947,76 +1971,76 @@ function extractVuelidateResultsFromChild(vuelidate, child, keys) {
 }
 
 const TranslatorTranslationVuelidateGerman = {
-    [exports.VuelidateCustomRuleKey.ALPHA_NUM_HYPHEN_UNDERSCORE]: 'Der Eingabewert darf nur aus folgenden Zeichen bestehen: [0-9a-z-_]+',
-    [exports.VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE]: 'Der Eingabewert darf nur aus folgenden Zeichen bestehen: [0-9a-zA-Z-_]+'
+    [VuelidateCustomRuleKey.ALPHA_NUM_HYPHEN_UNDERSCORE]: 'Der Eingabewert darf nur aus folgenden Zeichen bestehen: [0-9a-z-_]+',
+    [VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE]: 'Der Eingabewert darf nur aus folgenden Zeichen bestehen: [0-9a-zA-Z-_]+'
 };
 
 const TranslatorTranslationVuecsGerman = {
-    [exports.TranslatorTranslationVuecsKey.NO_MORE]: 'Keine weiteren {{name}} verfügbar'
+    [TranslatorTranslationVuecsKey.NO_MORE]: 'Keine weiteren {{name}} verfügbar'
 };
 
 const TranslatorTranslationClientEnglish = {
-    [exports.TranslatorTranslationClientKey.NAME_HINT]: 'Something users will recognize and trust',
-    [exports.TranslatorTranslationClientKey.DESCRIPTION_HINT]: 'Displayed to all users of this application',
-    [exports.TranslatorTranslationClientKey.REDIRECT_URI_HINT]: 'URI pattern a browser can redirect to after a successful login',
-    [exports.TranslatorTranslationClientKey.IS_CONFIDENTIAL]: 'Is confidential?'
+    [TranslatorTranslationClientKey.NAME_HINT]: 'Something users will recognize and trust',
+    [TranslatorTranslationClientKey.DESCRIPTION_HINT]: 'Displayed to all users of this application',
+    [TranslatorTranslationClientKey.REDIRECT_URI_HINT]: 'URI pattern a browser can redirect to after a successful login',
+    [TranslatorTranslationClientKey.IS_CONFIDENTIAL]: 'Is confidential?'
 };
 
 const TranslatorTranslationDefaultEnglish = {
-    [exports.TranslatorTranslationDefaultKey.ADD]: 'add',
-    [exports.TranslatorTranslationDefaultKey.CREATE]: 'create',
-    [exports.TranslatorTranslationDefaultKey.DELETE]: 'delete',
-    [exports.TranslatorTranslationDefaultKey.GENERATE]: 'generate',
-    [exports.TranslatorTranslationDefaultKey.UPDATE]: 'update',
-    [exports.TranslatorTranslationDefaultKey.ACTIVE]: 'active',
-    [exports.TranslatorTranslationDefaultKey.INACTIVE]: 'inactive',
-    [exports.TranslatorTranslationDefaultKey.LOCKED]: 'locked',
-    [exports.TranslatorTranslationDefaultKey.NOT_LOCKED]: 'not locked',
-    [exports.TranslatorTranslationDefaultKey.VALUE_IS_REGEX]: 'Value is regex pattern?',
-    [exports.TranslatorTranslationDefaultKey.CLIENT]: 'update',
-    [exports.TranslatorTranslationDefaultKey.CLIENTS]: 'clients',
-    [exports.TranslatorTranslationDefaultKey.CLIENT_SCOPES]: 'client scopes',
-    [exports.TranslatorTranslationDefaultKey.DISPLAY_NAME]: 'display name',
-    [exports.TranslatorTranslationDefaultKey.EMAIL]: 'email',
-    [exports.TranslatorTranslationDefaultKey.EXTERNAL_ID]: 'external id',
-    [exports.TranslatorTranslationDefaultKey.HASHED]: 'hashed',
-    [exports.TranslatorTranslationDefaultKey.OVERVIEW]: 'overview',
-    [exports.TranslatorTranslationDefaultKey.IDENTITY_PROVIDERS]: 'identity providers',
-    [exports.TranslatorTranslationDefaultKey.NAME]: 'name',
-    [exports.TranslatorTranslationDefaultKey.DESCRIPTION]: 'description',
-    [exports.TranslatorTranslationDefaultKey.PERMISSIONS]: 'permissions',
-    [exports.TranslatorTranslationDefaultKey.REALM]: 'realm',
-    [exports.TranslatorTranslationDefaultKey.REALMS]: 'realms',
-    [exports.TranslatorTranslationDefaultKey.ROLES]: 'roles',
-    [exports.TranslatorTranslationDefaultKey.SCOPES]: 'scopes',
-    [exports.TranslatorTranslationDefaultKey.SECRET]: 'secret',
-    [exports.TranslatorTranslationDefaultKey.REDIRECT_URIS]: 'redirect uri(s)',
-    [exports.TranslatorTranslationDefaultKey.USERS]: 'users'
+    [TranslatorTranslationDefaultKey.ADD]: 'add',
+    [TranslatorTranslationDefaultKey.CREATE]: 'create',
+    [TranslatorTranslationDefaultKey.DELETE]: 'delete',
+    [TranslatorTranslationDefaultKey.GENERATE]: 'generate',
+    [TranslatorTranslationDefaultKey.UPDATE]: 'update',
+    [TranslatorTranslationDefaultKey.ACTIVE]: 'active',
+    [TranslatorTranslationDefaultKey.INACTIVE]: 'inactive',
+    [TranslatorTranslationDefaultKey.LOCKED]: 'locked',
+    [TranslatorTranslationDefaultKey.NOT_LOCKED]: 'not locked',
+    [TranslatorTranslationDefaultKey.VALUE_IS_REGEX]: 'Value is regex pattern?',
+    [TranslatorTranslationDefaultKey.CLIENT]: 'update',
+    [TranslatorTranslationDefaultKey.CLIENTS]: 'clients',
+    [TranslatorTranslationDefaultKey.CLIENT_SCOPES]: 'client scopes',
+    [TranslatorTranslationDefaultKey.DISPLAY_NAME]: 'display name',
+    [TranslatorTranslationDefaultKey.EMAIL]: 'email',
+    [TranslatorTranslationDefaultKey.EXTERNAL_ID]: 'external id',
+    [TranslatorTranslationDefaultKey.HASHED]: 'hashed',
+    [TranslatorTranslationDefaultKey.OVERVIEW]: 'overview',
+    [TranslatorTranslationDefaultKey.IDENTITY_PROVIDERS]: 'identity providers',
+    [TranslatorTranslationDefaultKey.NAME]: 'name',
+    [TranslatorTranslationDefaultKey.DESCRIPTION]: 'description',
+    [TranslatorTranslationDefaultKey.PERMISSIONS]: 'permissions',
+    [TranslatorTranslationDefaultKey.REALM]: 'realm',
+    [TranslatorTranslationDefaultKey.REALMS]: 'realms',
+    [TranslatorTranslationDefaultKey.ROLES]: 'roles',
+    [TranslatorTranslationDefaultKey.SCOPES]: 'scopes',
+    [TranslatorTranslationDefaultKey.SECRET]: 'secret',
+    [TranslatorTranslationDefaultKey.REDIRECT_URIS]: 'redirect uri(s)',
+    [TranslatorTranslationDefaultKey.USERS]: 'users'
 };
 
 const TranslatorTranslationVuelidateEnglish = {
-    [exports.VuelidateCustomRuleKey.ALPHA_NUM_HYPHEN_UNDERSCORE]: 'The input value is only allowed to consist of the following characters: [0-9a-z-_]+',
-    [exports.VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE]: 'The input value is only allowed to consist of the following characters: [0-9a-zA-Z-_]+'
+    [VuelidateCustomRuleKey.ALPHA_NUM_HYPHEN_UNDERSCORE]: 'The input value is only allowed to consist of the following characters: [0-9a-z-_]+',
+    [VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE]: 'The input value is only allowed to consist of the following characters: [0-9a-zA-Z-_]+'
 };
 
 const TranslatorTranslationVuecsEnglish = {
-    [exports.TranslatorTranslationVuecsKey.NO_MORE]: 'No more {{name}} available'
+    [TranslatorTranslationVuecsKey.NO_MORE]: 'No more {{name}} available'
 };
 
 function installTranslator(app, options = {}) {
     const store = new MemoryStore({
         data: {
             de: {
-                [exports.TranslatorTranslationGroup.CLIENT]: TranslatorTranslationClientGerman,
-                [exports.TranslatorTranslationGroup.DEFAULT]: TranslatorTranslationDefaultGerman,
-                [exports.TranslatorTranslationGroup.VUECS]: TranslatorTranslationVuecsGerman,
-                [exports.TranslatorTranslationGroup.VUELIDATE]: TranslatorTranslationVuelidateGerman
+                [TranslatorTranslationGroup.CLIENT]: TranslatorTranslationClientGerman,
+                [TranslatorTranslationGroup.DEFAULT]: TranslatorTranslationDefaultGerman,
+                [TranslatorTranslationGroup.VUECS]: TranslatorTranslationVuecsGerman,
+                [TranslatorTranslationGroup.VUELIDATE]: TranslatorTranslationVuelidateGerman
             },
             en: {
-                [exports.TranslatorTranslationGroup.CLIENT]: TranslatorTranslationClientEnglish,
-                [exports.TranslatorTranslationGroup.DEFAULT]: TranslatorTranslationDefaultEnglish,
-                [exports.TranslatorTranslationGroup.VUECS]: TranslatorTranslationVuecsEnglish,
-                [exports.TranslatorTranslationGroup.VUELIDATE]: TranslatorTranslationVuelidateEnglish
+                [TranslatorTranslationGroup.CLIENT]: TranslatorTranslationClientEnglish,
+                [TranslatorTranslationGroup.DEFAULT]: TranslatorTranslationDefaultEnglish,
+                [TranslatorTranslationGroup.VUECS]: TranslatorTranslationVuecsEnglish,
+                [TranslatorTranslationGroup.VUELIDATE]: TranslatorTranslationVuelidateEnglish
             }
         }
     });
@@ -2028,12 +2052,12 @@ function installTranslator(app, options = {}) {
 
 function createFormSubmitTranslations() {
     const updateText = useTranslation({
-        group: exports.TranslatorTranslationGroup.DEFAULT,
-        key: exports.TranslatorTranslationDefaultKey.UPDATE
+        group: TranslatorTranslationGroup.DEFAULT,
+        key: TranslatorTranslationDefaultKey.UPDATE
     });
     const createText = useTranslation({
-        group: exports.TranslatorTranslationGroup.DEFAULT,
-        key: exports.TranslatorTranslationDefaultKey.CREATE
+        group: TranslatorTranslationGroup.DEFAULT,
+        key: TranslatorTranslationDefaultKey.CREATE
     });
     return {
         createText,
@@ -2063,6 +2087,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 = vue.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;
+        vue.onMounted(()=>{
+            removeListener = vue.watch(storeRefs.loggedIn, ()=>{
+                Promise.resolve().then(()=>compute()).then((outcome)=>{
+                    data.value = outcome;
+                });
+            });
+        });
+        vue.onUnmounted(()=>{
+            if (typeof removeListener !== 'undefined') {
+                removeListener();
+            }
+        });
+        return data;
+    };
+}
+
 const AClient = vue.defineComponent({
     props: defineEntityManagerProps(),
     emits: defineEntityManagerEvents(),
@@ -2110,55 +2193,9 @@ function useUpdatedAt(input) {
     });
 }
 
-function useAbilityCheck(name) {
-    const store = useStore();
-    const refs = storeToRefs(store);
-    const data = vue.ref(false);
-    let computePromise;
-    const compute = async ()=>{
-        if (computePromise) {
-            return computePromise;
-        }
-        let identity;
-        if (refs.userId.value) {
-            identity = {
-                type: 'user',
-                id: refs.userId.value
-            };
-        }
-        let outcome;
-        try {
-            computePromise = store.permissionChecker.preCheck({
-                name,
-                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;
-    vue.onMounted(()=>{
-        removeListener = vue.watch(refs.loggedIn, ()=>{
-            Promise.resolve().then(()=>compute()).then((outcome)=>{
-                data.value = outcome;
-            });
-        });
-    });
-    vue.onUnmounted(()=>{
-        if (typeof removeListener !== 'undefined') {
-            removeListener();
-        }
-    });
-    return data;
+function usePermissionCheck(ctx) {
+    const checkFn = createPermissionCheckerReactiveFn();
+    return checkFn(ctx);
 }
 
 function useRealmResourceWritableCheck(realmId) {
@@ -2252,18 +2289,18 @@ const ARealmForm = vue.defineComponent({
         };
         const translationsValidation = useTranslationsForNestedValidation($v.value);
         const translationsSubmit = createFormSubmitTranslations();
-        const translationsDefault = useTranslationsForGroup(exports.TranslatorTranslationGroup.DEFAULT, [
+        const translationsDefault = useTranslationsForGroup(TranslatorTranslationGroup.DEFAULT, [
             {
-                key: exports.TranslatorTranslationDefaultKey.GENERATE
+                key: TranslatorTranslationDefaultKey.GENERATE
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.NAME
+                key: TranslatorTranslationDefaultKey.NAME
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.DISPLAY_NAME
+                key: TranslatorTranslationDefaultKey.DISPLAY_NAME
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.DESCRIPTION
+                key: TranslatorTranslationDefaultKey.DESCRIPTION
             }
         ]);
         const render = ()=>{
@@ -2272,7 +2309,7 @@ const ARealmForm = vue.defineComponent({
                 validationMessages: translationsValidation.name.value,
                 validationSeverity: getVuelidateSeverity($v.value.name),
                 label: true,
-                labelContent: translationsDefault[exports.TranslatorTranslationDefaultKey.NAME].value,
+                labelContent: translationsDefault[TranslatorTranslationDefaultKey.NAME].value,
                 content: formControls.buildFormInput({
                     value: $v.value.name.$model,
                     onChange (input) {
@@ -2305,7 +2342,7 @@ const ARealmForm = vue.defineComponent({
                                 class: 'fa fa-wrench'
                             }),
                             ' ',
-                            translationsDefault[exports.TranslatorTranslationDefaultKey.GENERATE].value
+                            translationsDefault[TranslatorTranslationDefaultKey.GENERATE].value
                         ])
                     ])
                 ]);
@@ -2314,7 +2351,7 @@ const ARealmForm = vue.defineComponent({
                 validationMessages: translationsValidation.display_name.value,
                 validationSeverity: getVuelidateSeverity($v.value.display_name),
                 label: true,
-                labelContent: translationsDefault[exports.TranslatorTranslationDefaultKey.DISPLAY_NAME].value,
+                labelContent: translationsDefault[TranslatorTranslationDefaultKey.DISPLAY_NAME].value,
                 content: formControls.buildFormInput({
                     value: $v.value.display_name.$model,
                     onChange (input) {
@@ -2326,7 +2363,7 @@ const ARealmForm = vue.defineComponent({
                 validationMessages: translationsValidation.description.value,
                 validationSeverity: getVuelidateSeverity($v.value.description),
                 label: true,
-                labelContent: translationsDefault[exports.TranslatorTranslationDefaultKey.DESCRIPTION].value,
+                labelContent: translationsDefault[TranslatorTranslationDefaultKey.DESCRIPTION].value,
                 content: formControls.buildFormTextarea({
                     value: $v.value.description.$model,
                     onChange (input) {
@@ -2365,12 +2402,12 @@ const ARealms = vue.defineComponent({
             setup: ctx
         });
         const translationsName = useTranslation({
-            group: exports.TranslatorTranslationGroup.VUECS,
-            key: exports.TranslatorTranslationDefaultKey.REALMS
+            group: TranslatorTranslationGroup.VUECS,
+            key: TranslatorTranslationDefaultKey.REALMS
         });
         const translation = useTranslation({
-            group: exports.TranslatorTranslationGroup.VUECS,
-            key: exports.TranslatorTranslationVuecsKey.NO_MORE,
+            group: TranslatorTranslationGroup.VUECS,
+            key: TranslatorTranslationVuecsKey.NO_MORE,
             data: {
                 name: translationsName
             }
@@ -2469,8 +2506,8 @@ const AClientRedirectUris = vue.defineComponent({
             return lastEl && lastEl.trim() !== '';
         });
         const addTranslation = useTranslation({
-            group: exports.TranslatorTranslationGroup.DEFAULT,
-            key: exports.TranslatorTranslationDefaultKey.ADD
+            group: TranslatorTranslationGroup.DEFAULT,
+            key: TranslatorTranslationDefaultKey.ADD
         });
         const render = ()=>{
             const elements = items.value.map((item, index)=>vue.h(AClientRedirectUrisItem, {
@@ -2541,7 +2578,7 @@ const AClientForm = vue.defineComponent({
         const $v = useVuelidate({
             name: {
                 required: validators.required,
-                [exports.VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE]: VuelidateCustomRule[exports.VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE],
+                [VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE]: VuelidateCustomRule[VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE],
                 minLength: validators.minLength(3),
                 maxLength: validators.maxLength(256)
             },
@@ -2605,41 +2642,41 @@ const AClientForm = vue.defineComponent({
         };
         const translationsValidation = useTranslationsForNestedValidation($v.value);
         const translationsSubmit = createFormSubmitTranslations();
-        const translationsClient = useTranslationsForGroup(exports.TranslatorTranslationGroup.CLIENT, [
+        const translationsClient = useTranslationsForGroup(TranslatorTranslationGroup.CLIENT, [
             {
-                key: exports.TranslatorTranslationClientKey.NAME_HINT
+                key: TranslatorTranslationClientKey.NAME_HINT
             },
             {
-                key: exports.TranslatorTranslationClientKey.DESCRIPTION_HINT
+                key: TranslatorTranslationClientKey.DESCRIPTION_HINT
             },
             {
-                key: exports.TranslatorTranslationClientKey.REDIRECT_URI_HINT
+                key: TranslatorTranslationClientKey.REDIRECT_URI_HINT
             },
             {
-                key: exports.TranslatorTranslationClientKey.IS_CONFIDENTIAL
+                key: TranslatorTranslationClientKey.IS_CONFIDENTIAL
             }
         ]);
-        const translationsDefault = useTranslationsForGroup(exports.TranslatorTranslationGroup.DEFAULT, [
+        const translationsDefault = useTranslationsForGroup(TranslatorTranslationGroup.DEFAULT, [
             {
-                key: exports.TranslatorTranslationDefaultKey.GENERATE
+                key: TranslatorTranslationDefaultKey.GENERATE
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.NAME
+                key: TranslatorTranslationDefaultKey.NAME
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.DISPLAY_NAME
+                key: TranslatorTranslationDefaultKey.DISPLAY_NAME
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.DESCRIPTION
+                key: TranslatorTranslationDefaultKey.DESCRIPTION
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.REALM
+                key: TranslatorTranslationDefaultKey.REALM
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.REDIRECT_URIS
+                key: TranslatorTranslationDefaultKey.REDIRECT_URIS
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.SECRET
+                key: TranslatorTranslationDefaultKey.SECRET
             }
         ]);
         const render = ()=>{
@@ -2648,7 +2685,7 @@ const AClientForm = vue.defineComponent({
                     validationMessages: translationsValidation.name.value,
                     validationSeverity: getVuelidateSeverity($v.value.name),
                     label: true,
-                    labelContent: translationsDefault[exports.TranslatorTranslationDefaultKey.NAME].value,
+                    labelContent: translationsDefault[TranslatorTranslationDefaultKey.NAME].value,
                     content: formControls.buildFormInput({
                         value: $v.value.name.$model,
                         onChange (input) {
@@ -2659,13 +2696,13 @@ const AClientForm = vue.defineComponent({
                         }
                     })
                 }),
-                vue.h('small', translationsClient[exports.TranslatorTranslationClientKey.NAME_HINT].value)
+                vue.h('small', translationsClient[TranslatorTranslationClientKey.NAME_HINT].value)
             ];
             const displayName = formControls.buildFormGroup({
                 validationMessages: translationsValidation.display_name.value,
                 validationSeverity: getVuelidateSeverity($v.value.display_name),
                 label: true,
-                labelContent: translationsDefault[exports.TranslatorTranslationDefaultKey.DISPLAY_NAME].value,
+                labelContent: translationsDefault[TranslatorTranslationDefaultKey.DISPLAY_NAME].value,
                 content: formControls.buildFormInput({
                     value: $v.value.display_name.$model,
                     onChange (input) {
@@ -2679,7 +2716,7 @@ const AClientForm = vue.defineComponent({
                         validationMessages: translationsValidation.description.value,
                         validationSeverity: getVuelidateSeverity($v.value.description),
                         label: true,
-                        labelContent: translationsDefault[exports.TranslatorTranslationDefaultKey.DESCRIPTION].value,
+                        labelContent: translationsDefault[TranslatorTranslationDefaultKey.DESCRIPTION].value,
                         content: formControls.buildFormTextarea({
                             value: $v.value.description.$model,
                             onChange (input) {
@@ -2690,7 +2727,7 @@ const AClientForm = vue.defineComponent({
                             }
                         })
                     }),
-                    vue.h('small', translationsClient[exports.TranslatorTranslationClientKey.DESCRIPTION_HINT].value)
+                    vue.h('small', translationsClient[TranslatorTranslationClientKey.DESCRIPTION_HINT].value)
                 ])
             ];
             const redirectUri = [
@@ -2698,7 +2735,7 @@ const AClientForm = vue.defineComponent({
                     vue.h('label', {
                         class: 'form-label'
                     }, [
-                        translationsDefault[exports.TranslatorTranslationDefaultKey.REDIRECT_URIS].value
+                        translationsDefault[TranslatorTranslationDefaultKey.REDIRECT_URIS].value
                     ]),
                     vue.h(AClientRedirectUris, {
                         uri: form.redirect_uri,
@@ -2706,7 +2743,7 @@ const AClientForm = vue.defineComponent({
                             form.redirect_uri = value;
                         }
                     }),
-                    vue.h('small', translationsClient[exports.TranslatorTranslationClientKey.REDIRECT_URI_HINT].value)
+                    vue.h('small', translationsClient[TranslatorTranslationClientKey.REDIRECT_URI_HINT].value)
                 ])
             ];
             const isConfidential = formControls.buildFormGroup({
@@ -2714,7 +2751,7 @@ const AClientForm = vue.defineComponent({
                 validationSeverity: getVuelidateSeverity($v.value.is_confidential),
                 content: formControls.buildFormInputCheckbox({
                     groupClass: 'form-switch mt-3',
-                    labelContent: translationsClient[exports.TranslatorTranslationClientKey.IS_CONFIDENTIAL].value,
+                    labelContent: translationsClient[TranslatorTranslationClientKey.IS_CONFIDENTIAL].value,
                     value: $v.value.is_confidential.$model,
                     onChange (input) {
                         $v.value.is_confidential.$model = input;
@@ -2742,7 +2779,7 @@ const AClientForm = vue.defineComponent({
                     validationMessages: translationsValidation.secret.value,
                     validationSeverity: getVuelidateSeverity($v.value.secret),
                     label: true,
-                    labelContent: translationsDefault[exports.TranslatorTranslationDefaultKey.SECRET].value,
+                    labelContent: translationsDefault[TranslatorTranslationDefaultKey.SECRET].value,
                     content: formControls.buildFormInput({
                         value: $v.value.secret.$model,
                         onChange (input) {
@@ -2764,7 +2801,7 @@ const AClientForm = vue.defineComponent({
                             class: 'fa fa-wrench'
                         }),
                         ' ',
-                        translationsDefault[exports.TranslatorTranslationDefaultKey.GENERATE].value
+                        translationsDefault[TranslatorTranslationDefaultKey.GENERATE].value
                     ])
                 ])
             ];
@@ -2780,7 +2817,7 @@ const AClientForm = vue.defineComponent({
                     vue.h('hr'),
                     vue.h('label', {
                         class: 'form-label'
-                    }, translationsDefault[exports.TranslatorTranslationDefaultKey.REALM].value),
+                    }, translationsDefault[TranslatorTranslationDefaultKey.REALM].value),
                     vue.h(ARealms, {
                         headerTitle: false
                     }, {
@@ -2849,12 +2886,12 @@ const AClients = vue.defineComponent({
             setup: ctx
         });
         const translationName = useTranslation({
-            group: exports.TranslatorTranslationGroup.DEFAULT,
-            key: exports.TranslatorTranslationDefaultKey.CLIENTS
+            group: TranslatorTranslationGroup.DEFAULT,
+            key: TranslatorTranslationDefaultKey.CLIENTS
         });
         const translation = useTranslation({
-            group: exports.TranslatorTranslationGroup.VUECS,
-            key: exports.TranslatorTranslationVuecsKey.NO_MORE,
+            group: TranslatorTranslationGroup.VUECS,
+            key: TranslatorTranslationVuecsKey.NO_MORE,
             data: {
                 name: translationName
             }
@@ -2897,12 +2934,12 @@ const AClientScopes = vue.defineComponent({
             setup: ctx
         });
         const translationClientScopes = useTranslation({
-            group: exports.TranslatorTranslationGroup.DEFAULT,
-            key: exports.TranslatorTranslationDefaultKey.CLIENT_SCOPES
+            group: TranslatorTranslationGroup.DEFAULT,
+            key: TranslatorTranslationDefaultKey.CLIENT_SCOPES
         });
         const translation = useTranslation({
-            group: exports.TranslatorTranslationGroup.VUECS,
-            key: exports.TranslatorTranslationVuecsKey.NO_MORE,
+            group: TranslatorTranslationGroup.VUECS,
+            key: TranslatorTranslationVuecsKey.NO_MORE,
             data: {
                 name: translationClientScopes
             }
@@ -2956,7 +2993,7 @@ const AScopeForm = vue.defineComponent({
         const $v = useVuelidate({
             name: {
                 required: validators.required,
-                [exports.VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE]: VuelidateCustomRule[exports.VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE],
+                [VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE]: VuelidateCustomRule[VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE],
                 minLength: validators.minLength(3),
                 maxLength: validators.maxLength(256)
             },
@@ -3012,18 +3049,18 @@ const AScopeForm = vue.defineComponent({
         };
         const translationsValidation = useTranslationsForNestedValidation($v.value);
         const translationsSubmit = createFormSubmitTranslations();
-        const translationsDefault = useTranslationsForGroup(exports.TranslatorTranslationGroup.DEFAULT, [
+        const translationsDefault = useTranslationsForGroup(TranslatorTranslationGroup.DEFAULT, [
             {
-                key: exports.TranslatorTranslationDefaultKey.NAME
+                key: TranslatorTranslationDefaultKey.NAME
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.DISPLAY_NAME
+                key: TranslatorTranslationDefaultKey.DISPLAY_NAME
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.DESCRIPTION
+                key: TranslatorTranslationDefaultKey.DESCRIPTION
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.REALM
+                key: TranslatorTranslationDefaultKey.REALM
             }
         ]);
         return ()=>{
@@ -3032,7 +3069,7 @@ const AScopeForm = vue.defineComponent({
                     validationMessages: translationsValidation.name.value,
                     validationSeverity: getVuelidateSeverity($v.value.name),
                     label: true,
-                    labelContent: translationsDefault[exports.TranslatorTranslationDefaultKey.NAME].value,
+                    labelContent: translationsDefault[TranslatorTranslationDefaultKey.NAME].value,
                     content: formControls.buildFormInput({
                         value: $v.value.name.$model,
                         onChange (input) {
@@ -3047,7 +3084,7 @@ const AScopeForm = vue.defineComponent({
                     validationMessages: translationsValidation.display_name.value,
                     validationSeverity: getVuelidateSeverity($v.value.display_name),
                     label: true,
-                    labelContent: translationsDefault[exports.TranslatorTranslationDefaultKey.DISPLAY_NAME].value,
+                    labelContent: translationsDefault[TranslatorTranslationDefaultKey.DISPLAY_NAME].value,
                     content: formControls.buildFormInput({
                         value: $v.value.display_name.$model,
                         onChange (input) {
@@ -3059,7 +3096,7 @@ const AScopeForm = vue.defineComponent({
                     validationMessages: translationsValidation.description.value,
                     validationSeverity: getVuelidateSeverity($v.value.description),
                     label: true,
-                    labelContent: translationsDefault[exports.TranslatorTranslationDefaultKey.DESCRIPTION].value,
+                    labelContent: translationsDefault[TranslatorTranslationDefaultKey.DESCRIPTION].value,
                     content: formControls.buildFormTextarea({
                         value: $v.value.description.$model,
                         onChange (input) {
@@ -3101,12 +3138,12 @@ const AScopes = vue.defineComponent({
             setup: ctx
         });
         const translationName = useTranslation({
-            group: exports.TranslatorTranslationGroup.DEFAULT,
-            key: exports.TranslatorTranslationDefaultKey.SCOPES
+            group: TranslatorTranslationGroup.DEFAULT,
+            key: TranslatorTranslationDefaultKey.SCOPES
         });
         const translation = useTranslation({
-            group: exports.TranslatorTranslationGroup.VUECS,
-            key: exports.TranslatorTranslationVuecsKey.NO_MORE,
+            group: TranslatorTranslationGroup.VUECS,
+            key: TranslatorTranslationVuecsKey.NO_MORE,
             data: {
                 name: translationName
             }
@@ -3240,7 +3277,7 @@ const AIdentityProviderBasicFields = vue.defineComponent({
             },
             slug: {
                 required: validators.required,
-                [exports.VuelidateCustomRuleKey.ALPHA_NUM_HYPHEN_UNDERSCORE]: VuelidateCustomRule[exports.VuelidateCustomRuleKey.ALPHA_NUM_HYPHEN_UNDERSCORE],
+                [VuelidateCustomRuleKey.ALPHA_NUM_HYPHEN_UNDERSCORE]: VuelidateCustomRule[VuelidateCustomRuleKey.ALPHA_NUM_HYPHEN_UNDERSCORE],
                 minLength: validators.minLength(3),
                 maxLength: validators.maxLength(36)
             },
@@ -3277,15 +3314,15 @@ const AIdentityProviderBasicFields = vue.defineComponent({
         const updatedAt = useUpdatedAt(props.entity);
         onChange(updatedAt, ()=>assign(props.entity));
         assign(props.entity);
-        const translationsDefault = useTranslationsForGroup(exports.TranslatorTranslationGroup.DEFAULT, [
+        const translationsDefault = useTranslationsForGroup(TranslatorTranslationGroup.DEFAULT, [
             {
-                key: exports.TranslatorTranslationDefaultKey.DISPLAY_NAME
+                key: TranslatorTranslationDefaultKey.DISPLAY_NAME
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.NAME
+                key: TranslatorTranslationDefaultKey.NAME
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.DESCRIPTION
+                key: TranslatorTranslationDefaultKey.DESCRIPTION
             }
         ]);
         const translationsValidation = useTranslationsForNestedValidation($v.value);
@@ -3294,7 +3331,7 @@ const AIdentityProviderBasicFields = vue.defineComponent({
                 validationMessages: translationsValidation.name.value,
                 validationSeverity: getVuelidateSeverity($v.value.name),
                 label: true,
-                labelContent: translationsDefault[exports.TranslatorTranslationDefaultKey.NAME].value,
+                labelContent: translationsDefault[TranslatorTranslationDefaultKey.NAME].value,
                 content: formControls.buildFormInput({
                     value: $v.value.name.$model,
                     onChange (input) {
@@ -3306,7 +3343,7 @@ const AIdentityProviderBasicFields = vue.defineComponent({
                 validationMessages: translationsValidation.display_name.value,
                 validationSeverity: getVuelidateSeverity($v.value.display_name),
                 label: true,
-                labelContent: translationsDefault[exports.TranslatorTranslationDefaultKey.DISPLAY_NAME].value,
+                labelContent: translationsDefault[TranslatorTranslationDefaultKey.DISPLAY_NAME].value,
                 content: formControls.buildFormInput({
                     value: $v.value.display_name.$model,
                     onChange (input) {
@@ -4783,12 +4820,12 @@ const AIdentityProviders = vue.defineComponent({
             setup: ctx
         });
         const translationName = useTranslation({
-            group: exports.TranslatorTranslationGroup.DEFAULT,
-            key: exports.TranslatorTranslationDefaultKey.IDENTITY_PROVIDERS
+            group: TranslatorTranslationGroup.DEFAULT,
+            key: TranslatorTranslationDefaultKey.IDENTITY_PROVIDERS
         });
         const translation = useTranslation({
-            group: exports.TranslatorTranslationGroup.VUECS,
-            key: exports.TranslatorTranslationVuecsKey.NO_MORE,
+            group: TranslatorTranslationGroup.VUECS,
+            key: TranslatorTranslationVuecsKey.NO_MORE,
             data: {
                 name: translationName
             }
@@ -4868,9 +4905,9 @@ const AIdentityProviderRoleAssignment = vue.defineComponent({
             value_is_regex: {}
         }, form);
         const validationMessages = useTranslationsForNestedValidation($v.value);
-        const translationsDefault = useTranslationsForGroup(exports.TranslatorTranslationGroup.DEFAULT, [
+        const translationsDefault = useTranslationsForGroup(TranslatorTranslationGroup.DEFAULT, [
             {
-                key: exports.TranslatorTranslationDefaultKey.VALUE_IS_REGEX
+                key: TranslatorTranslationDefaultKey.VALUE_IS_REGEX
             }
         ]);
         const manager = createEntityManager({
@@ -5112,15 +5149,15 @@ const ARoleForm = vue.defineComponent({
         };
         const translationsValidation = useTranslationsForNestedValidation($v.value);
         const translationsSubmit = createFormSubmitTranslations();
-        const translationsDefault = useTranslationsForGroup(exports.TranslatorTranslationGroup.DEFAULT, [
+        const translationsDefault = useTranslationsForGroup(TranslatorTranslationGroup.DEFAULT, [
             {
-                key: exports.TranslatorTranslationDefaultKey.NAME
+                key: TranslatorTranslationDefaultKey.NAME
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.DISPLAY_NAME
+                key: TranslatorTranslationDefaultKey.DISPLAY_NAME
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.DESCRIPTION
+                key: TranslatorTranslationDefaultKey.DESCRIPTION
             }
         ]);
         const render = ()=>{
@@ -5129,7 +5166,7 @@ const ARoleForm = vue.defineComponent({
                 validationMessages: translationsValidation.name.value,
                 validationSeverity: getVuelidateSeverity($v.value.name),
                 label: true,
-                labelContent: translationsDefault[exports.TranslatorTranslationDefaultKey.NAME].value,
+                labelContent: translationsDefault[TranslatorTranslationDefaultKey.NAME].value,
                 content: formControls.buildFormInput({
                     value: $v.value.name.$model,
                     onChange (input) {
@@ -5141,7 +5178,7 @@ const ARoleForm = vue.defineComponent({
                 validationMessages: translationsValidation.display_name.value,
                 validationSeverity: getVuelidateSeverity($v.value.display_name),
                 label: true,
-                labelContent: translationsDefault[exports.TranslatorTranslationDefaultKey.DISPLAY_NAME].value,
+                labelContent: translationsDefault[TranslatorTranslationDefaultKey.DISPLAY_NAME].value,
                 content: formControls.buildFormInput({
                     value: $v.value.display_name.$model,
                     onChange (input) {
@@ -5153,7 +5190,7 @@ const ARoleForm = vue.defineComponent({
                 validationMessages: translationsValidation.description.value,
                 validationSeverity: getVuelidateSeverity($v.value.description),
                 label: true,
-                labelContent: translationsDefault[exports.TranslatorTranslationDefaultKey.DESCRIPTION].value,
+                labelContent: translationsDefault[TranslatorTranslationDefaultKey.DESCRIPTION].value,
                 content: formControls.buildFormTextarea({
                     value: $v.value.description.$model,
                     onChange (input) {
@@ -5195,12 +5232,12 @@ const ARoles = vue.defineComponent({
             setup: ctx
         });
         const translationName = useTranslation({
-            group: exports.TranslatorTranslationGroup.VUECS,
-            key: exports.TranslatorTranslationDefaultKey.ROLES
+            group: TranslatorTranslationGroup.VUECS,
+            key: TranslatorTranslationDefaultKey.ROLES
         });
         const translation = useTranslation({
-            group: exports.TranslatorTranslationGroup.VUECS,
-            key: exports.TranslatorTranslationVuecsKey.NO_MORE,
+            group: TranslatorTranslationGroup.VUECS,
+            key: TranslatorTranslationVuecsKey.NO_MORE,
             data: {
                 name: translationName
             }
@@ -5272,6 +5309,38 @@ const APermission = vue.defineComponent({
     }
 });
 
+const APermissionCheck = vue.defineComponent({
+    props: {
+        name: {
+            type: [
+                String,
+                Array
+            ],
+            required: true
+        },
+        data: {
+            type: Object
+        },
+        options: {
+            type: Object
+        }
+    },
+    setup (props, { slots }) {
+        const fn = createPermissionCheckerReactiveFn();
+        const isPermitted = vue.computed(()=>fn({
+                name: props.name,
+                data: props.data,
+                options: props.options
+            }));
+        return ()=>{
+            if (isPermitted.value && hasNormalizedSlot(listControls.SlotName.DEFAULT, slots)) {
+                return normalizeSlot(listControls.SlotName.DEFAULT, {}, slots);
+            }
+            return [];
+        };
+    }
+});
+
 const APermissionForm = vue.defineComponent({
     props: {
         entity: {
@@ -5336,15 +5405,15 @@ const APermissionForm = vue.defineComponent({
         };
         const translationsValidation = useTranslationsForNestedValidation($v.value);
         const translationsSubmit = createFormSubmitTranslations();
-        const translationsDefault = useTranslationsForGroup(exports.TranslatorTranslationGroup.DEFAULT, [
+        const translationsDefault = useTranslationsForGroup(TranslatorTranslationGroup.DEFAULT, [
             {
-                key: exports.TranslatorTranslationDefaultKey.NAME
+                key: TranslatorTranslationDefaultKey.NAME
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.DISPLAY_NAME
+                key: TranslatorTranslationDefaultKey.DISPLAY_NAME
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.DESCRIPTION
+                key: TranslatorTranslationDefaultKey.DESCRIPTION
             }
         ]);
         const render = ()=>{
@@ -5353,7 +5422,7 @@ const APermissionForm = vue.defineComponent({
                 validationMessages: translationsValidation.name.value,
                 validationSeverity: getVuelidateSeverity($v.value.name),
                 label: true,
-                labelContent: translationsDefault[exports.TranslatorTranslationDefaultKey.NAME].value,
+                labelContent: translationsDefault[TranslatorTranslationDefaultKey.NAME].value,
                 content: formControls.buildFormInput({
                     value: $v.value.name.$model,
                     onChange (input) {
@@ -5368,7 +5437,7 @@ const APermissionForm = vue.defineComponent({
                 validationMessages: translationsValidation.display_name.value,
                 validationSeverity: getVuelidateSeverity($v.value.display_name),
                 label: true,
-                labelContent: translationsDefault[exports.TranslatorTranslationDefaultKey.DISPLAY_NAME].value,
+                labelContent: translationsDefault[TranslatorTranslationDefaultKey.DISPLAY_NAME].value,
                 content: formControls.buildFormInput({
                     value: $v.value.display_name.$model,
                     onChange (input) {
@@ -5380,7 +5449,7 @@ const APermissionForm = vue.defineComponent({
                 validationMessages: translationsValidation.description.value,
                 validationSeverity: getVuelidateSeverity($v.value.description),
                 label: true,
-                labelContent: translationsDefault[exports.TranslatorTranslationDefaultKey.DESCRIPTION].value,
+                labelContent: translationsDefault[TranslatorTranslationDefaultKey.DESCRIPTION].value,
                 content: formControls.buildFormTextarea({
                     value: $v.value.description.$model,
                     onChange (input) {
@@ -5422,12 +5491,12 @@ const APermissions = vue.defineComponent({
             setup
         });
         const translationName = useTranslation({
-            group: exports.TranslatorTranslationGroup.DEFAULT,
-            key: exports.TranslatorTranslationDefaultKey.PERMISSIONS
+            group: TranslatorTranslationGroup.DEFAULT,
+            key: TranslatorTranslationDefaultKey.PERMISSIONS
         });
         const translation = useTranslation({
-            group: exports.TranslatorTranslationGroup.VUECS,
-            key: exports.TranslatorTranslationVuecsKey.NO_MORE,
+            group: TranslatorTranslationGroup.VUECS,
+            key: TranslatorTranslationVuecsKey.NO_MORE,
             data: {
                 name: translationName
             }
@@ -5521,7 +5590,7 @@ const ARobotForm = vue.defineComponent({
         });
         const $v = useVuelidate({
             name: {
-                [exports.VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE]: VuelidateCustomRule[exports.VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE],
+                [VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE]: VuelidateCustomRule[VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE],
                 minLength: validators.minLength(3),
                 maxLength: validators.maxLength(128)
             },
@@ -5580,24 +5649,24 @@ const ARobotForm = vue.defineComponent({
         };
         const translationsValidation = useTranslationsForNestedValidation($v.value);
         const translationsSubmit = createFormSubmitTranslations();
-        const translationsDefault = useTranslationsForGroup(exports.TranslatorTranslationGroup.DEFAULT, [
+        const translationsDefault = useTranslationsForGroup(TranslatorTranslationGroup.DEFAULT, [
             {
-                key: exports.TranslatorTranslationDefaultKey.GENERATE
+                key: TranslatorTranslationDefaultKey.GENERATE
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.HASHED
+                key: TranslatorTranslationDefaultKey.HASHED
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.NAME
+                key: TranslatorTranslationDefaultKey.NAME
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.DISPLAY_NAME
+                key: TranslatorTranslationDefaultKey.DISPLAY_NAME
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.DESCRIPTION
+                key: TranslatorTranslationDefaultKey.DESCRIPTION
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.SECRET
+                key: TranslatorTranslationDefaultKey.SECRET
             }
         ]);
         const render = ()=>{
@@ -5605,7 +5674,7 @@ const ARobotForm = vue.defineComponent({
                 validationMessages: translationsValidation.name.value,
                 validationSeverity: getVuelidateSeverity($v.value.name),
                 label: true,
-                labelContent: translationsDefault[exports.TranslatorTranslationDefaultKey.NAME].value,
+                labelContent: translationsDefault[TranslatorTranslationDefaultKey.NAME].value,
                 content: formControls.buildFormInput({
                     value: $v.value.name.$model,
                     onChange (input) {
@@ -5620,7 +5689,7 @@ const ARobotForm = vue.defineComponent({
                 validationMessages: translationsValidation.display_name.value,
                 validationSeverity: getVuelidateSeverity($v.value.display_name),
                 label: true,
-                labelContent: translationsDefault[exports.TranslatorTranslationDefaultKey.DISPLAY_NAME].value,
+                labelContent: translationsDefault[TranslatorTranslationDefaultKey.DISPLAY_NAME].value,
                 content: formControls.buildFormInput({
                     value: $v.value.display_name.$model,
                     onChange (input) {
@@ -5648,11 +5717,11 @@ const ARobotForm = vue.defineComponent({
                 validationSeverity: getVuelidateSeverity($v.value.secret),
                 label: true,
                 labelContent: [
-                    translationsDefault[exports.TranslatorTranslationDefaultKey.SECRET].value,
+                    translationsDefault[TranslatorTranslationDefaultKey.SECRET].value,
                     isSecretHashed.value ? vue.h('span', {
                         class: 'text-danger font-weight-bold ps-1'
                     }, [
-                        translationsDefault[exports.TranslatorTranslationDefaultKey.HASHED].value,
+                        translationsDefault[TranslatorTranslationDefaultKey.HASHED].value,
                         ' ',
                         vue.h('i', {
                             class: 'fa fa-exclamation-triangle ps-1'
@@ -5678,7 +5747,7 @@ const ARobotForm = vue.defineComponent({
                         class: 'fa fa-wrench'
                     }),
                     ' ',
-                    translationsDefault[exports.TranslatorTranslationDefaultKey.GENERATE].value
+                    translationsDefault[TranslatorTranslationDefaultKey.GENERATE].value
                 ])
             ]);
             const submitForm = buildFormSubmitWithTranslations({
@@ -5749,12 +5818,12 @@ const ARobots = vue.defineComponent({
             setup: ctx
         });
         const translationName = useTranslation({
-            group: exports.TranslatorTranslationGroup.VUECS,
-            key: exports.TranslatorTranslationDefaultKey.ROBOTS
+            group: TranslatorTranslationGroup.VUECS,
+            key: TranslatorTranslationDefaultKey.ROBOTS
         });
         const translation = useTranslation({
-            group: exports.TranslatorTranslationGroup.VUECS,
-            key: exports.TranslatorTranslationVuecsKey.NO_MORE,
+            group: TranslatorTranslationGroup.VUECS,
+            key: TranslatorTranslationVuecsKey.NO_MORE,
             data: {
                 name: translationName
             }
@@ -6013,30 +6082,30 @@ const AUserForm = vue.defineComponent({
         };
         const translationsValidation = useTranslationsForNestedValidation($v.value);
         const translationsSubmit = createFormSubmitTranslations();
-        const translationsDefault = useTranslationsForGroup(exports.TranslatorTranslationGroup.DEFAULT, [
+        const translationsDefault = useTranslationsForGroup(TranslatorTranslationGroup.DEFAULT, [
             {
-                key: exports.TranslatorTranslationDefaultKey.ACTIVE
+                key: TranslatorTranslationDefaultKey.ACTIVE
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.INACTIVE
+                key: TranslatorTranslationDefaultKey.INACTIVE
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.DISPLAY_NAME
+                key: TranslatorTranslationDefaultKey.DISPLAY_NAME
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.EMAIL
+                key: TranslatorTranslationDefaultKey.EMAIL
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.LOCKED
+                key: TranslatorTranslationDefaultKey.LOCKED
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.NOT_LOCKED
+                key: TranslatorTranslationDefaultKey.NOT_LOCKED
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.NAME
+                key: TranslatorTranslationDefaultKey.NAME
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.DESCRIPTION
+                key: TranslatorTranslationDefaultKey.DESCRIPTION
             }
         ]);
         const render = ()=>{
@@ -6044,7 +6113,7 @@ const AUserForm = vue.defineComponent({
                 validationMessages: translationsValidation.name.value,
                 validationSeverity: getVuelidateSeverity($v.value.name),
                 label: true,
-                labelContent: translationsDefault[exports.TranslatorTranslationDefaultKey.NAME].value,
+                labelContent: translationsDefault[TranslatorTranslationDefaultKey.NAME].value,
                 content: formControls.buildFormInput({
                     value: $v.value.name.$model,
                     onChange (input) {
@@ -6059,7 +6128,7 @@ const AUserForm = vue.defineComponent({
                 validationMessages: translationsValidation.display_name.value,
                 validationSeverity: getVuelidateSeverity($v.value.display_name),
                 label: true,
-                labelContent: translationsDefault[exports.TranslatorTranslationDefaultKey.DISPLAY_NAME].value,
+                labelContent: translationsDefault[TranslatorTranslationDefaultKey.DISPLAY_NAME].value,
                 content: formControls.buildFormInput({
                     value: $v.value.display_name.$model,
                     onChange (input) {
@@ -6071,7 +6140,7 @@ const AUserForm = vue.defineComponent({
                 validationMessages: translationsValidation.email.value,
                 validationSeverity: getVuelidateSeverity($v.value.email),
                 label: true,
-                labelContent: translationsDefault[exports.TranslatorTranslationDefaultKey.EMAIL].value,
+                labelContent: translationsDefault[TranslatorTranslationDefaultKey.EMAIL].value,
                 content: formControls.buildFormInput({
                     value: $v.value.email.$model,
                     props: {
@@ -6096,7 +6165,7 @@ const AUserForm = vue.defineComponent({
                                     'text-success': form.name_locked
                                 }
                             }, [
-                                form.name_locked ? translationsDefault[exports.TranslatorTranslationDefaultKey.LOCKED].value : translationsDefault[exports.TranslatorTranslationDefaultKey.NOT_LOCKED].value
+                                form.name_locked ? translationsDefault[TranslatorTranslationDefaultKey.LOCKED].value : translationsDefault[TranslatorTranslationDefaultKey.NOT_LOCKED].value
                             ]),
                             value: form.name_locked,
                             onChange (input) {
@@ -6120,7 +6189,7 @@ const AUserForm = vue.defineComponent({
                                         'text-success': form.active
                                     }
                                 }, [
-                                    form.active ? translationsDefault[exports.TranslatorTranslationDefaultKey.ACTIVE].value : translationsDefault[exports.TranslatorTranslationDefaultKey.INACTIVE].value
+                                    form.active ? translationsDefault[TranslatorTranslationDefaultKey.ACTIVE].value : translationsDefault[TranslatorTranslationDefaultKey.INACTIVE].value
                                 ]),
                                 value: form.active,
                                 onChange (input) {
@@ -6203,12 +6272,12 @@ const AUsers = vue.defineComponent({
             setup: ctx
         });
         const translationName = useTranslation({
-            group: exports.TranslatorTranslationGroup.DEFAULT,
-            key: exports.TranslatorTranslationDefaultKey.USERS
+            group: TranslatorTranslationGroup.DEFAULT,
+            key: TranslatorTranslationDefaultKey.USERS
         });
         const translation = useTranslation({
-            group: exports.TranslatorTranslationGroup.VUECS,
-            key: exports.TranslatorTranslationVuecsKey.NO_MORE,
+            group: TranslatorTranslationGroup.VUECS,
+            key: TranslatorTranslationVuecsKey.NO_MORE,
             data: {
                 name: translationName
             }
@@ -6574,11 +6643,11 @@ const APagination = vue.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';
@@ -6647,8 +6716,8 @@ const ATitle = vue.defineComponent({
     slots: Object,
     setup (props, { slots }) {
         const translation = useTranslation({
-            group: exports.TranslatorTranslationGroup.DEFAULT,
-            key: exports.TranslatorTranslationDefaultKey.OVERVIEW
+            group: TranslatorTranslationGroup.DEFAULT,
+            key: TranslatorTranslationDefaultKey.OVERVIEW
         });
         return ()=>buildTitle({
                 slots,
@@ -6664,11 +6733,11 @@ const ATitle = vue.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;
@@ -6838,12 +6907,6 @@ const LanguageSwitcherDropdown = vue.defineComponent({
     }
 });
 
-var ElementType;
-(function(ElementType) {
-    ElementType["BUTTON"] = "button";
-    ElementType["LINK"] = "link";
-    ElementType["DROP_DOWN_ITEM"] = "dropDownItem";
-})(ElementType || (ElementType = {}));
 const AEntityDelete = vue.defineComponent({
     props: {
         elementIcon: {
@@ -6896,8 +6959,8 @@ const AEntityDelete = vue.defineComponent({
             }
         });
         const translation = useTranslation({
-            group: exports.TranslatorTranslationGroup.DEFAULT,
-            key: exports.TranslatorTranslationDefaultKey.DELETE
+            group: TranslatorTranslationGroup.DEFAULT,
+            key: TranslatorTranslationDefaultKey.DELETE
         });
         const render = ()=>{
             let tag = 'button';
@@ -6970,6 +7033,7 @@ var components = /*#__PURE__*/Object.freeze({
     AIdentityProviders: AIdentityProviders,
     APagination: APagination,
     APermission: APermission,
+    APermissionCheck: APermissionCheck,
     APermissionForm: APermissionForm,
     APermissionRobotAssignments: APermissionRobotAssignments,
     APermissionRoleAssignments: APermissionRoleAssignments,
@@ -7041,7 +7105,8 @@ function install(app1, options) {
     });
     installHTTPClient(app1, {
         pinia: options.pinia,
-        baseURL: options.baseURL
+        baseURL: options.baseURL,
+        isServer: options.isServer
     });
     installTranslator(app1, {
         locale: options.translatorLocale
@@ -7075,6 +7140,7 @@ exports.AIdentityProviderRoleAssignments = AIdentityProviderRoleAssignments;
 exports.AIdentityProviders = AIdentityProviders;
 exports.APagination = APagination;
 exports.APermission = APermission;
+exports.APermissionCheck = APermissionCheck;
 exports.APermissionForm = APermissionForm;
 exports.APermissionRobotAssignments = APermissionRobotAssignments;
 exports.APermissionRoleAssignments = APermissionRoleAssignments;
@@ -7117,7 +7183,12 @@ exports.LanguageSwitcherDropdown = LanguageSwitcherDropdown;
 exports.STORE_ID = STORE_ID;
 exports.SocketClientSymbol = SocketClientSymbol;
 exports.StoreSymbol = StoreSymbol;
+exports.TranslatorTranslationClientKey = TranslatorTranslationClientKey;
+exports.TranslatorTranslationDefaultKey = TranslatorTranslationDefaultKey;
+exports.TranslatorTranslationGroup = TranslatorTranslationGroup;
+exports.TranslatorTranslationVuecsKey = TranslatorTranslationVuecsKey;
 exports.VuelidateCustomRule = VuelidateCustomRule;
+exports.VuelidateCustomRuleKey = VuelidateCustomRuleKey;
 exports.buildEntityManagerSlotProps = buildEntityManagerSlotProps;
 exports.buildFormSubmitWithTranslations = buildFormSubmitWithTranslations;
 exports.buildListCreatedHandler = buildListCreatedHandler;
@@ -7126,6 +7197,7 @@ exports.buildListUpdatedHandler = buildListUpdatedHandler;
 exports.createEntityManager = createEntityManager;
 exports.createFormSubmitTranslations = createFormSubmitTranslations;
 exports.createList = createList;
+exports.createPermissionCheckerReactiveFn = createPermissionCheckerReactiveFn;
 exports.createStore = createStore;
 exports.default = index;
 exports.defineEntityManagerEvents = defineEntityManagerEvents;
@@ -7137,12 +7209,12 @@ exports.extractVuelidateResultsFromChild = extractVuelidateResultsFromChild;
 exports.getVuelidateSeverity = getVuelidateSeverity;
 exports.hasHTTPClient = hasHTTPClient;
 exports.hasNormalizedSlot = hasNormalizedSlot;
-exports.hasStore = hasStore;
+exports.hasStoreFactory = hasStoreFactory;
 exports.initFormAttributesFromSource = initFormAttributesFromSource;
 exports.inject = inject$1;
 exports.injectHTTPClient = injectHTTPClient;
 exports.injectSocketManager = injectSocketManager;
-exports.injectStore = injectStore;
+exports.injectStoreFactory = injectStoreFactory;
 exports.injectTranslatorLocale = injectTranslatorLocale;
 exports.install = install;
 exports.installHTTPClient = installHTTPClient;
@@ -7157,11 +7229,11 @@ exports.onChange = onChange;
 exports.provide = provide;
 exports.provideHTTPClient = provideHTTPClient;
 exports.provideSocketManager = provideSocketManager;
-exports.provideStore = provideStore;
+exports.provideStoreFactory = provideStoreFactory;
 exports.renderEntityAssignAction = renderEntityAssignAction;
 exports.storeToRefs = storeToRefs;
-exports.useAbilityCheck = useAbilityCheck;
 exports.useIsEditing = useIsEditing;
+exports.usePermissionCheck = usePermissionCheck;
 exports.useRealmResourceWritableCheck = useRealmResourceWritableCheck;
 exports.useStore = useStore;
 exports.useTranslation = useTranslation;