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

package/dist/index.cjs

@@ -94,69 +94,147 @@ class PolicyEngine extends kit.PolicyEngine {
     }
 }
 
-function createStore(context = {}) {
+/*
+ * 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 StoreDispatcherEventName = /*#__PURE__*/ function(StoreDispatcherEventName) {
+    StoreDispatcherEventName["LOGGING_IN"] = "loggingIn";
+    StoreDispatcherEventName["LOGGED_IN"] = "loggedIn";
+    StoreDispatcherEventName["LOGGING_OUT"] = "loggingOut";
+    StoreDispatcherEventName["LOGGED_OUT"] = "loggedOut";
+    StoreDispatcherEventName["RESOLVING"] = "resolving";
+    StoreDispatcherEventName["RESOLVED"] = "resolved";
+    StoreDispatcherEventName["ACCESS_TOKEN_UPDATED"] = "accessTokenUpdated";
+    StoreDispatcherEventName["ACCESS_TOKEN_EXPIRE_DATE_UPDATED"] = "accessTokenExpireDateUpdated";
+    StoreDispatcherEventName["REFRESH_TOKEN_UPDATED"] = "refreshTokenUpdated";
+    StoreDispatcherEventName["USER_UPDATED"] = "userUpdated";
+    StoreDispatcherEventName["REALM_UPDATED"] = "realmUpdated";
+    StoreDispatcherEventName["REALM_MANAGEMENT_UPDATED"] = "realmManagementUpdated";
+    return StoreDispatcherEventName;
+}({});
+
+// src/event-emitter.ts
+var EventEmitter = class {
+    on(type, handler) {
+        if (!this.all.has(type)) {
+            this.all.set(type, []);
+        }
+        const handlers = this.all.get(type);
+        handlers.push(handler);
+        return ()=>handlers.splice(handlers.indexOf(handler) >>> 0, 1);
+    }
+    off(type, handler) {
+        if (!type) {
+            return this.all.clear();
+        }
+        const handlers = this.all.get(type);
+        if (handlers) {
+            if (handler) {
+                handlers.splice(handlers.indexOf(handler) >>> 0, 1);
+            } else {
+                this.all.delete(type);
+            }
+        }
+    }
+    /**
+   * Invoke all handlers for the given type.
+   * If present, `'*'` handlers are invoked after type-matched handlers.
+   *
+   * Note: Manually firing `'*'` handlers is not supported.
+   *
+   * @param type The event type to invoke
+   * @param payload Any value to each handler
+   */ emit(type, ...payload) {
+        let handlers = this.all.get(type);
+        handlers?.slice().map((handler)=>{
+            handler(...payload);
+        });
+        handlers = this.all.get("*");
+        if (handlers) {
+            handlers.slice().map((handler)=>{
+                handler(type, payload);
+            });
+        }
+    }
+    constructor(all){
+        this.all = all || /* @__PURE__ */ new Map();
+    }
+};
+
+function createStoreDispatcher() {
+    return new EventEmitter();
+}
+
+const sym$1 = Symbol.for('AuthupStoreEventBus');
+function injectStoreDispatcher(app) {
+    const instance = inject$1(sym$1, app);
+    if (!instance) {
+        throw new Error('The store dispatcher has not been injected in the app context.');
+    }
+    return instance;
+}
+function provideStoreDispatcher(eventBus, app) {
+    provide(sym$1, eventBus, app);
+}
+
+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
     });
-    const initialized = vue.ref(false);
-    const setInitialized = (value)=>{
-        initialized.value = value;
+    const cookiesRead = vue.ref(false);
+    const setCookiesRead = (value)=>{
+        cookiesRead.value = value;
     };
     // --------------------------------------------------------------------
-    const accessToken = vue.ref(undefined);
+    const accessToken = vue.ref(null);
     const setAccessToken = (input)=>{
         accessToken.value = input;
+        context.dispatcher.emit(StoreDispatcherEventName.ACCESS_TOKEN_UPDATED, input);
     };
     // --------------------------------------------------------------------
-    const accessTokenExpireDate = vue.ref(undefined);
+    const accessTokenExpireDate = vue.ref(null);
     const setAccessTokenExpireDate = (input)=>{
         if (typeof input === 'number' || typeof input === 'string') {
             accessTokenExpireDate.value = new Date(input); // verify microseconds or seconds
-            return;
+        } else {
+            accessTokenExpireDate.value = input;
         }
-        accessTokenExpireDate.value = input;
+        context.dispatcher.emit(StoreDispatcherEventName.ACCESS_TOKEN_EXPIRE_DATE_UPDATED, accessTokenExpireDate.value);
     };
     // --------------------------------------------------------------------
-    const refreshToken = vue.ref(undefined);
+    const refreshToken = vue.ref(null);
     const setRefreshToken = (input)=>{
         refreshToken.value = input;
+        context.dispatcher.emit(StoreDispatcherEventName.REFRESH_TOKEN_UPDATED, 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 user = vue.ref(null);
+    const userId = vue.computed(()=>user.value ? user.value.id : null);
+    const setUser = (input)=>{
+        user.value = input;
+        context.dispatcher.emit(StoreDispatcherEventName.USER_UPDATED, input);
     };
     // --------------------------------------------------------------------
-    const realm = vue.ref(undefined);
+    const realm = vue.ref(null);
     const realmId = vue.computed(()=>realm.value ? realm.value.id : undefined);
     const realmName = vue.computed(()=>realm.value ? realm.value.name : undefined);
     const realmIsRoot = vue.computed(()=>{
@@ -165,122 +243,185 @@ function createStore(context = {}) {
         }
         return false;
     });
-    const setRealm = (entity)=>{
-        realm.value = entity;
+    const setRealm = (input)=>{
+        realm.value = input;
+        context.dispatcher.emit(StoreDispatcherEventName.REALM_UPDATED, input);
     };
-    const realmManagement = vue.ref(undefined);
+    const realmManagement = vue.ref(null);
     const realmManagementId = vue.computed(()=>realmManagement.value ? realmManagement.value.id : realmId.value);
     const realmManagementName = vue.computed(()=>realmManagement.value ? realmManagement.value.name : realmName.value);
-    const setRealmManagement = (entity)=>{
-        realmManagement.value = entity;
+    const setRealmManagement = (input)=>{
+        realmManagement.value = input;
+        context.dispatcher.emit(StoreDispatcherEventName.REALM_MANAGEMENT_UPDATED, input);
     };
+    // --------------------------------------------------------------------
     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 applyTokenGrantResponse = (response)=>{
+        const expireDate = new Date(Date.now() + response.expires_in * 1000);
+        setAccessTokenExpireDate(expireDate);
+        setAccessToken(response.access_token);
+        if (response.refresh_token) {
+            setRefreshToken(response.refresh_token);
+        } else {
+            setRefreshToken(null);
         }
     };
     // --------------------------------------------------------------------
-    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)=>applyTokenGrantResponse(r)).catch((e)=>{
+            reset();
+            return Promise.reject(e);
+        }).finally(()=>{
+            tokenResolved.value = false;
+            userResolved.value = false;
+        });
+    });
+    // --------------------------------------------------------------------
+    const resolveInternal = async ()=>{
+        context.dispatcher.emit(StoreDispatcherEventName.RESOLVING);
         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;
         }
+        context.dispatcher.emit(StoreDispatcherEventName.RESOLVED);
+        return Promise.resolve();
     };
+    const resolve = createPromiseShareWrapperFn(resolveInternal);
     const loggedIn = vue.computed(()=>!!accessToken.value);
     const login = async (ctx)=>{
+        context.dispatcher.emit(StoreDispatcherEventName.LOGGING_IN);
+        const response = await client.token.createWithPasswordGrant({
+            username: ctx.name,
+            password: ctx.password,
+            ...realmId.value ? {
+                realm_id: ctx.realmId
+            } : {}
+        });
+        applyTokenGrantResponse(response);
         try {
-            const response = await client.token.createWithPasswordGrant({
-                username: ctx.name,
-                password: ctx.password,
-                ...realmId.value ? {
-                    realm_id: ctx.realmId
-                } : {}
-            });
-            handleTokenGrantResponse(response);
             await resolve();
         } catch (e) {
-            setUser(undefined);
+            await logout();
             throw e;
         }
+        context.dispatcher.emit(StoreDispatcherEventName.LOGGED_IN);
     };
-    const logout = ()=>{
-        setAccessToken(undefined);
-        setAccessTokenExpireDate(undefined);
-        setRefreshToken(undefined);
-        setUser(undefined);
-        setTokenInfo(undefined);
+    const reset = ()=>{
+        setAccessToken(null);
+        setAccessTokenExpireDate(null);
+        setRefreshToken(null);
+        setUser(null);
+        setRealm(null);
+        setRealmManagement(null);
+        permissionRepository.setMany([]);
+        tokenResolved.value = false;
+        userResolved.value = false;
+    };
+    const logout = async ()=>{
+        context.dispatcher.emit(StoreDispatcherEventName.LOGGING_OUT);
+        try {
+            if (accessToken.value) {
+                await client.token.revoke({
+                    token: accessToken.value
+                });
+            }
+        } catch (e) {
+        // ...
+        }
+        try {
+            if (refreshToken.value) {
+                await client.token.revoke({
+                    token: refreshToken.value
+                });
+            }
+        } catch (e) {
+        // ...
+        }
+        reset();
+        context.dispatcher.emit(StoreDispatcherEventName.LOGGED_OUT);
     };
     return {
-        initialized,
-        setInitialized,
+        cookiesRead,
+        setCookiesRead,
         permissionChecker,
         login,
         logout,
         loggedIn,
         resolve,
-        handleTokenGrantResponse,
+        applyTokenGrantResponse,
         accessToken,
         setAccessToken,
         accessTokenExpireDate,
         setAccessTokenExpireDate,
         refreshToken,
         setRefreshToken,
-        tokenInfo,
-        setTokenInfo,
         realm,
         realmId,
         realmIsRoot,
@@ -361,36 +502,39 @@ function shouldUpdate(dependencies, newCookies, oldCookies) {
     return false;
 }
 
-const StoreSymbol = Symbol.for('AuthupStore');
+const sym = 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) {
-    const instance = inject$1(StoreSymbol, app);
+function injectStoreFactory(app) {
+    const instance = inject$1(sym, 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) {
-    return !!inject$1(StoreSymbol, app);
+function hasStoreFactory(app) {
+    return !!inject$1(sym, app);
 }
-function provideStore(store, app) {
-    provide(StoreSymbol, store, app);
+function provideStoreFactory(store, app) {
+    provide(sym, store, app);
 }
 
 function installStore(app, options = {}) {
-    if (hasStore(app)) {
+    if (hasStoreFactory(app)) {
         return;
     }
-    const storeCreator = pinia.defineStore(STORE_ID, ()=>createStore({
-            baseURL: options.baseURL
+    const storeDispatcher = createStoreDispatcher();
+    provideStoreDispatcher(storeDispatcher, app);
+    const storeFactory = pinia.defineStore(STORE_ID, ()=>createStore({
+            baseURL: options.baseURL,
+            dispatcher: storeDispatcher
         }));
-    const store = storeCreator(options.pinia);
+    const store = storeFactory(options.pinia);
     let cookieGet;
     if (options.cookieGet) {
         cookieGet = options.cookieGet;
@@ -409,18 +553,18 @@ 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();
         cookieUnset = cookies.remove;
     }
-    const initStore = ()=>{
-        if (store.initialized) {
+    const readCookies = ()=>{
+        if (store.cookiesRead) {
             return;
         }
-        store.setInitialized(true);
+        store.setCookiesRead(true);
         const keys = Object.values(coreHttpKit.CookieName);
         let value;
         for(let i = 0; i < keys.length; i++){
@@ -462,44 +606,61 @@ function installStore(app, options = {}) {
             }
         }
     };
-    store.$onAction((action)=>{
-        if (action.store.$id !== STORE_ID) {
-            return;
+    const maxAgeFn = ()=>{
+        if (!store.accessTokenExpireDate) {
+            return undefined;
         }
-        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);
+        return Math.floor(Math.max(1000, new Date(`${store.accessTokenExpireDate}`).getTime() - Date.now()) / 1000);
+    };
+    storeDispatcher.on(StoreDispatcherEventName.ACCESS_TOKEN_EXPIRE_DATE_UPDATED, (input)=>{
+        if (input) {
+            cookieSet(coreHttpKit.CookieName.ACCESS_TOKEN_EXPIRE_DATE, input, {
+                maxAge: maxAgeFn()
+            });
+        } else {
+            cookieUnset(coreHttpKit.CookieName.ACCESS_TOKEN_EXPIRE_DATE, {});
         }
     });
-    initStore();
-    store.$subscribe((mutation, state)=>{
-        if (mutation.storeId !== STORE_ID) {
-            return;
-        }
-        if (state.accessToken) {
-            cookieSet(coreHttpKit.CookieName.ACCESS_TOKEN, state.accessToken);
-        }
-        if (state.accessTokenExpireDate) {
-            cookieSet(coreHttpKit.CookieName.ACCESS_TOKEN_EXPIRE_DATE, state.accessTokenExpireDate);
+    storeDispatcher.on(StoreDispatcherEventName.ACCESS_TOKEN_UPDATED, (input)=>{
+        if (input) {
+            const maxAge = maxAgeFn();
+            cookieSet(coreHttpKit.CookieName.ACCESS_TOKEN, input, {
+                maxAge
+            });
+        } else {
+            cookieUnset(coreHttpKit.CookieName.ACCESS_TOKEN, {});
         }
-        if (state.refreshToken) {
-            cookieSet(coreHttpKit.CookieName.REFRESH_TOKEN, state.refreshToken);
+    });
+    storeDispatcher.on(StoreDispatcherEventName.REFRESH_TOKEN_UPDATED, (input)=>{
+        if (input) {
+            cookieSet(coreHttpKit.CookieName.REFRESH_TOKEN, input, {});
+        } else {
+            cookieUnset(coreHttpKit.CookieName.REFRESH_TOKEN, {});
         }
-        if (state.user) {
-            cookieSet(coreHttpKit.CookieName.USER, state.user);
+    });
+    storeDispatcher.on(StoreDispatcherEventName.USER_UPDATED, (input)=>{
+        if (input) {
+            cookieSet(coreHttpKit.CookieName.USER, input, {});
+        } else {
+            cookieUnset(coreHttpKit.CookieName.USER, {});
         }
-        if (state.realm) {
-            cookieSet(coreHttpKit.CookieName.REALM, state.realm);
+    });
+    storeDispatcher.on(StoreDispatcherEventName.REALM_UPDATED, (input)=>{
+        if (input) {
+            cookieSet(coreHttpKit.CookieName.REALM, input, {});
+        } else {
+            cookieUnset(coreHttpKit.CookieName.REALM, {});
         }
-        if (state.realmManagement) {
-            cookieSet(coreHttpKit.CookieName.REALM_MANAGEMENT, state.realmManagement);
+    });
+    storeDispatcher.on(StoreDispatcherEventName.REALM_MANAGEMENT_UPDATED, (input)=>{
+        if (input) {
+            cookieSet(coreHttpKit.CookieName.REALM_MANAGEMENT, input, {});
+        } else {
+            cookieUnset(coreHttpKit.CookieName.REALM_MANAGEMENT, {});
         }
     });
-    provideStore(storeCreator, app);
+    readCookies();
+    provideStoreFactory(storeFactory, app);
 }
 
 function storeToRefs(store) {
@@ -522,8 +683,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,
@@ -536,32 +697,36 @@ function installHTTPClient(app, options = {}) {
             });
         },
         tokenCreated: (response)=>{
-            store.handleTokenGrantResponse(response);
+            store.applyTokenGrantResponse(response);
         },
         tokenFailed: ()=>{
-            store.logout();
-        }
+            Promise.resolve().then(()=>store.logout());
+        },
+        timer: !options.isServer
     });
-    store.$subscribe((mutation, state)=>{
-        if (mutation.storeId !== STORE_ID) return;
-        if (state.accessToken) {
+    const storeDispatcher = injectStoreDispatcher(app);
+    const handleAccessTokenEvent = ()=>{
+        if (store.accessToken) {
             client.setAuthorizationHeader({
                 type: 'Bearer',
-                token: state.accessToken
+                token: store.accessToken
             });
             tokenHook.mount();
         } else {
             client.unsetAuthorizationHeader();
             tokenHook.unmount();
         }
-        if (state.refreshToken && state.accessTokenExpireDate) {
-            const expiresIn = Math.floor((state.accessTokenExpireDate.getTime() - Date.now()) / 1000);
-            tokenHook.setTimer({
-                refresh_token: ()=>refreshToken.value,
-                expires_in: expiresIn
-            });
+    };
+    const handleAccessTokenExpireDateEvent = ()=>{
+        if (store.accessTokenExpireDate) {
+            const expiresIn = Math.floor((store.accessTokenExpireDate.getTime() - Date.now()) / 1000);
+            tokenHook.setTimer(expiresIn, ()=>refreshToken.value || undefined);
         }
-    });
+    };
+    storeDispatcher.on(StoreDispatcherEventName.ACCESS_TOKEN_UPDATED, ()=>handleAccessTokenEvent());
+    storeDispatcher.on(StoreDispatcherEventName.ACCESS_TOKEN_EXPIRE_DATE_UPDATED, ()=>handleAccessTokenExpireDateEvent());
+    handleAccessTokenEvent();
+    handleAccessTokenExpireDateEvent();
     provideHTTPClient(client, app);
 }
 
@@ -777,7 +942,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({
@@ -1016,7 +1181,7 @@ function createList(context) {
         }
     }
     const handleCreated = buildListCreatedHandler(data, (cbEntity)=>{
-        total.value--;
+        total.value++;
         if (context.onCreated) {
             context.onCreated(cbEntity, meta.value);
         }
@@ -1049,7 +1214,7 @@ function createList(context) {
             noMore: renderOptions.noMore,
             body: renderOptions.body,
             loading: renderOptions.loading,
-            total,
+            total: total.value,
             load,
             busy: busy.value,
             data: data.value,
@@ -1058,16 +1223,19 @@ function createList(context) {
                 if (context.setup.emit) {
                     context.setup.emit('created', value);
                 }
+                handleCreated(value);
             },
             onDeleted: (value)=>{
                 if (context.setup.emit) {
                     context.setup.emit('deleted', value);
                 }
+                handleDeleted(value);
             },
             onUpdated: (value)=>{
                 if (context.setup.emit) {
                     context.setup.emit('updated', value);
                 }
+                handleUpdated(value);
             },
             slotItems: context.setup.slots || {}
         });
@@ -1543,26 +1711,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 +1760,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 +2049,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 +2115,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 +2196,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 +2231,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 +2337,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 +2433,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 +2453,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 +2486,7 @@ const ARealmForm = vue.defineComponent({
                                 class: 'fa fa-wrench'
                             }),
                             ' ',
-                            translationsDefault[exports.TranslatorTranslationDefaultKey.GENERATE].value
+                            translationsDefault[TranslatorTranslationDefaultKey.GENERATE].value
                         ])
                     ])
                 ]);
@@ -2314,7 +2495,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 +2507,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 +2546,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 +2650,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 +2722,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 +2786,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 +2829,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 +2840,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 +2860,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 +2871,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 +2879,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 +2887,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 +2895,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 +2923,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 +2945,7 @@ const AClientForm = vue.defineComponent({
                             class: 'fa fa-wrench'
                         }),
                         ' ',
-                        translationsDefault[exports.TranslatorTranslationDefaultKey.GENERATE].value
+                        translationsDefault[TranslatorTranslationDefaultKey.GENERATE].value
                     ])
                 ])
             ];
@@ -2780,7 +2961,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 +3030,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 +3078,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 +3137,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 +3193,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 +3213,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 +3228,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 +3240,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 +3282,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 +3421,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 +3458,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 +3475,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 +3487,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) {
@@ -4034,7 +4215,11 @@ const AIdentityProviderPreset = vue.defineComponent({
     }
 });
 
-const AIdentityProviderPicker = vue.defineComponent({
+var _sfc_main = vue.defineComponent({
+    components: {
+        AIdentityProviderPreset,
+        AIdentityProviderProtocol
+    },
     props: {
         protocol: {
             type: String
@@ -4047,113 +4232,139 @@ const AIdentityProviderPicker = vue.defineComponent({
         'pick'
     ],
     setup (props, setup) {
-        const protocols = [];
-        const presets = [];
-        Object.values(coreKit.IdentityProviderProtocol).map((id)=>{
-            protocols.push({
-                id
-            });
-            return id;
-        });
-        Object.values(coreKit.IdentityProviderPreset).map((id)=>{
-            presets.push({
-                id
-            });
-            return id;
-        });
-        const pick = (ctx)=>{
-            setup.emit('pick', ctx);
+        const protocols = Object.values(coreKit.IdentityProviderProtocol);
+        const presets = Object.values(coreKit.IdentityProviderPreset);
+        const pickProtocol = (protocol)=>{
+            setup.emit('pick', 'protocol', protocol);
         };
-        return ()=>{
-            const protocolNode = listControls.buildList({
-                data: protocols,
-                header: {
-                    content: vue.h('h6', 'Protocols')
-                },
-                body: {
-                    class: 'd-flex flex-row',
-                    item: {
-                        class: [
-                            'me-1 list-item'
-                        ],
-                        icon: false,
-                        content: (item)=>vue.h(AIdentityProviderProtocol, {
-                                id: item.id
-                            }, {
-                                default: (element)=>[
-                                        vue.h('i', {
-                                            class: [
-                                                element.icon,
-                                                'pe-1'
-                                            ]
-                                        }),
-                                        element.name,
-                                        vue.h('button', {
-                                            class: 'btn btn-xs btn-dark ms-1',
-                                            onClick ($event) {
-                                                $event.preventDefault();
-                                                pick({
-                                                    protocol: item.id
-                                                });
-                                            }
-                                        }, [
-                                            vue.h('i', {
-                                                class: 'fa fa-plus'
-                                            })
-                                        ])
-                                    ]
-                            })
-                    }
-                }
-            });
-            const protocolNodeConfigurationNode = listControls.buildList({
-                data: presets,
-                header: {
-                    content: vue.h('h6', 'Presets')
-                },
-                body: {
-                    class: 'd-flex flex-row',
-                    item: {
-                        class: 'me-1 list-item',
-                        icon: false,
-                        content: (preset)=>vue.h(AIdentityProviderPreset, {
-                                id: preset.id
-                            }, {
-                                default: (item)=>vue.h('div', [
-                                        vue.h('i', {
-                                            class: [
-                                                item.icon,
-                                                'pe-1'
-                                            ]
-                                        }),
-                                        item.name,
-                                        vue.h('button', {
-                                            class: 'btn btn-xs btn-dark ms-1',
-                                            onClick ($event) {
-                                                $event.preventDefault();
-                                                pick({
-                                                    preset: preset.id,
-                                                    protocol: coreKit.getIdentityProviderProtocolForPreset(preset.id)
-                                                });
-                                            }
-                                        }, [
-                                            vue.h('i', {
-                                                class: 'fa fa-plus'
-                                            })
-                                        ])
-                                    ])
-                            })
-                    }
-                }
-            });
-            return [
-                protocolNode,
-                protocolNodeConfigurationNode
-            ];
+        const pickPreset = (preset)=>{
+            setup.emit('pick', 'preset', preset);
+        };
+        return {
+            protocols,
+            presets,
+            pickProtocol,
+            pickPreset
         };
     }
 });
 
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+const _hoisted_1 = {
+    class: "d-flex flex-column gap-2"
+};
+const _hoisted_2 = {
+    class: "d-flex flex-row gap-2 flex-wrap"
+};
+const _hoisted_3 = [
+    "onClick"
+];
+const _hoisted_4 = {
+    class: "d-flex flex-row gap-2 flex-wrap"
+};
+const _hoisted_5 = [
+    "onClick"
+];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+    const _component_AIdentityProviderProtocol = vue.resolveComponent("AIdentityProviderProtocol");
+    const _component_AIdentityProviderPreset = vue.resolveComponent("AIdentityProviderPreset");
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", null, [
+            _cache[0] || (_cache[0] = vue.createElementVNode("h6", null, "Protocols", -1)),
+            vue.createElementVNode("div", _hoisted_2, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.protocols, (item, key)=>{
+                    return vue.openBlock(), vue.createBlock(_component_AIdentityProviderProtocol, {
+                        key,
+                        id: item
+                    }, {
+                        default: vue.withCtx((props)=>[
+                                vue.createElementVNode("div", {
+                                    class: vue.normalizeClass([
+                                        {
+                                            "active": item === _ctx.protocol && !_ctx.preset
+                                        },
+                                        "d-flex flex-column gap-1 text-center identity-provider-picker-item"
+                                    ]),
+                                    onClick: vue.withModifiers(($event)=>_ctx.pickProtocol(item), [
+                                        "prevent"
+                                    ])
+                                }, [
+                                    vue.createElementVNode("div", null, [
+                                        vue.createElementVNode("i", {
+                                            class: vue.normalizeClass([
+                                                "fa-2x",
+                                                props.icon
+                                            ])
+                                        }, null, 2)
+                                    ]),
+                                    vue.createElementVNode("div", null, vue.toDisplayString(props.name), 1)
+                                ], 10, _hoisted_3)
+                            ]),
+                        _: 2
+                    }, 1032, [
+                        "id"
+                    ]);
+                }), 128))
+            ])
+        ]),
+        vue.createElementVNode("div", null, [
+            _cache[1] || (_cache[1] = vue.createElementVNode("h6", null, "Presets", -1)),
+            vue.createElementVNode("div", _hoisted_4, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.presets, (item, key)=>{
+                    return vue.openBlock(), vue.createBlock(_component_AIdentityProviderPreset, {
+                        key,
+                        id: item
+                    }, {
+                        default: vue.withCtx((props)=>[
+                                vue.createElementVNode("div", {
+                                    class: vue.normalizeClass([
+                                        {
+                                            "active": item === _ctx.preset
+                                        },
+                                        "d-flex flex-column gap-1 text-center identity-provider-picker-item"
+                                    ]),
+                                    onClick: vue.withModifiers(($event)=>_ctx.pickPreset(item), [
+                                        "prevent"
+                                    ])
+                                }, [
+                                    vue.createElementVNode("div", null, [
+                                        vue.createElementVNode("i", {
+                                            class: vue.normalizeClass([
+                                                "fa-2x",
+                                                props.icon
+                                            ])
+                                        }, null, 2)
+                                    ]),
+                                    vue.createElementVNode("div", null, vue.toDisplayString(props.name), 1)
+                                ], 10, _hoisted_5)
+                            ]),
+                        _: 2
+                    }, 1032, [
+                        "id"
+                    ]);
+                }), 128))
+            ])
+        ])
+    ]);
+}
+var AIdentityProviderPicker = /* @__PURE__ */ _export_sfc(_sfc_main, [
+    [
+        "render",
+        _sfc_render
+    ],
+    [
+        "__scopeId",
+        "data-v-0df1e731"
+    ]
+]);
+
 const AIdentityProviderOAuth2ClientFields = vue.defineComponent({
     props: {
         entity: {
@@ -4691,17 +4902,16 @@ const AIdentityProviderForm = vue.defineComponent({
         set();
         onChange(updatedAt, ()=>set());
         const renderPicker = ()=>vue.h(AIdentityProviderPicker, {
-                onPick (value) {
-                    if (value.protocol) {
-                        protocol.value = value.protocol;
-                    } else {
-                        protocol.value = null;
-                    }
-                    if (value.preset) {
-                        preset.value = value.preset;
-                    } else {
-                        preset.value = null;
+                protocol: protocol.value,
+                preset: preset.value,
+                onPick (type, value) {
+                    if (type === 'preset') {
+                        preset.value = value;
+                        protocol.value = `${coreKit.getIdentityProviderProtocolForPreset(value)}`;
+                        return;
                     }
+                    protocol.value = value;
+                    preset.value = null;
                 }
             });
         const render = (node)=>{
@@ -4783,12 +4993,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 +5078,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 +5322,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 +5339,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 +5351,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 +5363,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 +5405,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 +5482,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 +5578,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 +5595,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 +5610,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 +5622,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 +5664,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 +5763,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 +5822,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 +5847,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 +5862,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 +5890,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 +5920,7 @@ const ARobotForm = vue.defineComponent({
                         class: 'fa fa-wrench'
                     }),
                     ' ',
-                    translationsDefault[exports.TranslatorTranslationDefaultKey.GENERATE].value
+                    translationsDefault[TranslatorTranslationDefaultKey.GENERATE].value
                 ])
             ]);
             const submitForm = buildFormSubmitWithTranslations({
@@ -5749,12 +5991,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 +6255,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 +6286,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 +6301,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 +6313,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 +6338,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 +6362,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 +6445,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 +6816,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 +6889,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 +6906,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 +7080,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 +7132,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 +7206,7 @@ var components = /*#__PURE__*/Object.freeze({
     AIdentityProviders: AIdentityProviders,
     APagination: APagination,
     APermission: APermission,
+    APermissionCheck: APermissionCheck,
     APermissionForm: APermissionForm,
     APermissionRobotAssignments: APermissionRobotAssignments,
     APermissionRoleAssignments: APermissionRoleAssignments,
@@ -7041,7 +7278,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 +7313,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;
@@ -7116,8 +7355,13 @@ exports.HTTPClientSymbol = HTTPClientSymbol;
 exports.LanguageSwitcherDropdown = LanguageSwitcherDropdown;
 exports.STORE_ID = STORE_ID;
 exports.SocketClientSymbol = SocketClientSymbol;
-exports.StoreSymbol = StoreSymbol;
+exports.StoreDispatcherEventName = StoreDispatcherEventName;
+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,7 +7370,9 @@ exports.buildListUpdatedHandler = buildListUpdatedHandler;
 exports.createEntityManager = createEntityManager;
 exports.createFormSubmitTranslations = createFormSubmitTranslations;
 exports.createList = createList;
+exports.createPermissionCheckerReactiveFn = createPermissionCheckerReactiveFn;
 exports.createStore = createStore;
+exports.createStoreDispatcher = createStoreDispatcher;
 exports.default = index;
 exports.defineEntityManagerEvents = defineEntityManagerEvents;
 exports.defineEntityManagerProps = defineEntityManagerProps;
@@ -7137,12 +7383,13 @@ 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.injectStoreDispatcher = injectStoreDispatcher;
+exports.injectStoreFactory = injectStoreFactory;
 exports.injectTranslatorLocale = injectTranslatorLocale;
 exports.install = install;
 exports.installHTTPClient = installHTTPClient;
@@ -7157,11 +7404,12 @@ exports.onChange = onChange;
 exports.provide = provide;
 exports.provideHTTPClient = provideHTTPClient;
 exports.provideSocketManager = provideSocketManager;
-exports.provideStore = provideStore;
+exports.provideStoreDispatcher = provideStoreDispatcher;
+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;