@authup/client-web-kit 1.0.0-beta.26 → 1.0.0-beta.28

package/dist/index.mjs

@@ -1,22 +1,229 @@
-import { REALM_MASTER_NAME, EntityDefaultEventName, buildEntityChannelName, EntityType, IdentityProviderProtocol, IdentityProviderPreset, getIdentityProviderProtocolForPreset } from '@authup/core-kit';
-import { defineComponent, reactive, resolveComponent, createBlock, openBlock, withCtx, createVNode, createElementVNode, withModifiers, hasInjectionContext, inject as inject$2, provide as provide$1, ref, computed, getCurrentScope, onScopeDispose, shallowRef, toRaw, isRef, isReactive, toRef, watchEffect, unref, onMounted, watch, onUnmounted, h, createElementBlock, renderSlot, createTextVNode, createCommentVNode, Fragment, renderList, mergeProps, getCurrentInstance, resolveDynamicComponent, nextTick, normalizeClass, toDisplayString } from 'vue';
+import installFormControl, { VCFormGroup, VCFormInput, buildFormSubmit, buildFormInputText, buildFormGroup, buildFormInput, buildFormTextarea, buildFormInputCheckbox, VCFormInputCheckbox } from '@vuecs/form-controls';
+import { hasOwnProperty, isObject as isObject$1, merge, createMerger } from 'smob';
+import { hasInjectionContext, inject as inject$3, provide as provide$2, defineComponent, reactive, resolveComponent, createBlock, openBlock, withCtx, createVNode, createElementVNode, withModifiers, ref, computed, getCurrentScope, onScopeDispose, shallowRef, toRaw, isRef, isReactive, toRef, watchEffect, unref, onMounted, watch, onUnmounted, h, createElementBlock, renderSlot, createTextVNode, createCommentVNode, Fragment, renderList, mergeProps, getCurrentInstance, resolveDynamicComponent, toDisplayString, nextTick, normalizeClass, Suspense } from 'vue';
+import installPagination, { buildPagination as buildPagination$1 } from '@vuecs/pagination';
+import { REALM_MASTER_NAME, EntityDefaultEventName, buildEntityChannelName, EntityType, IdentityProviderProtocol, IdentityProviderPreset, getIdentityProviderProtocolForPreset, isUserFakeEmail, buildUserFakeEmail } from '@authup/core-kit';
 import { IVuelidate, useTranslationsForNestedValidations, useTranslationsForBaseValidation as useTranslationsForBaseValidation$1, getSeverity, install as install$1 } from '@ilingo/vuelidate';
-import { VCFormGroup, VCFormInput, buildFormSubmit, buildFormInputText, buildFormGroup, buildFormInput, buildFormTextarea, buildFormInputCheckbox, VCFormInputCheckbox } from '@vuecs/form-controls';
 import useVuelidate from '@vuelidate/core';
-import { maxLength, minLength, required, helpers, url, numeric, maxValue, minValue, email, sameAs } from '@vuelidate/validators';
+import { maxLength, minLength, required, helpers, numeric, url, maxValue, minValue, email, sameAs } from '@vuelidate/validators';
 import { SlotName, buildList } from '@vuecs/list-controls';
 import { Client, CookieName, ClientAuthenticationHook, ClientAuthenticationHookEventName } from '@authup/core-http-kit';
 import { defineStore, storeToRefs as storeToRefs$1 } from 'pinia';
 import { PermissionMemoryProvider, PermissionChecker, PolicyEngine, TimePolicyInterval, isIntervalForDayOfWeek, isIntervalForDayOfMonth, isIntervalForDayOfYear, BuiltInPolicyType } from '@authup/access';
-import { OAuth2Error, isOpenIDProviderMetadata } from '@authup/specs';
-import { isObject as isObject$1, merge, createMerger } from 'smob';
-import { hasOwnProperty, extendObject, isObject as isObject$2, createNanoID } from '@authup/kit';
+import { OAuth2Error, isOpenIDProviderMetadata, deserializeOAuth2Scope } from '@authup/specs';
+import { hasOwnProperty as hasOwnProperty$1, extendObject, isObject as isObject$2, createNanoID, isBCryptHash, base64URLEncode } from '@authup/kit';
 import { SortDirection } from 'rapiq';
 import { ClientManager, buildEventFullName, EventNameSuffix } from '@authup/core-realtime-kit';
-import { buildPagination as buildPagination$1 } from '@vuecs/pagination';
 import Cookie from 'universal-cookie';
 
-var _sfc_main$b = defineComponent({
+/*
+ * Copyright (c) 2024-2024.
+ * Author Peter Placzek (tada5hi)
+ * For the full copyright and license information,
+ * view the LICENSE file that was distributed with this source code.
+ */ const BRACKET_NUMBER_REGEX = RegExp("(?<!\\\\)\\[(\\d+)]$");
+/**
+ * Convert string to property path array.
+ *
+ * @see https://github.com/lodash/lodash/blob/main/src/.internal/stringToPath.ts
+ * @see https://github.com/chaijs/pathval
+ *
+ * @param segment
+ */ function pathToArray(segment) {
+    const str = segment.replace(/([^\\])\[/g, '$1.[');
+    const parts = str.match(/(\\\.|[^.]+?)+/g);
+    if (!parts) {
+        return [];
+    }
+    const result = [];
+    for(let i = 0; i < parts.length; i++){
+        if (parts[i] === 'constructor' || parts[i] === '__proto__' || parts[i] === 'prototype') {
+            continue;
+        }
+        const regex = BRACKET_NUMBER_REGEX.exec(parts[i]);
+        if (regex) {
+            result.push(regex[1]);
+        } else {
+            result.push(parts[i].replace(/\\([.[\]])/g, '$1'));
+        }
+    }
+    return result;
+}
+
+/*
+ * Copyright (c) 2024.
+ * Author Peter Placzek (tada5hi)
+ * For the full copyright and license information,
+ * view the LICENSE file that was distributed with this source code.
+ */ var Character;
+(function(Character) {
+    Character["WILDCARD"] = "*";
+    Character["GLOBSTAR"] = "**";
+})(Character || (Character = {}));
+
+/*
+ * Copyright (c) 2024.
+ * Author Peter Placzek (tada5hi)
+ * For the full copyright and license information,
+ * view the LICENSE file that was distributed with this source code.
+ */ function isObject(input) {
+    return !!input && typeof input === 'object' && !Array.isArray(input);
+}
+
+function getPathValue(data, path) {
+    const parts = Array.isArray(path) ? path : pathToArray(path);
+    let res;
+    let temp = data;
+    let index = 0;
+    while(index < parts.length){
+        if (temp === null || typeof temp === 'undefined') {
+            break;
+        }
+        if (parts[index] in Object(temp)) {
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-expect-error
+            temp = temp[parts[index]];
+        } else {
+            break;
+        }
+        if (index === parts.length - 1) {
+            res = temp;
+        }
+        index++;
+    }
+    return res;
+}
+
+const NUMBER_REGEX = /^\d+$/;
+function setPathValue(data, path, value) {
+    const parts = Array.isArray(path) ? path : pathToArray(path);
+    let temp = data;
+    let index = 0;
+    while(index < parts.length){
+        /* istanbul ignore next */ if (!Array.isArray(temp) && !isObject(temp)) {
+            break;
+        }
+        const key = parts[index];
+        // [foo, '0']
+        if (typeof temp[key] === 'undefined') {
+            const match = NUMBER_REGEX.test(key);
+            if (match) {
+                temp[key] = [];
+            } else {
+                temp[key] = {};
+            }
+        }
+        if (index === parts.length - 1) {
+            temp[key] = value;
+            break;
+        }
+        index++;
+        temp = temp[key];
+    }
+    return data;
+}
+
+class Store {
+    /**
+     * Set options for all groups.
+     *
+     * @param items
+     */ setAll(items) {
+        const keys = Object.keys(items);
+        for(let i = 0; i < keys.length; i++){
+            this.setOptions(keys[i], items[keys[i]]);
+        }
+    }
+    /**
+     * Set options for a specific group.
+     *
+     * @param group
+     * @param options
+     */ setOptions(group, options) {
+        if (typeof this.data[group] === 'undefined') {
+            this.data[group] = {};
+        }
+        this.data[group] = options;
+    }
+    hasOptions(group) {
+        return hasOwnProperty(this.data, group);
+    }
+    getOptions(group) {
+        if (typeof this.data[group] !== 'undefined') {
+            return this.data[group];
+        }
+        return {};
+    }
+    hasOption(group, option) {
+        return typeof this.data[group] !== 'undefined' && hasOwnProperty(this.data[group], option);
+    }
+    getOption(group, option) {
+        if (typeof this.data[group] === 'undefined') {
+            return undefined;
+        }
+        return this.data[group][option];
+    }
+    constructor(){
+        this.data = {};
+    }
+}
+
+class StoreManager {
+    keys() {
+        return Object.keys(this.instances);
+    }
+    use(key) {
+        if (typeof this.instances[key] !== 'undefined') {
+            return this.instances[key];
+        }
+        this.instances[key] = new Store();
+        return this.instances[key];
+    }
+    constructor(){
+        this.instances = {};
+    }
+}
+
+function inject$2(key, instance) {
+    if (instance && instance._context && instance._context.provides && instance._context.provides[key]) {
+        return instance._context.provides[key];
+    }
+    if (hasInjectionContext()) {
+        return inject$3(key, undefined);
+    }
+    return undefined;
+}
+
+function provide$1(key, value, app) {
+    if (typeof app === 'undefined') {
+        const val = inject$2(key);
+        if (typeof val !== 'undefined') {
+            return;
+        }
+        provide$2(key, value);
+        return;
+    }
+    if (app && app._context && app._context.provides && app._context.provides[key]) {
+        return;
+    }
+    app.provide(key, value);
+}
+
+function getSymbol(key) {
+    return Symbol.for('VCStoreManager');
+}
+function installStoreManager(instance, key) {
+    const symbol = getSymbol();
+    let manager = inject$2(symbol, instance);
+    if (manager) {
+        return manager;
+    }
+    manager = new StoreManager();
+    provide$1(symbol, manager, instance);
+    return manager;
+}
+
+var _sfc_main$i = defineComponent({
     components: {
         IVuelidate,
         VCFormInput,
@@ -69,71 +276,52 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 
-const _hoisted_1$7 = [
-    "disabled"
-];
-function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
-    const _component_VCFormInput = resolveComponent("VCFormInput");
-    const _component_VCFormGroup = resolveComponent("VCFormGroup");
-    const _component_IVuelidate = resolveComponent("IVuelidate");
-    return openBlock(), createBlock(_component_IVuelidate, {
-        validation: _ctx.vuelidate.name
-    }, {
-        default: withCtx((props)=>[
-                createVNode(_component_VCFormGroup, {
-                    "validation-messages": props.data,
-                    "validation-severity": props.severity
-                }, {
-                    default: withCtx(()=>[
-                            createVNode(_component_VCFormInput, {
-                                modelValue: _ctx.vuelidate.name.$model,
-                                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event)=>_ctx.vuelidate.name.$model = $event),
-                                onChange: _ctx.handleUpdated
-                            }, {
-                                groupAppend: withCtx(()=>[
-                                        createElementVNode("button", {
-                                            disabled: _ctx.disabled,
-                                            type: "button",
-                                            class: "btn btn-xs btn-warning",
-                                            onClick: _cache[0] || (_cache[0] = withModifiers((...args)=>_ctx.handleDeleted && _ctx.handleDeleted(...args), [
-                                                "prevent"
-                                            ]))
-                                        }, _cache[2] || (_cache[2] = [
-                                            createElementVNode("i", {
-                                                class: "fa fa-minus"
-                                            }, null, -1)
-                                        ]), 8, _hoisted_1$7)
-                                    ]),
-                                _: 1
-                            }, 8, [
-                                "modelValue",
-                                "onChange"
-                            ])
-                        ]),
-                    _: 2
-                }, 1032, [
-                    "validation-messages",
-                    "validation-severity"
-                ])
+const _hoisted_1$d = ["disabled"];
+function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_VCFormInput = resolveComponent("VCFormInput");
+  const _component_VCFormGroup = resolveComponent("VCFormGroup");
+  const _component_IVuelidate = resolveComponent("IVuelidate");
+  return openBlock(), createBlock(_component_IVuelidate, {
+    validation: _ctx.vuelidate.name
+  }, {
+    default: withCtx((props) => [
+      createVNode(_component_VCFormGroup, {
+        "validation-messages": props.data,
+        "validation-severity": props.severity
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_VCFormInput, {
+            modelValue: _ctx.vuelidate.name.$model,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.vuelidate.name.$model = $event),
+            onChange: _ctx.handleUpdated
+          }, {
+            groupAppend: withCtx(() => [
+              createElementVNode("button", {
+                disabled: _ctx.disabled,
+                type: "button",
+                class: "btn btn-xs btn-warning",
+                onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.handleDeleted && _ctx.handleDeleted(...args), ["prevent"]))
+              }, [..._cache[2] || (_cache[2] = [
+                createElementVNode("i", { class: "fa fa-minus" }, null, -1)
+              ])], 8, _hoisted_1$d)
             ]),
+            _: 1
+          }, 8, ["modelValue", "onChange"])
+        ]),
         _: 1
-    }, 8, [
-        "validation"
-    ]);
+      }, 8, ["validation-messages", "validation-severity"])
+    ]),
+    _: 1
+  }, 8, ["validation"]);
 }
-var AFormInputListItem = /* @__PURE__ */ _export_sfc(_sfc_main$b, [
-    [
-        "render",
-        _sfc_render$b
-    ]
-]);
+var AFormInputListItem = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$h]]);
 
 function inject$1(key, instance) {
     if (instance && instance._context && instance._context.provides && instance._context.provides[key]) {
         return instance._context.provides[key];
     }
     if (hasInjectionContext()) {
-        return inject$2(key, undefined);
+        return inject$3(key, undefined);
     }
     return undefined;
 }
@@ -144,7 +332,7 @@ function provide(key, value, app) {
         if (typeof val !== 'undefined') {
             return;
         }
-        provide$1(key, value);
+        provide$2(key, value);
         return;
     }
     if (app && app._context && app._context.provides && app._context.provides[key]) {
@@ -202,28 +390,35 @@ function provideHTTPClientAuthenticationHook(refresher, app) {
 
 // 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);
-            }
-        }
+  /**
+   * A Map of event names to registered handler functions.
+   */
+  all;
+  constructor(all) {
+    this.all = all || /* @__PURE__ */ new Map();
+  }
+  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.
    *
@@ -231,21 +426,19 @@ var EventEmitter = class {
    *
    * @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();
+   */
+  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);
+      });
     }
+  }
 };
 
 function createStoreDispatcher() {
@@ -530,68 +723,77 @@ function createStore(context) {
     };
 }
 
-function tryOnScopeDispose(fn) {
-    if (getCurrentScope()) {
-        onScopeDispose(fn);
-        return true;
-    }
-    return false;
+//#endregion
+//#region tryOnScopeDispose/index.ts
+/**
+* Call onScopeDispose() if it's inside an effect scope lifecycle, if not, do nothing
+*
+* @param fn
+*/
+function tryOnScopeDispose(fn, failSilently) {
+	if (getCurrentScope()) {
+		onScopeDispose(fn, failSilently);
+		return true;
+	}
+	return false;
 }
 typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
 
+/**
+* Reactive methods to work with cookies (use {@link createCookies} method instead if you are using SSR)
+* @param dependencies - array of watching cookie's names. Pass empty array if don't want to watch cookies changes.
+* @param options
+* @param options.doNotParse - don't try parse value as JSON
+* @param options.autoUpdateDependencies - automatically update watching dependencies
+* @param cookies - universal-cookie instance
+*
+* @__NO_SIDE_EFFECTS__
+*/
 function useCookies(dependencies, { doNotParse = false, autoUpdateDependencies = false } = {}, cookies = new Cookie()) {
-    const watchingDependencies = autoUpdateDependencies ? [
-        ...[]
-    ] : dependencies;
-    let previousCookies = cookies.getAll({
-        doNotParse: true
-    });
-    const touches = shallowRef(0);
-    const onChange = ()=>{
-        const newCookies = cookies.getAll({
-            doNotParse: true
-        });
-        if (shouldUpdate(watchingDependencies || null, newCookies, previousCookies)) {
-            touches.value++;
-        }
-        previousCookies = newCookies;
-    };
-    cookies.addChangeListener(onChange);
-    tryOnScopeDispose(()=>{
-        cookies.removeChangeListener(onChange);
-    });
-    return {
-        /**
-     * Reactive get cookie by name. If **autoUpdateDependencies = true** then it will update watching dependencies
-     */ get: (...args)=>{
-            if (autoUpdateDependencies && watchingDependencies && !watchingDependencies.includes(args[0])) watchingDependencies.push(args[0]);
-            touches.value;
-            return cookies.get(args[0], {
-                doNotParse,
-                ...args[1]
-            });
-        },
-        /**
-     * Reactive get all cookies
-     */ getAll: (...args)=>{
-            touches.value;
-            return cookies.getAll({
-                doNotParse,
-                ...args[0]
-            });
-        },
-        set: (...args)=>cookies.set(...args),
-        remove: (...args)=>cookies.remove(...args),
-        addChangeListener: (...args)=>cookies.addChangeListener(...args),
-        removeChangeListener: (...args)=>cookies.removeChangeListener(...args)
-    };
+	const watchingDependencies = autoUpdateDependencies ? [...[]] : dependencies;
+	let previousCookies = cookies.getAll({ doNotParse: true });
+	/**
+	* Adds reactivity to get/getAll methods
+	*/
+	const touches = shallowRef(0);
+	const onChange = () => {
+		const newCookies = cookies.getAll({ doNotParse: true });
+		if (shouldUpdate(watchingDependencies || null, newCookies, previousCookies)) touches.value++;
+		previousCookies = newCookies;
+	};
+	cookies.addChangeListener(onChange);
+	tryOnScopeDispose(() => {
+		cookies.removeChangeListener(onChange);
+	});
+	return {
+		get: (...args) => {
+			/**
+			* Auto update watching dependencies if needed
+			*/
+			if (autoUpdateDependencies && watchingDependencies && !watchingDependencies.includes(args[0])) watchingDependencies.push(args[0]);
+			touches.value;
+			return cookies.get(args[0], {
+				doNotParse,
+				...args[1]
+			});
+		},
+		getAll: (...args) => {
+			touches.value;
+			return cookies.getAll({
+				doNotParse,
+				...args[0]
+			});
+		},
+		set: (...args) => cookies.set(...args),
+		remove: (...args) => cookies.remove(...args),
+		addChangeListener: (...args) => cookies.addChangeListener(...args),
+		removeChangeListener: (...args) => cookies.removeChangeListener(...args)
+	};
 }
 function shouldUpdate(dependencies, newCookies, oldCookies) {
-    if (!dependencies) return true;
-    for (const dependency of dependencies){
-        if (newCookies[dependency] !== oldCookies[dependency]) return true;
-    }
-    return false;
+	if (!dependencies) return true;
+	for (const dependency of dependencies) if (newCookies[dependency] !== oldCookies[dependency]) return true;
+	return false;
 }
 
 const sym = Symbol.for('AuthupStore');
@@ -903,6 +1105,8 @@ var TranslatorTranslationClientKey = /*#__PURE__*/ function(TranslatorTranslatio
     TranslatorTranslationClientKey["DESCRIPTION_HINT"] = "descriptionHint";
     TranslatorTranslationClientKey["REDIRECT_URI_HINT"] = "redirectURIHint";
     TranslatorTranslationClientKey["IS_CONFIDENTIAL"] = "isConfidential";
+    TranslatorTranslationClientKey["IS_ACTIVE"] = "isActive";
+    TranslatorTranslationClientKey["HASH_SECRET"] = "hashSecret";
     return TranslatorTranslationClientKey;
 }({});
 var TranslatorTranslationDefaultKey = /*#__PURE__*/ function(TranslatorTranslationDefaultKey) {
@@ -936,113 +1140,10 @@ var TranslatorTranslationDefaultKey = /*#__PURE__*/ function(TranslatorTranslati
     TranslatorTranslationDefaultKey["ROLES"] = "roles";
     TranslatorTranslationDefaultKey["SCOPES"] = "scopes";
     TranslatorTranslationDefaultKey["SECRET"] = "secret";
-    TranslatorTranslationDefaultKey["REDIRECT_URIS"] = "redirectUris";
-    TranslatorTranslationDefaultKey["USERS"] = "users";
-    return TranslatorTranslationDefaultKey;
-}({});
-
-/*
- * Copyright (c) 2024-2024.
- * Author Peter Placzek (tada5hi)
- * For the full copyright and license information,
- * view the LICENSE file that was distributed with this source code.
- */ const BRACKET_NUMBER_REGEX = RegExp("(?<!\\\\)\\[(\\d+)]$");
-/**
- * Convert string to property path array.
- *
- * @see https://github.com/lodash/lodash/blob/main/src/.internal/stringToPath.ts
- * @see https://github.com/chaijs/pathval
- *
- * @param segment
- */ function pathToArray(segment) {
-    const str = segment.replace(/([^\\])\[/g, '$1.[');
-    const parts = str.match(/(\\\.|[^.]+?)+/g);
-    if (!parts) {
-        return [];
-    }
-    const result = [];
-    for(let i = 0; i < parts.length; i++){
-        if (parts[i] === 'constructor' || parts[i] === '__proto__' || parts[i] === 'prototype') {
-            continue;
-        }
-        const regex = BRACKET_NUMBER_REGEX.exec(parts[i]);
-        if (regex) {
-            result.push(regex[1]);
-        } else {
-            result.push(parts[i].replace(/\\([.[\]])/g, '$1'));
-        }
-    }
-    return result;
-}
-/*
- * Copyright (c) 2024.
- * Author Peter Placzek (tada5hi)
- * For the full copyright and license information,
- * view the LICENSE file that was distributed with this source code.
- */ var Character;
-(function(Character) {
-    Character["WILDCARD"] = "*";
-    Character["GLOBSTAR"] = "**";
-})(Character || (Character = {}));
-/*
- * Copyright (c) 2024.
- * Author Peter Placzek (tada5hi)
- * For the full copyright and license information,
- * view the LICENSE file that was distributed with this source code.
- */ function isObject(input) {
-    return !!input && typeof input === 'object' && !Array.isArray(input);
-}
-function getPathValue(data, path) {
-    const parts = Array.isArray(path) ? path : pathToArray(path);
-    let res;
-    let temp = data;
-    let index = 0;
-    while(index < parts.length){
-        if (temp === null || typeof temp === 'undefined') {
-            break;
-        }
-        if (parts[index] in Object(temp)) {
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-expect-error
-            temp = temp[parts[index]];
-        } else {
-            break;
-        }
-        if (index === parts.length - 1) {
-            res = temp;
-        }
-        index++;
-    }
-    return res;
-}
-const NUMBER_REGEX = /^\d+$/;
-function setPathValue(data, path, value) {
-    const parts = Array.isArray(path) ? path : pathToArray(path);
-    let temp = data;
-    let index = 0;
-    while(index < parts.length){
-        /* istanbul ignore next */ if (!Array.isArray(temp) && !isObject(temp)) {
-            break;
-        }
-        const key = parts[index];
-        // [foo, '0']
-        if (typeof temp[key] === 'undefined') {
-            const match = NUMBER_REGEX.test(key);
-            if (match) {
-                temp[key] = [];
-            } else {
-                temp[key] = {};
-            }
-        }
-        if (index === parts.length - 1) {
-            temp[key] = value;
-            break;
-        }
-        index++;
-        temp = temp[key];
-    }
-    return data;
-}
+    TranslatorTranslationDefaultKey["REDIRECT_URIS"] = "redirectUris";
+    TranslatorTranslationDefaultKey["USERS"] = "users";
+    return TranslatorTranslationDefaultKey;
+}({});
 
 class MemoryStore {
     async get(context) {
@@ -1076,62 +1177,76 @@ class MemoryStore {
 }
 
 typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
-const noop = ()=>{};
+const noop = () => {
+};
 
 function computedAsync(evaluationCallback, initialState, optionsOrRef) {
-    let options;
-    if (isRef(optionsOrRef)) {
-        options = {
-            evaluating: optionsOrRef
-        };
-    } else {
-        options = {};
-    }
-    const { lazy = false, evaluating = void 0, shallow = true, onError = noop } = options;
-    const started = ref(!lazy);
-    const current = shallow ? shallowRef(initialState) : ref(initialState);
-    let counter = 0;
-    watchEffect(async (onInvalidate)=>{
-        if (!started.value) return;
-        counter++;
-        const counterAtBeginning = counter;
-        let hasFinished = false;
-        if (evaluating) {
-            Promise.resolve().then(()=>{
-                evaluating.value = true;
-            });
-        }
-        try {
-            const result = await evaluationCallback((cancelCallback)=>{
-                onInvalidate(()=>{
-                    if (evaluating) evaluating.value = false;
-                    if (!hasFinished) cancelCallback();
-                });
-            });
-            if (counterAtBeginning === counter) current.value = result;
-        } catch (e) {
-            onError(e);
-        } finally{
-            if (evaluating && counterAtBeginning === counter) evaluating.value = false;
-            hasFinished = true;
-        }
-    });
-    if (lazy) {
-        return computed(()=>{
-            started.value = true;
-            return current.value;
-        });
-    } else {
-        return current;
+  var _a;
+  let options;
+  if (isRef(optionsOrRef)) {
+    options = {
+      evaluating: optionsOrRef
+    };
+  } else {
+    options = {};
+  }
+  const {
+    lazy = false,
+    flush = "pre",
+    evaluating = void 0,
+    shallow = true,
+    onError = (_a = globalThis.reportError) != null ? _a : noop
+  } = options;
+  const started = shallowRef(!lazy);
+  const current = shallow ? shallowRef(initialState) : ref(initialState);
+  let counter = 0;
+  watchEffect(async (onInvalidate) => {
+    if (!started.value)
+      return;
+    counter++;
+    const counterAtBeginning = counter;
+    let hasFinished = false;
+    if (evaluating) {
+      Promise.resolve().then(() => {
+        evaluating.value = true;
+      });
     }
+    try {
+      const result = await evaluationCallback((cancelCallback) => {
+        onInvalidate(() => {
+          if (evaluating)
+            evaluating.value = false;
+          if (!hasFinished)
+            cancelCallback();
+        });
+      });
+      if (counterAtBeginning === counter)
+        current.value = result;
+    } catch (e) {
+      onError(e);
+    } finally {
+      if (evaluating && counterAtBeginning === counter)
+        evaluating.value = false;
+      hasFinished = true;
+    }
+  }, { flush });
+  if (lazy) {
+    return computed(() => {
+      started.value = true;
+      return current.value;
+    });
+  } else {
+    return current;
+  }
 }
 
 function inject(key, instance) {
     if (hasInjectionContext()) {
-        return inject$2(key, undefined);
+        return inject$3(key, undefined);
     }
     return undefined;
 }
+
 const IlingoSymbol = Symbol.for('Ilingo');
 function injectIlingo(app) {
     const instance = inject(IlingoSymbol);
@@ -1140,6 +1255,7 @@ function injectIlingo(app) {
     }
     return instance;
 }
+
 const LocaleSymbol = Symbol.for('ILocale');
 function injectLocale(app) {
     const locale = inject(LocaleSymbol);
@@ -1148,6 +1264,7 @@ function injectLocale(app) {
     }
     return locale;
 }
+
 function extractReactiveData(input) {
     const output = {};
     const keys = Object.keys(input);
@@ -1156,6 +1273,7 @@ function extractReactiveData(input) {
     }
     return output;
 }
+
 function useTranslation$1(ctx) {
     const instance = injectIlingo();
     const locale = injectLocale();
@@ -1170,6 +1288,7 @@ function useTranslation$1(ctx) {
         return value || defaultValue;
     }, defaultValue);
 }
+
 defineComponent({
     props: {
         path: {
@@ -1233,7 +1352,9 @@ const TranslatorTranslationClientGerman = {
     [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?'
+    [TranslatorTranslationClientKey.IS_CONFIDENTIAL]: 'Ist vertraulich?',
+    [TranslatorTranslationClientKey.IS_ACTIVE]: 'Ist aktiv?',
+    [TranslatorTranslationClientKey.HASH_SECRET]: 'Geheimnis hashen?'
 };
 
 const TranslatorTranslationDefaultGerman = {
@@ -1290,7 +1411,7 @@ function extractVuelidateResultsFromChild(vuelidate, child, keys) {
     const childKeys = keys ?? Object.keys(childResults).filter((key)=>!key.startsWith('$'));
     const result = {};
     for(let i = 0; i < childKeys.length; i++){
-        if (hasOwnProperty(childResults, childKeys[i])) {
+        if (hasOwnProperty$1(childResults, childKeys[i])) {
             result[childKeys[i]] = childResults[childKeys[i]].$model;
         }
     }
@@ -1310,7 +1431,9 @@ const TranslatorTranslationClientEnglish = {
     [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?'
+    [TranslatorTranslationClientKey.IS_CONFIDENTIAL]: 'Is confidential?',
+    [TranslatorTranslationClientKey.IS_ACTIVE]: 'Is active?',
+    [TranslatorTranslationClientKey.HASH_SECRET]: 'Hash secret?'
 };
 
 const TranslatorTranslationDefaultEnglish = {
@@ -1458,8 +1581,8 @@ function createPermissionCheckerReactiveFn(ctx = {}) {
             try {
                 computePromise = store.permissionChecker.preCheckOneOf({
                     ...ctx,
-                    data: {
-                        ...ctx.data || {},
+                    input: {
+                        ...ctx.input || {},
                         identity
                     }
                 }).then(()=>true).catch(()=>false);
@@ -1532,7 +1655,7 @@ function installSocketManager(app, options) {
  * @param name
  * @param $slots
  */ function hasNormalizedSlot(name, $slots = {}) {
-    return hasOwnProperty($slots, name);
+    return hasOwnProperty$1($slots, name);
 }
 /**
  * Returns VNodes for named slot either scoped or unscoped
@@ -1543,7 +1666,7 @@ function installSocketManager(app, options) {
  *
  * @returns {Array} VNodes
  */ function normalizeSlot(name, scope = {}, $slots = {}) {
-    if (hasOwnProperty($slots, name)) {
+    if (hasOwnProperty$1($slots, name)) {
         return $slots[name](scope);
     }
     return [];
@@ -1593,7 +1716,7 @@ const ATranslationDefault = defineComponent({
     }
 });
 
-var _sfc_main$a = defineComponent({
+var _sfc_main$h = defineComponent({
     components: {
         ATranslationDefault,
         AFormInputListItem
@@ -1672,95 +1795,63 @@ var _sfc_main$a = defineComponent({
     }
 });
 
-const _hoisted_1$6 = {
-    class: "d-flex flex-column gap-2"
-};
-const _hoisted_2$5 = {
-    class: "d-flex flex-row"
-};
-const _hoisted_3$5 = {
-    class: "align-self-end"
-};
-const _hoisted_4$4 = {
-    class: "ms-auto"
-};
-const _hoisted_5$2 = [
-    "disabled"
-];
-const _hoisted_6$1 = {
-    class: "d-flex flex-column gap-1"
-};
-function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
-    const _component_ATranslationDefault = resolveComponent("ATranslationDefault");
-    const _component_AFormInputListItem = resolveComponent("AFormInputListItem");
-    return openBlock(), createElementBlock("div", _hoisted_1$6, [
-        createElementVNode("div", _hoisted_2$5, [
-            createElementVNode("div", _hoisted_3$5, [
-                renderSlot(_ctx.$slots, "label", {}, ()=>[
-                        _cache[1] || (_cache[1] = createTextVNode(" Names "))
-                    ])
-            ]),
-            createElementVNode("div", _hoisted_4$4, [
-                createElementVNode("button", {
-                    class: "btn btn-xs btn-primary",
-                    type: "button",
-                    disabled: !_ctx.canAdd,
-                    onClick: _cache[0] || (_cache[0] = withModifiers(($event)=>_ctx.add(), [
-                        "prevent"
-                    ]))
-                }, [
-                    _cache[2] || (_cache[2] = createElementVNode("i", {
-                        class: "fa fa-plus"
-                    }, null, -1)),
-                    _cache[3] || (_cache[3] = createTextVNode()),
-                    createVNode(_component_ATranslationDefault, {
-                        name: "add"
-                    })
-                ], 8, _hoisted_5$2)
-            ])
-        ]),
-        createElementVNode("div", _hoisted_6$1, [
-            _ctx.items.length === 0 ? renderSlot(_ctx.$slots, "noItems", {
-                key: 0
-            }, ()=>[
-                    _cache[4] || (_cache[4] = createElementVNode("div", {
-                        class: "alert alert-sm alert-info"
-                    }, " The form list has no items yet ", -1))
-                ]) : createCommentVNode("", true),
-            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item)=>{
-                return renderSlot(_ctx.$slots, "default", {
-                    key: item.id,
-                    item,
-                    updated: _ctx.handleUpdated,
-                    deleted: _ctx.handleDeleted
-                }, ()=>[
-                        (openBlock(), createBlock(_component_AFormInputListItem, {
-                            key: item.id,
-                            disabled: !_ctx.canDrop,
-                            name: item.value,
-                            onUpdated: (input)=>{
-                                _ctx.handleUpdated(item.id, input);
-                            },
-                            onDeleted: ()=>{
-                                _ctx.handleDeleted(item.id);
-                            }
-                        }, null, 8, [
-                            "disabled",
-                            "name",
-                            "onUpdated",
-                            "onDeleted"
-                        ]))
-                    ]);
-            }), 128))
+const _hoisted_1$c = { class: "d-flex flex-column gap-2" };
+const _hoisted_2$b = { class: "d-flex flex-row" };
+const _hoisted_3$9 = { class: "align-self-end" };
+const _hoisted_4$7 = { class: "ms-auto" };
+const _hoisted_5$4 = ["disabled"];
+const _hoisted_6$3 = { class: "d-flex flex-column gap-1" };
+function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ATranslationDefault = resolveComponent("ATranslationDefault");
+  const _component_AFormInputListItem = resolveComponent("AFormInputListItem");
+  return openBlock(), createElementBlock("div", _hoisted_1$c, [
+    createElementVNode("div", _hoisted_2$b, [
+      createElementVNode("div", _hoisted_3$9, [
+        renderSlot(_ctx.$slots, "label", {}, () => [
+          _cache[1] || (_cache[1] = createTextVNode(" Names ", -1))
         ])
-    ]);
+      ]),
+      createElementVNode("div", _hoisted_4$7, [
+        createElementVNode("button", {
+          class: "btn btn-xs btn-primary",
+          type: "button",
+          disabled: !_ctx.canAdd,
+          onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.add(), ["prevent"]))
+        }, [
+          _cache[2] || (_cache[2] = createElementVNode("i", { class: "fa fa-plus" }, null, -1)),
+          _cache[3] || (_cache[3] = createTextVNode()),
+          createVNode(_component_ATranslationDefault, { name: "add" })
+        ], 8, _hoisted_5$4)
+      ])
+    ]),
+    createElementVNode("div", _hoisted_6$3, [
+      _ctx.items.length === 0 ? renderSlot(_ctx.$slots, "noItems", { key: 0 }, () => [
+        _cache[4] || (_cache[4] = createElementVNode("div", { class: "alert alert-sm alert-info" }, " The form list has no items yet ", -1))
+      ]) : createCommentVNode("", true),
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item) => {
+        return renderSlot(_ctx.$slots, "default", {
+          key: item.id,
+          item,
+          updated: _ctx.handleUpdated,
+          deleted: _ctx.handleDeleted
+        }, () => [
+          (openBlock(), createBlock(_component_AFormInputListItem, {
+            key: item.id,
+            disabled: !_ctx.canDrop,
+            name: item.value,
+            onUpdated: (input) => {
+              _ctx.handleUpdated(item.id, input);
+            },
+            onDeleted: () => {
+              _ctx.handleDeleted(item.id);
+            }
+          }, null, 8, ["disabled", "name", "onUpdated", "onDeleted"]))
+        ]);
+      }), 128))
+    ])
+  ]);
 }
-var AFormInputList = /* @__PURE__ */ _export_sfc(_sfc_main$a, [
-    [
-        "render",
-        _sfc_render$a
-    ]
-]);
+var AFormInputList = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$g]]);
 
 function buildPagination(ctx) {
     return buildPagination$1({
@@ -2110,7 +2201,7 @@ function create$1(context) {
     });
     const client = injectHTTPClient();
     let domainAPI;
-    if (hasOwnProperty(client, context.type)) {
+    if (hasOwnProperty$1(client, context.type)) {
         domainAPI = client[context.type];
     }
     let query;
@@ -2120,7 +2211,7 @@ function create$1(context) {
         meta.value.busy = true;
         try {
             let filters;
-            if (context.queryFilters && input.filters && hasOwnProperty(input.filters, 'name') && typeof input.filters.name === 'string') {
+            if (context.queryFilters && input.filters && hasOwnProperty$1(input.filters, 'name') && typeof input.filters.name === 'string') {
                 // todo: queryFilters should customize full filters object!
                 filters = context.queryFilters(input.filters.name);
             }
@@ -2342,7 +2433,7 @@ function defineEntityVProps() {
 function create(ctx) {
     const client = injectHTTPClient();
     let domainAPI;
-    if (hasOwnProperty(client, ctx.type)) {
+    if (hasOwnProperty$1(client, ctx.type)) {
         domainAPI = client[ctx.type];
     }
     const entity = ref(undefined);
@@ -2356,7 +2447,7 @@ function create(ctx) {
             realmId = isRef(ctx.realmId) ? ctx.realmId.value : ctx.realmId;
         }
         if (!realmId && entity.value) {
-            if (hasOwnProperty(entity.value, 'realm_id') && typeof entity.value.realm_id === 'string') {
+            if (hasOwnProperty$1(entity.value, 'realm_id') && typeof entity.value.realm_id === 'string') {
                 return entity.value.realm_id;
             }
         }
@@ -3444,8 +3535,8 @@ const ARealmForm = defineComponent({
 
 const ARealms = defineComponent({
     props: defineEntityCollectionVProps(),
-    slots: Object,
     emits: defineEntityCollectionVEmitOptions(),
+    slots: Object,
     setup (props, ctx) {
         const { render } = defineEntityCollectionManager({
             type: `${EntityType.REALM}`,
@@ -3485,7 +3576,13 @@ const ARealmPicker = defineComponent({
     }
 });
 
-const AClientForm = defineComponent({
+var _sfc_main$g = defineComponent({
+    components: {
+        AFormSubmit,
+        ARealmPicker,
+        AFormInputList,
+        IVuelidate
+    },
     props: {
         name: {
             type: String,
@@ -3502,8 +3599,8 @@ const AClientForm = defineComponent({
     },
     emits: defineEntityVEmitOptions(),
     setup (props, ctx) {
-        const busy = ref(false);
         const form = reactive({
+            active: true,
             name: '',
             display_name: '',
             description: '',
@@ -3511,10 +3608,14 @@ const AClientForm = defineComponent({
             redirect_uri: '',
             base_url: '',
             root_url: '',
-            is_confidential: false,
-            secret: ''
+            is_confidential: true,
+            secret: '',
+            secret_hashed: false
         });
-        const $v = useVuelidate({
+        const vuelidate = useVuelidate({
+            active: {
+                required
+            },
             name: {
                 required,
                 [VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE_DOT]: VuelidateCustomRule[VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE_DOT],
@@ -3533,14 +3634,15 @@ const AClientForm = defineComponent({
                 required
             },
             redirect_uri: {
-                url,
+                // todo: url is required!
                 maxLength: maxLength(2000)
             },
             is_confidential: {},
             secret: {
                 minLength: minLength(3),
                 maxLength: maxLength(256)
-            }
+            },
+            secret_hashed: {}
         }, form);
         const store = injectStore();
         const storeRefs = storeToRefs(store);
@@ -3552,27 +3654,33 @@ const AClientForm = defineComponent({
         const isEditing = useIsEditing(manager.data);
         const updatedAt = useUpdatedAt(props.entity);
         const isNameFixed = computed(()=>!!props.name && props.name.length > 0);
-        const realmId = computed(()=>{
-            if (!storeRefs.realmIsRoot) {
-                return storeRefs.realmId.value;
+        const realmId = computed(()=>manager.data.value ? manager.data.value.realm_id : storeRefs.realmId.value);
+        const generateSecret = ()=>createNanoID('0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ-_!.', 32);
+        const isSecretHashed = computed(()=>{
+            if (!manager.data.value || manager.data.value.secret !== form.secret) {
+                return false;
             }
-            return manager.data.value ? manager.data.value.realm_id : null;
+            return isBCryptHash(form.secret);
         });
-        const generateSecret = ()=>{
-            form.secret = createNanoID('0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ-_!.', 64);
-        };
         function initForm() {
             if (props.name) {
                 form.name = props.name;
             }
-            if (!manager.data.value && realmId.value) {
-                form.realm_id = realmId.value;
-            }
             assignFormProperties(form, manager.data.value);
+            form.realm_id = realmId.value ?? '';
             if (form.secret.length === 0) {
-                generateSecret();
+                form.secret = generateSecret();
             }
         }
+        const isConfidential = computed(()=>form.is_confidential);
+        watch(isConfidential, (val, oldValue)=>{
+            if (val === oldValue) return;
+            if (val) {
+                form.secret = manager.data.value?.secret || generateSecret();
+            } else {
+                form.secret = '';
+            }
+        });
         watch(updatedAt, (val, oldVal)=>{
             if (val && val !== oldVal) {
                 manager.data.value = props.entity;
@@ -3581,13 +3689,12 @@ const AClientForm = defineComponent({
         });
         initForm();
         const submit = async ()=>{
-            if ($v.value.$invalid) {
+            if (vuelidate.value.$invalid) {
                 return;
             }
             await manager.createOrUpdate(form);
+            assignFormProperties(form, manager.data.value);
         };
-        const translationsValidation = useTranslationsForNestedValidation($v.value);
-        const translationsSubmit = createFormSubmitTranslations();
         const translationsClient = useTranslationsForGroup(TranslatorTranslationGroup.CLIENT, [
             {
                 key: TranslatorTranslationClientKey.NAME_HINT
@@ -3600,6 +3707,12 @@ const AClientForm = defineComponent({
             },
             {
                 key: TranslatorTranslationClientKey.IS_CONFIDENTIAL
+            },
+            {
+                key: TranslatorTranslationClientKey.IS_ACTIVE
+            },
+            {
+                key: TranslatorTranslationClientKey.HASH_SECRET
             }
         ]);
         const translationsDefault = useTranslationsForGroup(TranslatorTranslationGroup.DEFAULT, [
@@ -3625,202 +3738,305 @@ const AClientForm = defineComponent({
                 key: TranslatorTranslationDefaultKey.SECRET
             }
         ]);
-        const render = ()=>{
-            const name = [
-                buildFormGroup({
-                    validationMessages: translationsValidation.name.value,
-                    validationSeverity: getVuelidateSeverity($v.value.name),
-                    label: true,
-                    labelContent: translationsDefault[TranslatorTranslationDefaultKey.NAME].value,
-                    content: buildFormInput({
-                        value: $v.value.name.$model,
-                        onChange (input) {
-                            $v.value.name.$model = input;
-                        },
-                        props: {
-                            disabled: isNameFixed.value
-                        }
-                    })
-                }),
-                h('small', translationsClient[TranslatorTranslationClientKey.NAME_HINT].value)
-            ];
-            const displayName = buildFormGroup({
-                validationMessages: translationsValidation.display_name.value,
-                validationSeverity: getVuelidateSeverity($v.value.display_name),
-                label: true,
-                labelContent: translationsDefault[TranslatorTranslationDefaultKey.DISPLAY_NAME].value,
-                content: buildFormInput({
-                    value: $v.value.display_name.$model,
-                    onChange (input) {
-                        $v.value.display_name.$model = input;
-                    }
-                })
-            });
-            const description = [
-                h('div', [
-                    buildFormGroup({
-                        validationMessages: translationsValidation.description.value,
-                        validationSeverity: getVuelidateSeverity($v.value.description),
-                        label: true,
-                        labelContent: translationsDefault[TranslatorTranslationDefaultKey.DESCRIPTION].value,
-                        content: buildFormTextarea({
-                            value: $v.value.description.$model,
-                            onChange (input) {
-                                $v.value.description.$model = input;
-                            },
-                            props: {
-                                rows: 7
-                            }
-                        })
-                    }),
-                    h('small', translationsClient[TranslatorTranslationClientKey.DESCRIPTION_HINT].value)
-                ])
-            ];
-            const redirectUri = [
-                h(AFormInputList, {
-                    names: form.redirect_uri ? form.redirect_uri.split(',') : [],
-                    onChanged: (value)=>{
-                        if (value.length === 0) {
-                            form.redirect_uri = '';
-                            return;
-                        }
-                        form.redirect_uri = value.join(',');
-                    }
-                }, {
-                    label: ()=>[
-                            translationsDefault[TranslatorTranslationDefaultKey.REDIRECT_URIS].value
-                        ]
-                }),
-                h('small', translationsClient[TranslatorTranslationClientKey.REDIRECT_URI_HINT].value)
-            ];
-            const isConfidential = buildFormGroup({
-                validationMessages: translationsValidation.is_confidential.value,
-                validationSeverity: getVuelidateSeverity($v.value.is_confidential),
-                content: buildFormInputCheckbox({
-                    groupClass: 'form-switch mt-3',
-                    labelContent: translationsClient[TranslatorTranslationClientKey.IS_CONFIDENTIAL].value,
-                    value: $v.value.is_confidential.$model,
-                    onChange (input) {
-                        $v.value.is_confidential.$model = input;
-                    }
-                })
-            });
-            let id = [];
-            if (manager.data.value) {
-                id = [
-                    buildFormGroup({
-                        label: true,
-                        labelContent: 'ID',
-                        content: buildFormInput({
-                            value: manager.data.value.id,
-                            props: {
-                                disabled: true
-                            }
-                        })
-                    }),
-                    h('hr')
-                ];
-            }
-            const secret = [
-                buildFormGroup({
-                    validationMessages: translationsValidation.secret.value,
-                    validationSeverity: getVuelidateSeverity($v.value.secret),
-                    label: true,
-                    labelContent: translationsDefault[TranslatorTranslationDefaultKey.SECRET].value,
-                    content: buildFormInput({
-                        value: $v.value.secret.$model,
-                        onChange (input) {
-                            $v.value.secret.$model = input;
-                        }
-                    })
-                }),
-                h('div', {
-                    class: 'mb-2'
-                }, [
-                    h('button', {
-                        class: 'btn btn-dark btn-xs',
-                        onClick ($event) {
-                            $event.preventDefault();
-                            generateSecret.call(null);
-                        }
-                    }, [
-                        h('i', {
-                            class: 'fa fa-wrench'
-                        }),
-                        ' ',
-                        translationsDefault[TranslatorTranslationDefaultKey.GENERATE].value
-                    ])
-                ])
-            ];
-            const submitForm = buildFormSubmitWithTranslations({
-                busy: busy.value,
-                submit,
-                isEditing: isEditing.value,
-                invalid: $v.value.$invalid
-            }, translationsSubmit);
-            let realm = [];
-            if (!realmId.value && !isEditing.value) {
-                realm = [
-                    h('hr'),
-                    buildFormGroup({
-                        validationMessages: translationsValidation.realm_id.value,
-                        validationSeverity: getVuelidateSeverity($v.value.realm_id),
-                        label: true,
-                        labelContent: translationsDefault[TranslatorTranslationDefaultKey.REALM].value,
-                        content: h(ARealmPicker, {
-                            value: $v.value.realm_id.$model,
-                            onChange: (input)=>{
-                                $v.value.realm_id.$model = input.length > 0 ? input[0] : '';
-                            }
-                        })
-                    })
-                ];
-            }
-            const leftColumn = h('div', {
-                class: 'col'
-            }, [
-                id,
-                name,
-                h('hr'),
-                displayName,
-                h('hr'),
-                secret,
-                realm
-            ]);
-            const rightColumn = [
-                h('div', {
-                    class: 'col'
-                }, [
-                    isConfidential,
-                    h('hr'),
-                    redirectUri,
-                    h('hr'),
-                    description,
-                    submitForm
-                ])
-            ];
-            return h('form', {
-                onSubmit ($event) {
-                    $event.preventDefault();
-                    return submit.apply(null);
-                }
-            }, [
-                h('div', {
-                    class: 'row'
-                }, [
-                    leftColumn,
-                    rightColumn
-                ])
-            ]);
+        const redirectUris = computed(()=>vuelidate.value.redirect_uri.$model ? vuelidate.value.redirect_uri.$model.split(',') : []);
+        return {
+            translationsDefault,
+            translationsClient,
+            vuelidate,
+            data: manager.data,
+            isNameFixed,
+            isBusy: manager.busy.value,
+            isEditing,
+            isSecretHashed,
+            generateSecret,
+            redirectUris,
+            submit
         };
-        return ()=>render();
     }
 });
 
+const _hoisted_1$b = { class: "row" };
+const _hoisted_2$a = { class: "col" };
+const _hoisted_3$8 = {
+  key: 0,
+  class: "text-danger font-weight-bold"
+};
+const _hoisted_4$6 = { class: "row" };
+const _hoisted_5$3 = { class: "col" };
+const _hoisted_6$2 = { class: "col" };
+const _hoisted_7$1 = { class: "col" };
+const _hoisted_8$1 = { class: "col" };
+function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_VCFormInput = resolveComponent("VCFormInput");
+  const _component_VCFormGroup = resolveComponent("VCFormGroup");
+  const _component_IVuelidate = resolveComponent("IVuelidate");
+  const _component_VCFormInputCheckbox = resolveComponent("VCFormInputCheckbox");
+  const _component_ARealmPicker = resolveComponent("ARealmPicker");
+  const _component_AFormInputList = resolveComponent("AFormInputList");
+  const _component_VCFormTextarea = resolveComponent("VCFormTextarea");
+  const _component_AFormSubmit = resolveComponent("AFormSubmit");
+  return openBlock(), createElementBlock("div", _hoisted_1$b, [
+    createElementVNode("div", _hoisted_2$a, [
+      _ctx.data ? (openBlock(), createBlock(_component_VCFormGroup, { key: 0 }, {
+        label: withCtx(() => [..._cache[10] || (_cache[10] = [
+          createTextVNode(" ID ", -1)
+        ])]),
+        default: withCtx(() => [
+          createVNode(_component_VCFormInput, {
+            "model-value": _ctx.data.id,
+            disabled: true
+          }, null, 8, ["model-value"])
+        ]),
+        _: 1
+      })) : createCommentVNode("", true),
+      createVNode(_component_IVuelidate, {
+        validation: _ctx.vuelidate.name
+      }, {
+        default: withCtx((props) => [
+          createVNode(_component_VCFormGroup, {
+            "validation-messages": props.data,
+            "validation-severity": props.severity
+          }, {
+            label: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.translationsDefault.name), 1)
+            ]),
+            default: withCtx(() => [
+              createVNode(_component_VCFormInput, {
+                modelValue: _ctx.vuelidate.name.$model,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.vuelidate.name.$model = $event),
+                disabled: _ctx.isNameFixed
+              }, null, 8, ["modelValue", "disabled"])
+            ]),
+            _: 1
+          }, 8, ["validation-messages", "validation-severity"]),
+          createElementVNode("small", null, toDisplayString(_ctx.translationsClient.nameHint), 1)
+        ]),
+        _: 1
+      }, 8, ["validation"]),
+      _cache[14] || (_cache[14] = createElementVNode("hr", null, null, -1)),
+      createVNode(_component_IVuelidate, {
+        validation: _ctx.vuelidate.display_name
+      }, {
+        default: withCtx((props) => [
+          createVNode(_component_VCFormGroup, {
+            "validation-messages": props.data,
+            "validation-severity": props.severity
+          }, {
+            label: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.translationsDefault.displayName), 1)
+            ]),
+            default: withCtx(() => [
+              createVNode(_component_VCFormInput, {
+                modelValue: _ctx.vuelidate.display_name.$model,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.vuelidate.display_name.$model = $event),
+                disabled: _ctx.isNameFixed
+              }, null, 8, ["modelValue", "disabled"])
+            ]),
+            _: 1
+          }, 8, ["validation-messages", "validation-severity"])
+        ]),
+        _: 1
+      }, 8, ["validation"]),
+      _cache[15] || (_cache[15] = createElementVNode("hr", null, null, -1)),
+      createVNode(_component_IVuelidate, {
+        validation: _ctx.vuelidate.secret
+      }, {
+        default: withCtx((props) => [
+          createVNode(_component_VCFormGroup, {
+            "validation-messages": props.data,
+            "validation-severity": props.severity
+          }, {
+            label: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.translationsDefault.secret) + " ", 1),
+              _ctx.isSecretHashed ? (openBlock(), createElementBlock("span", _hoisted_3$8, [..._cache[11] || (_cache[11] = [
+                createElementVNode("i", { class: "fa fa-exclamation-triangle" }, null, -1)
+              ])])) : createCommentVNode("", true)
+            ]),
+            default: withCtx(() => [
+              createVNode(_component_VCFormInput, {
+                modelValue: _ctx.vuelidate.secret.$model,
+                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.vuelidate.secret.$model = $event),
+                disabled: !_ctx.vuelidate.is_confidential.$model
+              }, {
+                groupAppend: withCtx(() => [
+                  createElementVNode("button", {
+                    class: "btn",
+                    type: "button",
+                    onClick: _cache[2] || (_cache[2] = withModifiers(() => _ctx.vuelidate.secret.$model = _ctx.generateSecret(), ["prevent"]))
+                  }, [..._cache[12] || (_cache[12] = [
+                    createElementVNode("i", { class: "fa fa-refresh" }, null, -1)
+                  ])])
+                ]),
+                _: 1
+              }, 8, ["modelValue", "disabled"])
+            ]),
+            _: 1
+          }, 8, ["validation-messages", "validation-severity"])
+        ]),
+        _: 1
+      }, 8, ["validation"]),
+      createElementVNode("div", _hoisted_4$6, [
+        createElementVNode("div", _hoisted_5$3, [
+          createVNode(_component_IVuelidate, {
+            validation: _ctx.vuelidate.is_confidential
+          }, {
+            default: withCtx((props) => [
+              createVNode(_component_VCFormGroup, {
+                "validation-messages": props.data,
+                "validation-severity": props.severity
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_VCFormInputCheckbox, {
+                    modelValue: _ctx.vuelidate.is_confidential.$model,
+                    "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.vuelidate.is_confidential.$model = $event),
+                    "group-class": "form-switch",
+                    label: true,
+                    "label-content": _ctx.translationsClient.isConfidential.value
+                  }, null, 8, ["modelValue", "label-content"])
+                ]),
+                _: 1
+              }, 8, ["validation-messages", "validation-severity"])
+            ]),
+            _: 1
+          }, 8, ["validation"])
+        ]),
+        createElementVNode("div", _hoisted_6$2, [
+          createVNode(_component_IVuelidate, {
+            validation: _ctx.vuelidate.secret_hashed
+          }, {
+            default: withCtx((props) => [
+              createVNode(_component_VCFormGroup, {
+                "validation-messages": props.data,
+                "validation-severity": props.severity
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_VCFormInputCheckbox, {
+                    modelValue: _ctx.vuelidate.secret_hashed.$model,
+                    "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => _ctx.vuelidate.secret_hashed.$model = $event),
+                    "group-class": "form-switch",
+                    label: true,
+                    "label-content": _ctx.translationsClient.hashSecret.value
+                  }, null, 8, ["modelValue", "label-content"])
+                ]),
+                _: 1
+              }, 8, ["validation-messages", "validation-severity"])
+            ]),
+            _: 1
+          }, 8, ["validation"])
+        ]),
+        createElementVNode("div", _hoisted_7$1, [
+          createVNode(_component_IVuelidate, {
+            validation: _ctx.vuelidate.active
+          }, {
+            default: withCtx((props) => [
+              createVNode(_component_VCFormGroup, {
+                "validation-messages": props.data,
+                "validation-severity": props.severity
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_VCFormInputCheckbox, {
+                    modelValue: _ctx.vuelidate.active.$model,
+                    "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => _ctx.vuelidate.active.$model = $event),
+                    "group-class": "form-switch",
+                    label: true,
+                    "label-content": _ctx.translationsClient.isActive.value
+                  }, null, 8, ["modelValue", "label-content"])
+                ]),
+                _: 1
+              }, 8, ["validation-messages", "validation-severity"])
+            ]),
+            _: 1
+          }, 8, ["validation"])
+        ])
+      ]),
+      !_ctx.realmId && !_ctx.isEditing ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+        _cache[13] || (_cache[13] = createElementVNode("hr", null, null, -1)),
+        createVNode(_component_IVuelidate, {
+          validation: _ctx.vuelidate.realm_id
+        }, {
+          default: withCtx((props) => [
+            createVNode(_component_VCFormGroup, {
+              "validation-messages": props.data,
+              "validation-severity": props.severity
+            }, {
+              label: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.translationsDefault.realm), 1)
+              ]),
+              default: withCtx(() => [
+                createVNode(_component_ARealmPicker, {
+                  value: _ctx.vuelidate.realm_id.$model,
+                  onChange: _cache[7] || (_cache[7] = (input) => {
+                    _ctx.vuelidate.realm_id.$model = input.length > 0 ? input[0] : "";
+                  })
+                }, null, 8, ["value"])
+              ]),
+              _: 1
+            }, 8, ["validation-messages", "validation-severity"])
+          ]),
+          _: 1
+        }, 8, ["validation"])
+      ], 64)) : createCommentVNode("", true)
+    ]),
+    createElementVNode("div", _hoisted_8$1, [
+      createVNode(_component_AFormInputList, {
+        names: _ctx.redirectUris,
+        onChanged: _cache[8] || (_cache[8] = (value) => {
+          if (value.length === 0) {
+            _ctx.vuelidate.redirect_uri.$model = "";
+            return;
+          }
+          _ctx.vuelidate.redirect_uri.$model = value.join(",");
+        })
+      }, {
+        label: withCtx(() => [
+          createTextVNode(toDisplayString(_ctx.translationsDefault.redirectUris), 1)
+        ]),
+        _: 1
+      }, 8, ["names"]),
+      createElementVNode("small", null, toDisplayString(_ctx.translationsClient.redirectURIHint), 1),
+      _cache[16] || (_cache[16] = createElementVNode("hr", null, null, -1)),
+      createVNode(_component_IVuelidate, {
+        validation: _ctx.vuelidate.description
+      }, {
+        default: withCtx((props) => [
+          createVNode(_component_VCFormGroup, {
+            "validation-messages": props.data,
+            "validation-severity": props.severity
+          }, {
+            label: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.translationsDefault.description), 1)
+            ]),
+            default: withCtx(() => [
+              createVNode(_component_VCFormTextarea, {
+                modelValue: _ctx.vuelidate.description.$model,
+                "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => _ctx.vuelidate.description.$model = $event),
+                rows: "7"
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["validation-messages", "validation-severity"]),
+          createElementVNode("small", null, toDisplayString(_ctx.translationsClient.descriptionHint), 1)
+        ]),
+        _: 1
+      }, 8, ["validation"]),
+      _cache[17] || (_cache[17] = createElementVNode("hr", null, null, -1)),
+      createElementVNode("div", null, [
+        createVNode(_component_AFormSubmit, {
+          "is-busy": _ctx.isBusy,
+          "is-editing": _ctx.isEditing,
+          "is-invalid": _ctx.vuelidate.$invalid,
+          onSubmit: _ctx.submit
+        }, null, 8, ["is-busy", "is-editing", "is-invalid", "onSubmit"])
+      ])
+    ])
+  ]);
+}
+var AClientForm = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$f]]);
+
 const AClients = defineComponent({
     props: defineEntityCollectionVProps(),
-    slots: Object,
     emits: defineEntityCollectionVEmitOptions(),
+    slots: Object,
     setup (props, ctx) {
         const { render } = defineEntityCollectionManager({
             type: `${EntityType.CLIENT}`,
@@ -3928,7 +4144,7 @@ const APermissionCheck = defineComponent({
             ],
             required: true
         },
-        data: {
+        input: {
             type: Object
         },
         options: {
@@ -3939,7 +4155,7 @@ const APermissionCheck = defineComponent({
         const fn = createPermissionCheckerReactiveFn();
         const isPermitted = computed(()=>fn({
                 name: props.name,
-                data: props.data,
+                input: props.input,
                 options: props.options
             }));
         return ()=>{
@@ -3953,8 +4169,8 @@ const APermissionCheck = defineComponent({
 
 const APolicies = defineComponent({
     props: defineEntityCollectionVProps(),
-    slots: Object,
     emits: defineEntityCollectionVEmitOptions(),
+    slots: Object,
     setup (props, setup) {
         const { render } = defineEntityCollectionManager({
             type: `${EntityType.POLICY}`,
@@ -4044,8 +4260,8 @@ const APolicyPicker = defineComponent({
         },
         ...defineEntityPickerVProps()
     },
-    slots: Object,
     emits: defineEntityPickerVEmitOptions(),
+    slots: Object,
     setup (props, { slots, ...setup }) {
         const { render } = defineEntityPicker({
             component: APolicies,
@@ -4261,8 +4477,8 @@ const APermissionForm = defineComponent({
 
 const APermissions = defineComponent({
     props: defineEntityCollectionVProps(),
-    slots: Object,
     emits: defineEntityCollectionVEmitOptions(),
+    slots: Object,
     setup (props, setup) {
         const { render } = defineEntityCollectionManager({
             type: `${EntityType.PERMISSION}`,
@@ -4461,8 +4677,8 @@ const ARoleForm = defineComponent({
 
 const ARoles = defineComponent({
     props: defineEntityCollectionVProps(),
-    slots: Object,
     emits: defineEntityCollectionVEmitOptions(),
+    slots: Object,
     setup (props, ctx) {
         const { render } = defineEntityCollectionManager({
             type: `${EntityType.ROLE}`,
@@ -4584,8 +4800,8 @@ const AClientScope = defineComponent({
 
 const AClientScopes = defineComponent({
     props: defineEntityCollectionVProps(),
-    slots: Object,
     emits: defineEntityCollectionVEmitOptions(),
+    slots: Object,
     setup (props, ctx) {
         const { render } = defineEntityCollectionManager({
             type: `${EntityType.CLIENT_SCOPE}`,
@@ -4780,8 +4996,8 @@ const AScopeForm = defineComponent({
 
 const AScopes = defineComponent({
     props: defineEntityCollectionVProps(),
-    slots: Object,
     emits: defineEntityCollectionVEmitOptions(),
+    slots: Object,
     setup (props, ctx) {
         const { render } = defineEntityCollectionManager({
             type: EntityType.SCOPE,
@@ -5701,7 +5917,7 @@ const AIdentityProviderPreset = defineComponent({
     }
 });
 
-var _sfc_main$9 = defineComponent({
+var _sfc_main$f = defineComponent({
     components: {
         AIdentityProviderPreset,
         AIdentityProviderProtocol
@@ -5735,113 +5951,70 @@ var _sfc_main$9 = defineComponent({
     }
 });
 
-const _hoisted_1$5 = {
-    class: "d-flex flex-column gap-2"
-};
-const _hoisted_2$4 = {
-    class: "d-flex flex-row gap-2 flex-wrap"
-};
-const _hoisted_3$4 = [
-    "onClick"
-];
-const _hoisted_4$3 = {
-    class: "d-flex flex-row gap-2 flex-wrap"
-};
-const _hoisted_5$1 = [
-    "onClick"
-];
-function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
-    const _component_AIdentityProviderProtocol = resolveComponent("AIdentityProviderProtocol");
-    const _component_AIdentityProviderPreset = resolveComponent("AIdentityProviderPreset");
-    return openBlock(), createElementBlock("div", _hoisted_1$5, [
-        createElementVNode("div", null, [
-            _cache[0] || (_cache[0] = createElementVNode("h6", null, "Protocols", -1)),
-            createElementVNode("div", _hoisted_2$4, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.protocols, (item, key)=>{
-                    return openBlock(), createBlock(_component_AIdentityProviderProtocol, {
-                        key,
-                        id: item
-                    }, {
-                        default: withCtx((props)=>[
-                                createElementVNode("div", {
-                                    class: normalizeClass([
-                                        {
-                                            "active": item === _ctx.protocol && !_ctx.preset
-                                        },
-                                        "d-flex flex-column gap-1 text-center identity-provider-picker-item"
-                                    ]),
-                                    onClick: withModifiers(($event)=>_ctx.pickProtocol(item), [
-                                        "prevent"
-                                    ])
-                                }, [
-                                    createElementVNode("div", null, [
-                                        createElementVNode("i", {
-                                            class: normalizeClass([
-                                                "fa-2x",
-                                                props.icon
-                                            ])
-                                        }, null, 2)
-                                    ]),
-                                    createElementVNode("div", null, toDisplayString(props.name), 1)
-                                ], 10, _hoisted_3$4)
-                            ]),
-                        _: 2
-                    }, 1032, [
-                        "id"
-                    ]);
-                }), 128))
-            ])
-        ]),
-        createElementVNode("div", null, [
-            _cache[1] || (_cache[1] = createElementVNode("h6", null, "Presets", -1)),
-            createElementVNode("div", _hoisted_4$3, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.presets, (item, key)=>{
-                    return openBlock(), createBlock(_component_AIdentityProviderPreset, {
-                        key,
-                        id: item
-                    }, {
-                        default: withCtx((props)=>[
-                                createElementVNode("div", {
-                                    class: normalizeClass([
-                                        {
-                                            "active": item === _ctx.preset
-                                        },
-                                        "d-flex flex-column gap-1 text-center identity-provider-picker-item"
-                                    ]),
-                                    onClick: withModifiers(($event)=>_ctx.pickPreset(item), [
-                                        "prevent"
-                                    ])
-                                }, [
-                                    createElementVNode("div", null, [
-                                        createElementVNode("i", {
-                                            class: normalizeClass([
-                                                "fa-2x",
-                                                props.icon
-                                            ])
-                                        }, null, 2)
-                                    ]),
-                                    createElementVNode("div", null, toDisplayString(props.name), 1)
-                                ], 10, _hoisted_5$1)
-                            ]),
-                        _: 2
-                    }, 1032, [
-                        "id"
-                    ]);
-                }), 128))
-            ])
-        ])
-    ]);
+const _hoisted_1$a = { class: "d-flex flex-column gap-2" };
+const _hoisted_2$9 = { class: "d-flex flex-row gap-2 flex-wrap" };
+const _hoisted_3$7 = ["onClick"];
+const _hoisted_4$5 = { class: "d-flex flex-row gap-2 flex-wrap" };
+const _hoisted_5$2 = ["onClick"];
+function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_AIdentityProviderProtocol = resolveComponent("AIdentityProviderProtocol");
+  const _component_AIdentityProviderPreset = resolveComponent("AIdentityProviderPreset");
+  return openBlock(), createElementBlock("div", _hoisted_1$a, [
+    createElementVNode("div", null, [
+      _cache[0] || (_cache[0] = createElementVNode("h6", null, "Protocols", -1)),
+      createElementVNode("div", _hoisted_2$9, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.protocols, (item, key) => {
+          return openBlock(), createBlock(_component_AIdentityProviderProtocol, {
+            key,
+            id: item
+          }, {
+            default: withCtx((props) => [
+              createElementVNode("div", {
+                class: normalizeClass([{ "active": item === _ctx.protocol && !_ctx.preset }, "d-flex flex-column gap-1 text-center identity-provider-picker-item"]),
+                onClick: withModifiers(($event) => _ctx.pickProtocol(item), ["prevent"])
+              }, [
+                createElementVNode("div", null, [
+                  createElementVNode("i", {
+                    class: normalizeClass(["fa-2x", props.icon])
+                  }, null, 2)
+                ]),
+                createElementVNode("div", null, toDisplayString(props.name), 1)
+              ], 10, _hoisted_3$7)
+            ]),
+            _: 2
+          }, 1032, ["id"]);
+        }), 128))
+      ])
+    ]),
+    createElementVNode("div", null, [
+      _cache[1] || (_cache[1] = createElementVNode("h6", null, "Presets", -1)),
+      createElementVNode("div", _hoisted_4$5, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.presets, (item, key) => {
+          return openBlock(), createBlock(_component_AIdentityProviderPreset, {
+            key,
+            id: item
+          }, {
+            default: withCtx((props) => [
+              createElementVNode("div", {
+                class: normalizeClass([{ "active": item === _ctx.preset }, "d-flex flex-column gap-1 text-center identity-provider-picker-item"]),
+                onClick: withModifiers(($event) => _ctx.pickPreset(item), ["prevent"])
+              }, [
+                createElementVNode("div", null, [
+                  createElementVNode("i", {
+                    class: normalizeClass(["fa-2x", props.icon])
+                  }, null, 2)
+                ]),
+                createElementVNode("div", null, toDisplayString(props.name), 1)
+              ], 10, _hoisted_5$2)
+            ]),
+            _: 2
+          }, 1032, ["id"]);
+        }), 128))
+      ])
+    ])
+  ]);
 }
-var AIdentityProviderPicker = /* @__PURE__ */ _export_sfc(_sfc_main$9, [
-    [
-        "render",
-        _sfc_render$9
-    ],
-    [
-        "__scopeId",
-        "data-v-eb096917"
-    ]
-]);
+var AIdentityProviderPicker = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$e], ["__scopeId", "data-v-af0f282c"]]);
 
 const AIdentityProviderOAuth2ClientFields = defineComponent({
     props: {
@@ -6111,10 +6284,6 @@ const AIdentityProviderOAuth2Form = defineComponent({
             type: String,
             default: undefined
         },
-        apiUrl: {
-            type: String,
-            default: 'http://localhost:3001'
-        },
         protocol: {
             type: String,
             default: IdentityProviderProtocol.OAUTH2
@@ -6152,7 +6321,7 @@ const AIdentityProviderOAuth2Form = defineComponent({
             if (!manager.data.value) {
                 return '';
             }
-            return apiClient.identityProvider.getAuthorizeUri(props.apiUrl, manager.data.value.id);
+            return apiClient.identityProvider.getAuthorizeUri(manager.data.value.id);
         });
         const basicFieldsNode = ref(null);
         onChange(preset, ()=>{
@@ -6350,10 +6519,6 @@ const AIdentityProviderForm = defineComponent({
         },
         realmId: {
             type: String
-        },
-        apiUrl: {
-            type: String,
-            default: 'http://localhost:3001'
         }
     },
     emits: [
@@ -6416,7 +6581,6 @@ const AIdentityProviderForm = defineComponent({
                                 realmId: props.realmId,
                                 protocol: protocol.value,
                                 preset: preset.value,
-                                apiUrl: props.apiUrl,
                                 onCreated: (el)=>{
                                     entity.value = el;
                                     setup.emit('created', el);
@@ -6462,8 +6626,8 @@ const AIdentityProviderForm = defineComponent({
 
 const AIdentityProviders = defineComponent({
     props: defineEntityCollectionVProps(),
-    slots: Object,
     emits: defineEntityCollectionVEmitOptions(),
+    slots: Object,
     setup (props, ctx) {
         const { render } = defineEntityCollectionManager({
             type: `${EntityType.IDENTITY_PROVIDER}`,
@@ -6756,7 +6920,7 @@ const AIdentityProviderRoleAssignments = defineComponent({
     }
 });
 
-var _sfc_main$8 = defineComponent({
+var _sfc_main$e = defineComponent({
     components: {
         AFormInputList
     },
@@ -6797,25 +6961,17 @@ var _sfc_main$8 = defineComponent({
     }
 });
 
-function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
-    const _component_AFormInputList = resolveComponent("AFormInputList");
-    return openBlock(), createBlock(_component_AFormInputList, {
-        names: _ctx.vuelidate.names.$model,
-        "min-items": 1,
-        onChanged: _ctx.handleUpdated
-    }, null, 8, [
-        "names",
-        "onChanged"
-    ]);
+function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_AFormInputList = resolveComponent("AFormInputList");
+  return openBlock(), createBlock(_component_AFormInputList, {
+    names: _ctx.vuelidate.names.$model,
+    "min-items": 1,
+    onChanged: _ctx.handleUpdated
+  }, null, 8, ["names", "onChanged"]);
 }
-var AAttributeNamesPolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main$8, [
-    [
-        "render",
-        _sfc_render$8
-    ]
-]);
+var AAttributeNamesPolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$d]]);
 
-var _sfc_main$7 = defineComponent({
+var _sfc_main$d = defineComponent({
     components: {
         APolicyChildrenPicker: APolicyPicker,
         VCFormGroup,
@@ -6901,55 +7057,40 @@ var _sfc_main$7 = defineComponent({
     }
 });
 
-function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
-    const _component_APolicyChildrenPicker = resolveComponent("APolicyChildrenPicker");
-    const _component_VCFormGroup = resolveComponent("VCFormGroup");
-    const _component_IVuelidate = resolveComponent("IVuelidate");
-    return openBlock(), createElementBlock("div", null, [
-        createVNode(_component_IVuelidate, {
-            validation: _ctx.vuelidate.items
+function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_APolicyChildrenPicker = resolveComponent("APolicyChildrenPicker");
+  const _component_VCFormGroup = resolveComponent("VCFormGroup");
+  const _component_IVuelidate = resolveComponent("IVuelidate");
+  return openBlock(), createElementBlock("div", null, [
+    createVNode(_component_IVuelidate, {
+      validation: _ctx.vuelidate.items
+    }, {
+      default: withCtx((props) => [
+        createVNode(_component_VCFormGroup, {
+          "validation-messages": props.data,
+          "validation-severity": props.severity
         }, {
-            default: withCtx((props)=>[
-                    createVNode(_component_VCFormGroup, {
-                        "validation-messages": props.data,
-                        "validation-severity": props.severity
-                    }, {
-                        label: withCtx(()=>_cache[0] || (_cache[0] = [
-                                createTextVNode(" Children ")
-                            ])),
-                        default: withCtx(()=>[
-                                createVNode(_component_APolicyChildrenPicker, {
-                                    "parent-id": _ctx.id,
-                                    query: _ctx.query,
-                                    value: _ctx.vuelidate.items.$model,
-                                    onChange: _ctx.handleUpdated
-                                }, null, 8, [
-                                    "parent-id",
-                                    "query",
-                                    "value",
-                                    "onChange"
-                                ])
-                            ]),
-                        _: 2
-                    }, 1032, [
-                        "validation-messages",
-                        "validation-severity"
-                    ])
-                ]),
-            _: 1
-        }, 8, [
-            "validation"
-        ])
-    ]);
+          label: withCtx(() => [..._cache[0] || (_cache[0] = [
+            createTextVNode(" Children ", -1)
+          ])]),
+          default: withCtx(() => [
+            createVNode(_component_APolicyChildrenPicker, {
+              "parent-id": _ctx.id,
+              query: _ctx.query,
+              value: _ctx.vuelidate.items.$model,
+              onChange: _ctx.handleUpdated
+            }, null, 8, ["parent-id", "query", "value", "onChange"])
+          ]),
+          _: 1
+        }, 8, ["validation-messages", "validation-severity"])
+      ]),
+      _: 1
+    }, 8, ["validation"])
+  ]);
 }
-var ACompositePolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main$7, [
-    [
-        "render",
-        _sfc_render$7
-    ]
-]);
+var ACompositePolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$c]]);
 
-var _sfc_main$6 = defineComponent({
+var _sfc_main$c = defineComponent({
     components: {
         VCFormInput,
         VCFormGroup,
@@ -6996,85 +7137,64 @@ var _sfc_main$6 = defineComponent({
     }
 });
 
-function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
-    const _component_VCFormInput = resolveComponent("VCFormInput");
-    const _component_VCFormGroup = resolveComponent("VCFormGroup");
-    const _component_IVuelidate = resolveComponent("IVuelidate");
-    return openBlock(), createElementBlock("div", null, [
-        createVNode(_component_IVuelidate, {
-            validation: _ctx.vuelidate.start
+function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_VCFormInput = resolveComponent("VCFormInput");
+  const _component_VCFormGroup = resolveComponent("VCFormGroup");
+  const _component_IVuelidate = resolveComponent("IVuelidate");
+  return openBlock(), createElementBlock("div", null, [
+    createVNode(_component_IVuelidate, {
+      validation: _ctx.vuelidate.start
+    }, {
+      default: withCtx((props) => [
+        createVNode(_component_VCFormGroup, {
+          "validation-messages": props.data,
+          "validation-severity": props.severity
         }, {
-            default: withCtx((props)=>[
-                    createVNode(_component_VCFormGroup, {
-                        "validation-messages": props.data,
-                        "validation-severity": props.severity
-                    }, {
-                        label: withCtx(()=>_cache[2] || (_cache[2] = [
-                                createTextVNode(" Start ")
-                            ])),
-                        default: withCtx(()=>[
-                                createVNode(_component_VCFormInput, {
-                                    modelValue: _ctx.vuelidate.start.$model,
-                                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event)=>_ctx.vuelidate.start.$model = $event),
-                                    placeholder: "YYYY-MM-DD",
-                                    onChange: _ctx.handleUpdated
-                                }, null, 8, [
-                                    "modelValue",
-                                    "onChange"
-                                ])
-                            ]),
-                        _: 2
-                    }, 1032, [
-                        "validation-messages",
-                        "validation-severity"
-                    ])
-                ]),
-            _: 1
-        }, 8, [
-            "validation"
-        ]),
-        createVNode(_component_IVuelidate, {
-            validation: _ctx.vuelidate.end
+          label: withCtx(() => [..._cache[2] || (_cache[2] = [
+            createTextVNode(" Start ", -1)
+          ])]),
+          default: withCtx(() => [
+            createVNode(_component_VCFormInput, {
+              modelValue: _ctx.vuelidate.start.$model,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.vuelidate.start.$model = $event),
+              placeholder: "YYYY-MM-DD",
+              onChange: _ctx.handleUpdated
+            }, null, 8, ["modelValue", "onChange"])
+          ]),
+          _: 1
+        }, 8, ["validation-messages", "validation-severity"])
+      ]),
+      _: 1
+    }, 8, ["validation"]),
+    createVNode(_component_IVuelidate, {
+      validation: _ctx.vuelidate.end
+    }, {
+      default: withCtx((props) => [
+        createVNode(_component_VCFormGroup, {
+          "validation-messages": props.data,
+          "validation-severity": props.severity
         }, {
-            default: withCtx((props)=>[
-                    createVNode(_component_VCFormGroup, {
-                        "validation-messages": props.data,
-                        "validation-severity": props.severity
-                    }, {
-                        label: withCtx(()=>_cache[3] || (_cache[3] = [
-                                createTextVNode(" End ")
-                            ])),
-                        default: withCtx(()=>[
-                                createVNode(_component_VCFormInput, {
-                                    modelValue: _ctx.vuelidate.end.$model,
-                                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event)=>_ctx.vuelidate.end.$model = $event),
-                                    placeholder: "YYYY-MM-DD",
-                                    onChange: _ctx.handleUpdated
-                                }, null, 8, [
-                                    "modelValue",
-                                    "onChange"
-                                ])
-                            ]),
-                        _: 2
-                    }, 1032, [
-                        "validation-messages",
-                        "validation-severity"
-                    ])
-                ]),
-            _: 1
-        }, 8, [
-            "validation"
-        ])
-    ]);
+          label: withCtx(() => [..._cache[3] || (_cache[3] = [
+            createTextVNode(" End ", -1)
+          ])]),
+          default: withCtx(() => [
+            createVNode(_component_VCFormInput, {
+              modelValue: _ctx.vuelidate.end.$model,
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.vuelidate.end.$model = $event),
+              placeholder: "YYYY-MM-DD",
+              onChange: _ctx.handleUpdated
+            }, null, 8, ["modelValue", "onChange"])
+          ]),
+          _: 1
+        }, 8, ["validation-messages", "validation-severity"])
+      ]),
+      _: 1
+    }, 8, ["validation"])
+  ]);
 }
-var ADatePolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main$6, [
-    [
-        "render",
-        _sfc_render$6
-    ]
-]);
+var ADatePolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$b]]);
 
-var _sfc_main$5 = defineComponent({
+var _sfc_main$b = defineComponent({
     components: {
         AFormInputList
     },
@@ -7115,30 +7235,22 @@ var _sfc_main$5 = defineComponent({
     }
 });
 
-function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
-    const _component_AFormInputList = resolveComponent("AFormInputList");
-    return openBlock(), createBlock(_component_AFormInputList, {
-        names: _ctx.vuelidate.types.$model,
-        "min-items": 1,
-        onChanged: _ctx.handleUpdated
-    }, {
-        label: withCtx(()=>_cache[0] || (_cache[0] = [
-                createTextVNode(" Types ")
-            ])),
-        _: 1
-    }, 8, [
-        "names",
-        "onChanged"
-    ]);
+function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_AFormInputList = resolveComponent("AFormInputList");
+  return openBlock(), createBlock(_component_AFormInputList, {
+    names: _ctx.vuelidate.types.$model,
+    "min-items": 1,
+    onChanged: _ctx.handleUpdated
+  }, {
+    label: withCtx(() => [..._cache[0] || (_cache[0] = [
+      createTextVNode(" Types ", -1)
+    ])]),
+    _: 1
+  }, 8, ["names", "onChanged"]);
 }
-var AIdentityPolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main$5, [
-    [
-        "render",
-        _sfc_render$5
-    ]
-]);
+var AIdentityPolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$a]]);
 
-var _sfc_main$4 = defineComponent({
+var _sfc_main$a = defineComponent({
     components: {
         AFormInputList,
         VCFormGroup,
@@ -7200,190 +7312,141 @@ var _sfc_main$4 = defineComponent({
     }
 });
 
-const _hoisted_1$4 = {
-    class: "row"
-};
-const _hoisted_2$3 = {
-    class: "col-7"
-};
-const _hoisted_3$3 = {
-    class: "col-5"
-};
-const _hoisted_4$2 = [
-    "for"
-];
-const _hoisted_5 = [
-    "for"
-];
-const _hoisted_6 = [
-    "for"
-];
-function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
-    const _component_AFormInputList = resolveComponent("AFormInputList");
-    const _component_VCFormGroup = resolveComponent("VCFormGroup");
-    const _component_IVuelidate = resolveComponent("IVuelidate");
-    const _component_VCFormInputCheckbox = resolveComponent("VCFormInputCheckbox");
-    return openBlock(), createElementBlock("div", _hoisted_1$4, [
-        createElementVNode("div", _hoisted_2$3, [
-            createVNode(_component_IVuelidate, {
-                validation: _ctx.vuelidate.attributeName
-            }, {
-                default: withCtx((props)=>[
-                        createVNode(_component_VCFormGroup, {
-                            "validation-messages": props.data,
-                            "validation-severity": props.severity
-                        }, {
-                            default: withCtx(()=>[
-                                    createVNode(_component_AFormInputList, {
-                                        names: _ctx.vuelidate.attributeName.$model,
-                                        onChanged: _ctx.handleAttributeNameChanged
-                                    }, null, 8, [
-                                        "names",
-                                        "onChanged"
-                                    ])
-                                ]),
-                            _: 2
-                        }, 1032, [
-                            "validation-messages",
-                            "validation-severity"
-                        ])
-                    ]),
-                _: 1
-            }, 8, [
-                "validation"
-            ])
+const _hoisted_1$9 = { class: "row" };
+const _hoisted_2$8 = { class: "col-7" };
+const _hoisted_3$6 = { class: "col-5" };
+const _hoisted_4$4 = ["for"];
+const _hoisted_5$1 = ["for"];
+const _hoisted_6$1 = ["for"];
+function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_AFormInputList = resolveComponent("AFormInputList");
+  const _component_VCFormGroup = resolveComponent("VCFormGroup");
+  const _component_IVuelidate = resolveComponent("IVuelidate");
+  const _component_VCFormInputCheckbox = resolveComponent("VCFormInputCheckbox");
+  return openBlock(), createElementBlock("div", _hoisted_1$9, [
+    createElementVNode("div", _hoisted_2$8, [
+      createVNode(_component_IVuelidate, {
+        validation: _ctx.vuelidate.attributeName
+      }, {
+        default: withCtx((props) => [
+          createVNode(_component_VCFormGroup, {
+            "validation-messages": props.data,
+            "validation-severity": props.severity
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_AFormInputList, {
+                names: _ctx.vuelidate.attributeName.$model,
+                onChanged: _ctx.handleAttributeNameChanged
+              }, null, 8, ["names", "onChanged"])
+            ]),
+            _: 1
+          }, 8, ["validation-messages", "validation-severity"])
         ]),
-        createElementVNode("div", _hoisted_3$3, [
-            createVNode(_component_IVuelidate, {
-                validation: _ctx.vuelidate.attributeNameStrict
-            }, {
-                default: withCtx((props)=>[
-                        createVNode(_component_VCFormGroup, {
-                            "validation-messages": props.data,
-                            "validation-severity": props.severity
-                        }, {
-                            default: withCtx(()=>[
-                                    createVNode(_component_VCFormInputCheckbox, {
-                                        modelValue: _ctx.vuelidate.attributeNameStrict.$model,
-                                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event)=>_ctx.vuelidate.attributeNameStrict.$model = $event),
-                                        "group-class": "form-switch",
-                                        label: true,
-                                        onChange: _ctx.handleUpdated
-                                    }, {
-                                        label: withCtx((iProps)=>[
-                                                createElementVNode("label", {
-                                                    for: iProps.id
-                                                }, " Only match if the attribute is strict equal to the name? ", 8, _hoisted_4$2)
-                                            ]),
-                                        _: 1
-                                    }, 8, [
-                                        "modelValue",
-                                        "onChange"
-                                    ])
-                                ]),
-                            _: 2
-                        }, 1032, [
-                            "validation-messages",
-                            "validation-severity"
-                        ])
-                    ]),
+        _: 1
+      }, 8, ["validation"])
+    ]),
+    createElementVNode("div", _hoisted_3$6, [
+      createVNode(_component_IVuelidate, {
+        validation: _ctx.vuelidate.attributeNameStrict
+      }, {
+        default: withCtx((props) => [
+          createVNode(_component_VCFormGroup, {
+            "validation-messages": props.data,
+            "validation-severity": props.severity
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_VCFormInputCheckbox, {
+                modelValue: _ctx.vuelidate.attributeNameStrict.$model,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.vuelidate.attributeNameStrict.$model = $event),
+                "group-class": "form-switch",
+                label: true,
+                onChange: _ctx.handleUpdated
+              }, {
+                label: withCtx((iProps) => [
+                  createElementVNode("label", {
+                    for: iProps.id
+                  }, " Only match if the attribute is strict equal to the name? ", 8, _hoisted_4$4)
+                ]),
                 _: 1
-            }, 8, [
-                "validation"
+              }, 8, ["modelValue", "onChange"])
             ]),
-            createVNode(_component_IVuelidate, {
-                validation: _ctx.vuelidate.attributeNullMatchAll
-            }, {
-                default: withCtx((props)=>[
-                        createVNode(_component_VCFormGroup, {
-                            "validation-messages": props.data,
-                            "validation-severity": props.severity
-                        }, {
-                            default: withCtx(()=>[
-                                    createVNode(_component_VCFormInputCheckbox, {
-                                        modelValue: _ctx.vuelidate.attributeNullMatchAll.$model,
-                                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event)=>_ctx.vuelidate.attributeNullMatchAll.$model = $event),
-                                        "group-class": "form-switch",
-                                        label: true,
-                                        onChange: _ctx.handleUpdated
-                                    }, {
-                                        label: withCtx((iProps)=>[
-                                                createElementVNode("label", {
-                                                    for: iProps.id
-                                                }, _cache[3] || (_cache[3] = [
-                                                    createTextVNode(" Determines if resources with null realm-id/name value should match all identity realms."),
-                                                    createElementVNode("br", null, null, -1),
-                                                    createTextVNode(" If true, any identity realm can access resources with null realm-id/name values. ")
-                                                ]), 8, _hoisted_5)
-                                            ]),
-                                        _: 1
-                                    }, 8, [
-                                        "modelValue",
-                                        "onChange"
-                                    ])
-                                ]),
-                            _: 2
-                        }, 1032, [
-                            "validation-messages",
-                            "validation-severity"
-                        ])
-                    ]),
+            _: 1
+          }, 8, ["validation-messages", "validation-severity"])
+        ]),
+        _: 1
+      }, 8, ["validation"]),
+      createVNode(_component_IVuelidate, {
+        validation: _ctx.vuelidate.attributeNullMatchAll
+      }, {
+        default: withCtx((props) => [
+          createVNode(_component_VCFormGroup, {
+            "validation-messages": props.data,
+            "validation-severity": props.severity
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_VCFormInputCheckbox, {
+                modelValue: _ctx.vuelidate.attributeNullMatchAll.$model,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.vuelidate.attributeNullMatchAll.$model = $event),
+                "group-class": "form-switch",
+                label: true,
+                onChange: _ctx.handleUpdated
+              }, {
+                label: withCtx((iProps) => [
+                  createElementVNode("label", {
+                    for: iProps.id
+                  }, [..._cache[3] || (_cache[3] = [
+                    createTextVNode(" Determines if resources with null realm-id/name value should match all identity realms.", -1),
+                    createElementVNode("br", null, null, -1),
+                    createTextVNode(" If true, any identity realm can access resources with null realm-id/name values. ", -1)
+                  ])], 8, _hoisted_5$1)
+                ]),
                 _: 1
-            }, 8, [
-                "validation"
+              }, 8, ["modelValue", "onChange"])
             ]),
-            createVNode(_component_IVuelidate, {
-                validation: _ctx.vuelidate.identityMasterMatchAll
-            }, {
-                default: withCtx((props)=>[
-                        createVNode(_component_VCFormGroup, {
-                            "validation-messages": props.data,
-                            "validation-severity": props.severity
-                        }, {
-                            default: withCtx(()=>[
-                                    createVNode(_component_VCFormInputCheckbox, {
-                                        modelValue: _ctx.vuelidate.identityMasterMatchAll.$model,
-                                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event)=>_ctx.vuelidate.identityMasterMatchAll.$model = $event),
-                                        "group-class": "form-switch",
-                                        label: true,
-                                        onChange: _ctx.handleUpdated
-                                    }, {
-                                        label: withCtx((iProps)=>[
-                                                createElementVNode("label", {
-                                                    for: iProps.id
-                                                }, _cache[4] || (_cache[4] = [
-                                                    createTextVNode(" Specifies whether the master realm of an identity should match all realm-id/name attributes, including null."),
-                                                    createElementVNode("br", null, null, -1),
-                                                    createTextVNode(" If true, the master realm can access any resource regardless of its realm value. ")
-                                                ]), 8, _hoisted_6)
-                                            ]),
-                                        _: 1
-                                    }, 8, [
-                                        "modelValue",
-                                        "onChange"
-                                    ])
-                                ]),
-                            _: 2
-                        }, 1032, [
-                            "validation-messages",
-                            "validation-severity"
-                        ])
-                    ]),
+            _: 1
+          }, 8, ["validation-messages", "validation-severity"])
+        ]),
+        _: 1
+      }, 8, ["validation"]),
+      createVNode(_component_IVuelidate, {
+        validation: _ctx.vuelidate.identityMasterMatchAll
+      }, {
+        default: withCtx((props) => [
+          createVNode(_component_VCFormGroup, {
+            "validation-messages": props.data,
+            "validation-severity": props.severity
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_VCFormInputCheckbox, {
+                modelValue: _ctx.vuelidate.identityMasterMatchAll.$model,
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.vuelidate.identityMasterMatchAll.$model = $event),
+                "group-class": "form-switch",
+                label: true,
+                onChange: _ctx.handleUpdated
+              }, {
+                label: withCtx((iProps) => [
+                  createElementVNode("label", {
+                    for: iProps.id
+                  }, [..._cache[4] || (_cache[4] = [
+                    createTextVNode(" Specifies whether the master realm of an identity should match all realm-id/name attributes, including null.", -1),
+                    createElementVNode("br", null, null, -1),
+                    createTextVNode(" If true, the master realm can access any resource regardless of its realm value. ", -1)
+                  ])], 8, _hoisted_6$1)
+                ]),
                 _: 1
-            }, 8, [
-                "validation"
-            ])
-        ])
-    ]);
+              }, 8, ["modelValue", "onChange"])
+            ]),
+            _: 1
+          }, 8, ["validation-messages", "validation-severity"])
+        ]),
+        _: 1
+      }, 8, ["validation"])
+    ])
+  ]);
 }
-var ARealmMatchPolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main$4, [
-    [
-        "render",
-        _sfc_render$4
-    ]
-]);
+var ARealmMatchPolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$9]]);
 
-var _sfc_main$3 = defineComponent({
+var _sfc_main$9 = defineComponent({
     components: {
         VCFormInput,
         VCFormGroup,
@@ -7471,239 +7534,183 @@ var _sfc_main$3 = defineComponent({
     }
 });
 
-const _hoisted_1$3 = {
-    class: "row"
-};
-const _hoisted_2$2 = {
-    key: 0,
-    class: "col"
+const _hoisted_1$8 = { class: "row" };
+const _hoisted_2$7 = {
+  key: 0,
+  class: "col"
 };
-const _hoisted_3$2 = {
-    key: 1,
-    class: "col"
+const _hoisted_3$5 = {
+  key: 1,
+  class: "col"
 };
-const _hoisted_4$1 = {
-    key: 2,
-    class: "col"
+const _hoisted_4$3 = {
+  key: 2,
+  class: "col"
 };
-function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
-    const _component_VCFormInput = resolveComponent("VCFormInput");
-    const _component_VCFormGroup = resolveComponent("VCFormGroup");
-    const _component_IVuelidate = resolveComponent("IVuelidate");
-    const _component_VCFormSelect = resolveComponent("VCFormSelect");
-    return openBlock(), createElementBlock("div", null, [
+function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_VCFormInput = resolveComponent("VCFormInput");
+  const _component_VCFormGroup = resolveComponent("VCFormGroup");
+  const _component_IVuelidate = resolveComponent("IVuelidate");
+  const _component_VCFormSelect = resolveComponent("VCFormSelect");
+  return openBlock(), createElementBlock("div", null, [
+    createVNode(_component_IVuelidate, {
+      validation: _ctx.vuelidate.start
+    }, {
+      default: withCtx((props) => [
+        createVNode(_component_VCFormGroup, {
+          "validation-messages": props.data,
+          "validation-severity": props.severity
+        }, {
+          label: withCtx(() => [..._cache[6] || (_cache[6] = [
+            createTextVNode(" Start ", -1)
+          ])]),
+          default: withCtx(() => [
+            createVNode(_component_VCFormInput, {
+              modelValue: _ctx.vuelidate.start.$model,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.vuelidate.start.$model = $event),
+              placeholder: "00:00:00",
+              onChange: _ctx.handleUpdated
+            }, null, 8, ["modelValue", "onChange"])
+          ]),
+          _: 1
+        }, 8, ["validation-messages", "validation-severity"])
+      ]),
+      _: 1
+    }, 8, ["validation"]),
+    createVNode(_component_IVuelidate, {
+      validation: _ctx.vuelidate.end
+    }, {
+      default: withCtx((props) => [
+        createVNode(_component_VCFormGroup, {
+          "validation-messages": props.data,
+          "validation-severity": props.severity
+        }, {
+          label: withCtx(() => [..._cache[7] || (_cache[7] = [
+            createTextVNode(" End ", -1)
+          ])]),
+          default: withCtx(() => [
+            createVNode(_component_VCFormInput, {
+              modelValue: _ctx.vuelidate.end.$model,
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.vuelidate.end.$model = $event),
+              placeholder: "00:00:00",
+              onChange: _ctx.handleUpdated
+            }, null, 8, ["modelValue", "onChange"])
+          ]),
+          _: 1
+        }, 8, ["validation-messages", "validation-severity"])
+      ]),
+      _: 1
+    }, 8, ["validation"]),
+    createVNode(_component_IVuelidate, {
+      validation: _ctx.vuelidate.interval
+    }, {
+      default: withCtx((props) => [
+        createVNode(_component_VCFormGroup, {
+          "validation-messages": props.data,
+          "validation-severity": props.severity
+        }, {
+          label: withCtx(() => [..._cache[8] || (_cache[8] = [
+            createTextVNode(" Interval ", -1)
+          ])]),
+          default: withCtx(() => [
+            createVNode(_component_VCFormSelect, {
+              modelValue: _ctx.vuelidate.interval.$model,
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.vuelidate.interval.$model = $event),
+              options: _ctx.intervalOptions,
+              onChange: _ctx.handleIntervalUpdated
+            }, null, 8, ["modelValue", "options", "onChange"])
+          ]),
+          _: 1
+        }, 8, ["validation-messages", "validation-severity"])
+      ]),
+      _: 1
+    }, 8, ["validation"]),
+    createElementVNode("div", _hoisted_1$8, [
+      _ctx.displayIntervalForDayOfWeek ? (openBlock(), createElementBlock("div", _hoisted_2$7, [
         createVNode(_component_IVuelidate, {
-            validation: _ctx.vuelidate.start
+          validation: _ctx.vuelidate.dayOfWeek
         }, {
-            default: withCtx((props)=>[
-                    createVNode(_component_VCFormGroup, {
-                        "validation-messages": props.data,
-                        "validation-severity": props.severity
-                    }, {
-                        label: withCtx(()=>_cache[6] || (_cache[6] = [
-                                createTextVNode(" Start ")
-                            ])),
-                        default: withCtx(()=>[
-                                createVNode(_component_VCFormInput, {
-                                    modelValue: _ctx.vuelidate.start.$model,
-                                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event)=>_ctx.vuelidate.start.$model = $event),
-                                    placeholder: "00:00:00",
-                                    onChange: _ctx.handleUpdated
-                                }, null, 8, [
-                                    "modelValue",
-                                    "onChange"
-                                ])
-                            ]),
-                        _: 2
-                    }, 1032, [
-                        "validation-messages",
-                        "validation-severity"
-                    ])
-                ]),
-            _: 1
-        }, 8, [
-            "validation"
-        ]),
+          default: withCtx((props) => [
+            createVNode(_component_VCFormGroup, {
+              "validation-messages": props.data,
+              "validation-severity": props.severity
+            }, {
+              label: withCtx(() => [..._cache[9] || (_cache[9] = [
+                createTextVNode(" Day of Week ", -1)
+              ])]),
+              default: withCtx(() => [
+                createVNode(_component_VCFormInput, {
+                  modelValue: _ctx.vuelidate.dayOfWeek.$model,
+                  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.vuelidate.dayOfWeek.$model = $event),
+                  placeholder: "0-7",
+                  type: "number",
+                  onChange: _ctx.handleUpdated
+                }, null, 8, ["modelValue", "onChange"])
+              ]),
+              _: 1
+            }, 8, ["validation-messages", "validation-severity"])
+          ]),
+          _: 1
+        }, 8, ["validation"])
+      ])) : createCommentVNode("", true),
+      _ctx.displayIntervalForDayOfMonth ? (openBlock(), createElementBlock("div", _hoisted_3$5, [
         createVNode(_component_IVuelidate, {
-            validation: _ctx.vuelidate.end
+          validation: _ctx.vuelidate.dayOfMonth
         }, {
-            default: withCtx((props)=>[
-                    createVNode(_component_VCFormGroup, {
-                        "validation-messages": props.data,
-                        "validation-severity": props.severity
-                    }, {
-                        label: withCtx(()=>_cache[7] || (_cache[7] = [
-                                createTextVNode(" End ")
-                            ])),
-                        default: withCtx(()=>[
-                                createVNode(_component_VCFormInput, {
-                                    modelValue: _ctx.vuelidate.end.$model,
-                                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event)=>_ctx.vuelidate.end.$model = $event),
-                                    placeholder: "00:00:00",
-                                    onChange: _ctx.handleUpdated
-                                }, null, 8, [
-                                    "modelValue",
-                                    "onChange"
-                                ])
-                            ]),
-                        _: 2
-                    }, 1032, [
-                        "validation-messages",
-                        "validation-severity"
-                    ])
-                ]),
-            _: 1
-        }, 8, [
-            "validation"
-        ]),
+          default: withCtx((props) => [
+            createVNode(_component_VCFormGroup, {
+              "validation-messages": props.data,
+              "validation-severity": props.severity
+            }, {
+              label: withCtx(() => [..._cache[10] || (_cache[10] = [
+                createTextVNode(" Day of Month ", -1)
+              ])]),
+              default: withCtx(() => [
+                createVNode(_component_VCFormInput, {
+                  modelValue: _ctx.vuelidate.dayOfMonth.$model,
+                  "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.vuelidate.dayOfMonth.$model = $event),
+                  placeholder: "1-31",
+                  type: "number",
+                  onChange: _ctx.handleUpdated
+                }, null, 8, ["modelValue", "onChange"])
+              ]),
+              _: 1
+            }, 8, ["validation-messages", "validation-severity"])
+          ]),
+          _: 1
+        }, 8, ["validation"])
+      ])) : createCommentVNode("", true),
+      _ctx.displayIntervalForDayOfYear ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
         createVNode(_component_IVuelidate, {
-            validation: _ctx.vuelidate.interval
+          validation: _ctx.vuelidate.dayOfYear
         }, {
-            default: withCtx((props)=>[
-                    createVNode(_component_VCFormGroup, {
-                        "validation-messages": props.data,
-                        "validation-severity": props.severity
-                    }, {
-                        label: withCtx(()=>_cache[8] || (_cache[8] = [
-                                createTextVNode(" Interval ")
-                            ])),
-                        default: withCtx(()=>[
-                                createVNode(_component_VCFormSelect, {
-                                    modelValue: _ctx.vuelidate.interval.$model,
-                                    "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event)=>_ctx.vuelidate.interval.$model = $event),
-                                    options: _ctx.intervalOptions,
-                                    onChange: _ctx.handleIntervalUpdated
-                                }, null, 8, [
-                                    "modelValue",
-                                    "options",
-                                    "onChange"
-                                ])
-                            ]),
-                        _: 2
-                    }, 1032, [
-                        "validation-messages",
-                        "validation-severity"
-                    ])
-                ]),
-            _: 1
-        }, 8, [
-            "validation"
-        ]),
-        createElementVNode("div", _hoisted_1$3, [
-            _ctx.displayIntervalForDayOfWeek ? (openBlock(), createElementBlock("div", _hoisted_2$2, [
-                createVNode(_component_IVuelidate, {
-                    validation: _ctx.vuelidate.dayOfWeek
-                }, {
-                    default: withCtx((props)=>[
-                            createVNode(_component_VCFormGroup, {
-                                "validation-messages": props.data,
-                                "validation-severity": props.severity
-                            }, {
-                                label: withCtx(()=>_cache[9] || (_cache[9] = [
-                                        createTextVNode(" Day of Week ")
-                                    ])),
-                                default: withCtx(()=>[
-                                        createVNode(_component_VCFormInput, {
-                                            modelValue: _ctx.vuelidate.dayOfWeek.$model,
-                                            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event)=>_ctx.vuelidate.dayOfWeek.$model = $event),
-                                            placeholder: "0-7",
-                                            type: "number",
-                                            onChange: _ctx.handleUpdated
-                                        }, null, 8, [
-                                            "modelValue",
-                                            "onChange"
-                                        ])
-                                    ]),
-                                _: 2
-                            }, 1032, [
-                                "validation-messages",
-                                "validation-severity"
-                            ])
-                        ]),
-                    _: 1
-                }, 8, [
-                    "validation"
-                ])
-            ])) : createCommentVNode("", true),
-            _ctx.displayIntervalForDayOfMonth ? (openBlock(), createElementBlock("div", _hoisted_3$2, [
-                createVNode(_component_IVuelidate, {
-                    validation: _ctx.vuelidate.dayOfMonth
-                }, {
-                    default: withCtx((props)=>[
-                            createVNode(_component_VCFormGroup, {
-                                "validation-messages": props.data,
-                                "validation-severity": props.severity
-                            }, {
-                                label: withCtx(()=>_cache[10] || (_cache[10] = [
-                                        createTextVNode(" Day of Month ")
-                                    ])),
-                                default: withCtx(()=>[
-                                        createVNode(_component_VCFormInput, {
-                                            modelValue: _ctx.vuelidate.dayOfMonth.$model,
-                                            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event)=>_ctx.vuelidate.dayOfMonth.$model = $event),
-                                            placeholder: "1-31",
-                                            type: "number",
-                                            onChange: _ctx.handleUpdated
-                                        }, null, 8, [
-                                            "modelValue",
-                                            "onChange"
-                                        ])
-                                    ]),
-                                _: 2
-                            }, 1032, [
-                                "validation-messages",
-                                "validation-severity"
-                            ])
-                        ]),
-                    _: 1
-                }, 8, [
-                    "validation"
-                ])
-            ])) : createCommentVNode("", true),
-            _ctx.displayIntervalForDayOfYear ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
-                createVNode(_component_IVuelidate, {
-                    validation: _ctx.vuelidate.dayOfYear
-                }, {
-                    default: withCtx((props)=>[
-                            createVNode(_component_VCFormGroup, {
-                                "validation-messages": props.data,
-                                "validation-severity": props.severity
-                            }, {
-                                label: withCtx(()=>_cache[11] || (_cache[11] = [
-                                        createTextVNode(" Day of Year ")
-                                    ])),
-                                default: withCtx(()=>[
-                                        createVNode(_component_VCFormInput, {
-                                            modelValue: _ctx.vuelidate.dayOfYear.$model,
-                                            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event)=>_ctx.vuelidate.dayOfYear.$model = $event),
-                                            type: "number",
-                                            placeholder: "1-365",
-                                            onChange: _ctx.handleUpdated
-                                        }, null, 8, [
-                                            "modelValue",
-                                            "onChange"
-                                        ])
-                                    ]),
-                                _: 2
-                            }, 1032, [
-                                "validation-messages",
-                                "validation-severity"
-                            ])
-                        ]),
-                    _: 1
-                }, 8, [
-                    "validation"
-                ])
-            ])) : createCommentVNode("", true)
-        ])
-    ]);
+          default: withCtx((props) => [
+            createVNode(_component_VCFormGroup, {
+              "validation-messages": props.data,
+              "validation-severity": props.severity
+            }, {
+              label: withCtx(() => [..._cache[11] || (_cache[11] = [
+                createTextVNode(" Day of Year ", -1)
+              ])]),
+              default: withCtx(() => [
+                createVNode(_component_VCFormInput, {
+                  modelValue: _ctx.vuelidate.dayOfYear.$model,
+                  "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => _ctx.vuelidate.dayOfYear.$model = $event),
+                  type: "number",
+                  placeholder: "1-365",
+                  onChange: _ctx.handleUpdated
+                }, null, 8, ["modelValue", "onChange"])
+              ]),
+              _: 1
+            }, 8, ["validation-messages", "validation-severity"])
+          ]),
+          _: 1
+        }, 8, ["validation"])
+      ])) : createCommentVNode("", true)
+    ])
+  ]);
 }
-var ATimePolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main$3, [
-    [
-        "render",
-        _sfc_render$3
-    ]
-]);
+var ATimePolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$8]]);
 
 const APolicy = defineComponent({
     props: defineEntityVProps(),
@@ -7724,7 +7731,7 @@ const APolicy = defineComponent({
     }
 });
 
-var _sfc_main$2 = defineComponent({
+var _sfc_main$8 = defineComponent({
     props: {
         type: {
             type: String
@@ -7770,52 +7777,30 @@ var _sfc_main$2 = defineComponent({
     }
 });
 
-const _hoisted_1$2 = {
-    class: "d-flex flex-column gap-2"
-};
-const _hoisted_2$1 = {
-    class: "d-flex flex-row gap-2 flex-wrap"
-};
-const _hoisted_3$1 = [
-    "onClick"
-];
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
-    return openBlock(), createElementBlock("div", _hoisted_1$2, [
-        createElementVNode("div", null, [
-            _cache[0] || (_cache[0] = createElementVNode("h6", null, "Type", -1)),
-            createElementVNode("div", _hoisted_2$1, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (item, key)=>{
-                    return openBlock(), createElementBlock("div", {
-                        key,
-                        class: normalizeClass([
-                            {
-                                "active": item.id === _ctx.option
-                            },
-                            "d-flex flex-column gap-1 text-center a-picker-item"
-                        ]),
-                        onClick: withModifiers(($event)=>_ctx.pick(`${item.id}`), [
-                            "prevent"
-                        ])
-                    }, [
-                        createElementVNode("div", null, toDisplayString(item.value), 1)
-                    ], 10, _hoisted_3$1);
-                }), 128))
-            ])
-        ])
-    ]);
+const _hoisted_1$7 = { class: "d-flex flex-column gap-2" };
+const _hoisted_2$6 = { class: "d-flex flex-row gap-2 flex-wrap" };
+const _hoisted_3$4 = ["onClick"];
+function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$7, [
+    createElementVNode("div", null, [
+      _cache[0] || (_cache[0] = createElementVNode("h6", null, "Type", -1)),
+      createElementVNode("div", _hoisted_2$6, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (item, key) => {
+          return openBlock(), createElementBlock("div", {
+            key,
+            class: normalizeClass([{ "active": item.id === _ctx.option }, "d-flex flex-column gap-1 text-center a-picker-item"]),
+            onClick: withModifiers(($event) => _ctx.pick(`${item.id}`), ["prevent"])
+          }, [
+            createElementVNode("div", null, toDisplayString(item.value), 1)
+          ], 10, _hoisted_3$4);
+        }), 128))
+      ])
+    ])
+  ]);
 }
-var APolicyTypePicker = /* @__PURE__ */ _export_sfc(_sfc_main$2, [
-    [
-        "render",
-        _sfc_render$2
-    ],
-    [
-        "__scopeId",
-        "data-v-3fa3964f"
-    ]
-]);
+var APolicyTypePicker = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$7], ["__scopeId", "data-v-3fa3964f"]]);
 
-var _sfc_main$1 = defineComponent({
+var _sfc_main$7 = defineComponent({
     components: {
         ARealmPicker,
         VCFormInput,
@@ -7899,203 +7884,153 @@ var _sfc_main$1 = defineComponent({
     }
 });
 
-const _hoisted_1$1 = {
-    class: "row"
+const _hoisted_1$6 = { class: "row" };
+const _hoisted_2$5 = { class: "col" };
+const _hoisted_3$3 = ["for"];
+const _hoisted_4$2 = {
+  key: 0,
+  class: "col"
 };
-const _hoisted_2 = {
-    class: "col"
-};
-const _hoisted_3 = [
-    "for"
-];
-const _hoisted_4 = {
-    key: 0,
-    class: "col"
-};
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-    const _component_VCFormInput = resolveComponent("VCFormInput");
-    const _component_VCFormGroup = resolveComponent("VCFormGroup");
-    const _component_IVuelidate = resolveComponent("IVuelidate");
-    const _component_VCFormTextarea = resolveComponent("VCFormTextarea");
-    const _component_VCFormInputCheckbox = resolveComponent("VCFormInputCheckbox");
-    const _component_ARealmPicker = resolveComponent("ARealmPicker");
-    return openBlock(), createElementBlock("div", _hoisted_1$1, [
-        createElementVNode("div", _hoisted_2, [
-            createVNode(_component_IVuelidate, {
-                validation: _ctx.vuelidate.name
-            }, {
-                default: withCtx((props)=>[
-                        createVNode(_component_VCFormGroup, {
-                            "validation-messages": props.data,
-                            "validation-severity": props.severity
-                        }, {
-                            label: withCtx(()=>_cache[5] || (_cache[5] = [
-                                    createTextVNode(" Name ")
-                                ])),
-                            default: withCtx(()=>[
-                                    createVNode(_component_VCFormInput, {
-                                        modelValue: _ctx.vuelidate.name.$model,
-                                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event)=>_ctx.vuelidate.name.$model = $event),
-                                        onChange: _ctx.handleUpdated
-                                    }, null, 8, [
-                                        "modelValue",
-                                        "onChange"
-                                    ])
-                                ]),
-                            _: 2
-                        }, 1032, [
-                            "validation-messages",
-                            "validation-severity"
-                        ])
-                    ]),
-                _: 1
-            }, 8, [
-                "validation"
+function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_VCFormInput = resolveComponent("VCFormInput");
+  const _component_VCFormGroup = resolveComponent("VCFormGroup");
+  const _component_IVuelidate = resolveComponent("IVuelidate");
+  const _component_VCFormTextarea = resolveComponent("VCFormTextarea");
+  const _component_VCFormInputCheckbox = resolveComponent("VCFormInputCheckbox");
+  const _component_ARealmPicker = resolveComponent("ARealmPicker");
+  return openBlock(), createElementBlock("div", _hoisted_1$6, [
+    createElementVNode("div", _hoisted_2$5, [
+      createVNode(_component_IVuelidate, {
+        validation: _ctx.vuelidate.name
+      }, {
+        default: withCtx((props) => [
+          createVNode(_component_VCFormGroup, {
+            "validation-messages": props.data,
+            "validation-severity": props.severity
+          }, {
+            label: withCtx(() => [..._cache[5] || (_cache[5] = [
+              createTextVNode(" Name ", -1)
+            ])]),
+            default: withCtx(() => [
+              createVNode(_component_VCFormInput, {
+                modelValue: _ctx.vuelidate.name.$model,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.vuelidate.name.$model = $event),
+                onChange: _ctx.handleUpdated
+              }, null, 8, ["modelValue", "onChange"])
             ]),
-            createVNode(_component_IVuelidate, {
-                validation: _ctx.vuelidate.display_name
-            }, {
-                default: withCtx((props)=>[
-                        createVNode(_component_VCFormGroup, {
-                            "validation-messages": props.data,
-                            "validation-severity": props.severity
-                        }, {
-                            label: withCtx(()=>_cache[6] || (_cache[6] = [
-                                    createTextVNode(" Display Name ")
-                                ])),
-                            default: withCtx(()=>[
-                                    createVNode(_component_VCFormInput, {
-                                        modelValue: _ctx.vuelidate.display_name.$model,
-                                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event)=>_ctx.vuelidate.display_name.$model = $event),
-                                        onChange: _ctx.handleUpdated
-                                    }, null, 8, [
-                                        "modelValue",
-                                        "onChange"
-                                    ])
-                                ]),
-                            _: 2
-                        }, 1032, [
-                            "validation-messages",
-                            "validation-severity"
-                        ])
-                    ]),
-                _: 1
-            }, 8, [
-                "validation"
+            _: 1
+          }, 8, ["validation-messages", "validation-severity"])
+        ]),
+        _: 1
+      }, 8, ["validation"]),
+      createVNode(_component_IVuelidate, {
+        validation: _ctx.vuelidate.display_name
+      }, {
+        default: withCtx((props) => [
+          createVNode(_component_VCFormGroup, {
+            "validation-messages": props.data,
+            "validation-severity": props.severity
+          }, {
+            label: withCtx(() => [..._cache[6] || (_cache[6] = [
+              createTextVNode(" Display Name ", -1)
+            ])]),
+            default: withCtx(() => [
+              createVNode(_component_VCFormInput, {
+                modelValue: _ctx.vuelidate.display_name.$model,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.vuelidate.display_name.$model = $event),
+                onChange: _ctx.handleUpdated
+              }, null, 8, ["modelValue", "onChange"])
             ]),
-            createVNode(_component_IVuelidate, {
-                validation: _ctx.vuelidate.description
-            }, {
-                default: withCtx((props)=>[
-                        createVNode(_component_VCFormGroup, {
-                            "validation-messages": props.data,
-                            "validation-severity": props.severity
-                        }, {
-                            label: withCtx(()=>_cache[7] || (_cache[7] = [
-                                    createTextVNode(" Description ")
-                                ])),
-                            default: withCtx(()=>[
-                                    createVNode(_component_VCFormTextarea, {
-                                        modelValue: _ctx.vuelidate.description.$model,
-                                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event)=>_ctx.vuelidate.description.$model = $event),
-                                        rows: "4",
-                                        onChange: _ctx.handleUpdated
-                                    }, null, 8, [
-                                        "modelValue",
-                                        "onChange"
-                                    ])
-                                ]),
-                            _: 2
-                        }, 1032, [
-                            "validation-messages",
-                            "validation-severity"
-                        ])
-                    ]),
+            _: 1
+          }, 8, ["validation-messages", "validation-severity"])
+        ]),
+        _: 1
+      }, 8, ["validation"]),
+      createVNode(_component_IVuelidate, {
+        validation: _ctx.vuelidate.description
+      }, {
+        default: withCtx((props) => [
+          createVNode(_component_VCFormGroup, {
+            "validation-messages": props.data,
+            "validation-severity": props.severity
+          }, {
+            label: withCtx(() => [..._cache[7] || (_cache[7] = [
+              createTextVNode(" Description ", -1)
+            ])]),
+            default: withCtx(() => [
+              createVNode(_component_VCFormTextarea, {
+                modelValue: _ctx.vuelidate.description.$model,
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.vuelidate.description.$model = $event),
+                rows: "4",
+                onChange: _ctx.handleUpdated
+              }, null, 8, ["modelValue", "onChange"])
+            ]),
+            _: 1
+          }, 8, ["validation-messages", "validation-severity"])
+        ]),
+        _: 1
+      }, 8, ["validation"]),
+      createVNode(_component_IVuelidate, {
+        validation: _ctx.vuelidate.invert
+      }, {
+        default: withCtx((props) => [
+          createVNode(_component_VCFormGroup, {
+            "validation-messages": props.data,
+            "validation-severity": props.severity
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_VCFormInputCheckbox, {
+                modelValue: _ctx.vuelidate.invert.$model,
+                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.vuelidate.invert.$model = $event),
+                "group-class": "form-switch",
+                label: true,
+                onChange: _ctx.handleUpdated
+              }, {
+                label: withCtx((iProps) => [
+                  createElementVNode("label", {
+                    for: iProps.id
+                  }, " Invert? ", 8, _hoisted_3$3)
+                ]),
                 _: 1
-            }, 8, [
-                "validation"
+              }, 8, ["modelValue", "onChange"])
+            ]),
+            _: 1
+          }, 8, ["validation-messages", "validation-severity"])
+        ]),
+        _: 1
+      }, 8, ["validation"])
+    ]),
+    !_ctx.realmId && !_ctx.isEditing ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
+      createVNode(_component_IVuelidate, {
+        validation: _ctx.vuelidate.invert
+      }, {
+        default: withCtx((props) => [
+          createVNode(_component_VCFormGroup, {
+            "validation-messages": props.data,
+            "validation-severity": props.severity
+          }, {
+            label: withCtx(() => [..._cache[8] || (_cache[8] = [
+              createTextVNode(" Realm ", -1)
+            ])]),
+            default: withCtx(() => [
+              createVNode(_component_ARealmPicker, {
+                value: _ctx.vuelidate.realm_id.$model,
+                onChange: _cache[4] || (_cache[4] = (value) => {
+                  _ctx.vuelidate.realm_id.$model = value.length > 0 ? value[0] : "";
+                })
+              }, null, 8, ["value"])
             ]),
-            createVNode(_component_IVuelidate, {
-                validation: _ctx.vuelidate.invert
-            }, {
-                default: withCtx((props)=>[
-                        createVNode(_component_VCFormGroup, {
-                            "validation-messages": props.data,
-                            "validation-severity": props.severity
-                        }, {
-                            default: withCtx(()=>[
-                                    createVNode(_component_VCFormInputCheckbox, {
-                                        modelValue: _ctx.vuelidate.invert.$model,
-                                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event)=>_ctx.vuelidate.invert.$model = $event),
-                                        "group-class": "form-switch",
-                                        label: true,
-                                        onChange: _ctx.handleUpdated
-                                    }, {
-                                        label: withCtx((iProps)=>[
-                                                createElementVNode("label", {
-                                                    for: iProps.id
-                                                }, " Invert? ", 8, _hoisted_3)
-                                            ]),
-                                        _: 1
-                                    }, 8, [
-                                        "modelValue",
-                                        "onChange"
-                                    ])
-                                ]),
-                            _: 2
-                        }, 1032, [
-                            "validation-messages",
-                            "validation-severity"
-                        ])
-                    ]),
-                _: 1
-            }, 8, [
-                "validation"
-            ])
+            _: 1
+          }, 8, ["validation-messages", "validation-severity"])
         ]),
-        !_ctx.realmId && !_ctx.isEditing ? (openBlock(), createElementBlock("div", _hoisted_4, [
-            createVNode(_component_IVuelidate, {
-                validation: _ctx.vuelidate.invert
-            }, {
-                default: withCtx((props)=>[
-                        createVNode(_component_VCFormGroup, {
-                            "validation-messages": props.data,
-                            "validation-severity": props.severity
-                        }, {
-                            label: withCtx(()=>_cache[8] || (_cache[8] = [
-                                    createTextVNode(" Realm ")
-                                ])),
-                            default: withCtx(()=>[
-                                    createVNode(_component_ARealmPicker, {
-                                        value: _ctx.vuelidate.realm_id.$model,
-                                        onChange: _cache[4] || (_cache[4] = (value)=>{
-                                            _ctx.vuelidate.realm_id.$model = value.length > 0 ? value[0] : "";
-                                        })
-                                    }, null, 8, [
-                                        "value"
-                                    ])
-                                ]),
-                            _: 2
-                        }, 1032, [
-                            "validation-messages",
-                            "validation-severity"
-                        ])
-                    ]),
-                _: 1
-            }, 8, [
-                "validation"
-            ])
-        ])) : createCommentVNode("", true)
-    ]);
+        _: 1
+      }, 8, ["validation"])
+    ])) : createCommentVNode("", true)
+  ]);
 }
-var APolicyBasicForm = /* @__PURE__ */ _export_sfc(_sfc_main$1, [
-    [
-        "render",
-        _sfc_render$1
-    ]
-]);
+var APolicyBasicForm = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$6]]);
 
-var _sfc_main = defineComponent({
+var _sfc_main$6 = defineComponent({
     components: {
         AFormSubmit,
         APolicyTypePicker,
@@ -8171,51 +8106,33 @@ var _sfc_main = defineComponent({
     }
 });
 
-const _hoisted_1 = {
-    class: "d-flex flex-column"
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-    const _component_APolicyBasicForm = resolveComponent("APolicyBasicForm");
-    const _component_AFormSubmit = resolveComponent("AFormSubmit");
-    return openBlock(), createElementBlock("div", _hoisted_1, [
-        _cache[0] || (_cache[0] = createElementVNode("h6", null, "General", -1)),
-        createVNode(_component_APolicyBasicForm, {
-            entity: _ctx.data
-        }, null, 8, [
-            "entity"
-        ]),
-        _ctx.typeComputed ? renderSlot(_ctx.$slots, "default", {
-            key: 0,
-            entity: _ctx.entity
-        }, ()=>[
-                _ctx.typeComputed in _ctx.typeComponents ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.typeComponents[_ctx.typeComputed]), {
-                    key: 0,
-                    entity: _ctx.entity
-                }, null, 8, [
-                    "entity"
-                ])) : createCommentVNode("", true)
-            ]) : createCommentVNode("", true),
-        createElementVNode("div", null, [
-            createVNode(_component_AFormSubmit, {
-                "is-invalid": _ctx.vuelidate.$invalid || !_ctx.typeComputed,
-                "is-busy": _ctx.busy,
-                "is-editing": _ctx.isEditing,
-                onSubmit: _ctx.submit
-            }, null, 8, [
-                "is-invalid",
-                "is-busy",
-                "is-editing",
-                "onSubmit"
-            ])
-        ])
-    ]);
+const _hoisted_1$5 = { class: "d-flex flex-column" };
+function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_APolicyBasicForm = resolveComponent("APolicyBasicForm");
+  const _component_AFormSubmit = resolveComponent("AFormSubmit");
+  return openBlock(), createElementBlock("div", _hoisted_1$5, [
+    _cache[0] || (_cache[0] = createElementVNode("h6", null, "General", -1)),
+    createVNode(_component_APolicyBasicForm, { entity: _ctx.data }, null, 8, ["entity"]),
+    _ctx.typeComputed ? renderSlot(_ctx.$slots, "default", {
+      key: 0,
+      entity: _ctx.entity
+    }, () => [
+      _ctx.typeComputed in _ctx.typeComponents ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.typeComponents[_ctx.typeComputed]), {
+        key: 0,
+        entity: _ctx.entity
+      }, null, 8, ["entity"])) : createCommentVNode("", true)
+    ]) : createCommentVNode("", true),
+    createElementVNode("div", null, [
+      createVNode(_component_AFormSubmit, {
+        "is-invalid": _ctx.vuelidate.$invalid || !_ctx.typeComputed,
+        "is-busy": _ctx.busy,
+        "is-editing": _ctx.isEditing,
+        onSubmit: _ctx.submit
+      }, null, 8, ["is-invalid", "is-busy", "is-editing", "onSubmit"])
+    ])
+  ]);
 }
-var APolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main, [
-    [
-        "render",
-        _sfc_render
-    ]
-]);
+var APolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$5]]);
 
 const APermissionClientAssignments = defineComponent({
     props: {
@@ -8541,8 +8458,8 @@ const ARobotForm = defineComponent({
 
 const ARobots = defineComponent({
     props: defineEntityCollectionVProps(),
-    slots: Object,
     emits: defineEntityCollectionVEmitOptions(),
+    slots: Object,
     setup (props, ctx) {
         const { render } = defineEntityCollectionManager({
             type: `${EntityType.ROBOT}`,
@@ -8785,7 +8702,8 @@ const AUserForm = defineComponent({
             email: {
                 minLength: minLength(5),
                 maxLength: maxLength(255),
-                email
+                email,
+                required
             },
             realm_id: {
                 required
@@ -8859,6 +8777,9 @@ const AUserForm = defineComponent({
                     value: $v.value.name.$model,
                     onChange (input) {
                         $v.value.name.$model = input;
+                        if (!$v.value.email.$model || isUserFakeEmail($v.value.email.$model)) {
+                            $v.value.email.$model = buildUserFakeEmail(input);
+                        }
                     },
                     props: {
                         disabled: form.name_locked
@@ -9005,8 +8926,8 @@ const AUserForm = defineComponent({
 
 const AUsers = defineComponent({
     props: defineEntityCollectionVProps(),
-    slots: Object,
     emits: defineEntityCollectionVEmitOptions(),
+    slots: Object,
     setup (props, ctx) {
         const { render } = defineEntityCollectionManager({
             type: `${EntityType.USER}`,
@@ -9484,11 +9405,622 @@ function install(app, options) {
         locale: options.translatorLocale
     });
     installComponents(app, options.components);
+    installStoreManager(app);
+    app.use(installFormControl);
+    app.use(installPagination);
+}
+
+var _sfc_main$5 = defineComponent({
+    components: {
+        ARealmPicker,
+        APagination,
+        ATitle,
+        IVuelidate,
+        AIdentityProviders,
+        AIdentityProviderIcon
+    },
+    props: {
+        codeRequest: {
+            type: Object
+        }
+    },
+    emits: [
+        'done',
+        'failed'
+    ],
+    setup (props, { emit }) {
+        const apiClient = injectHTTPClient();
+        const store = injectStore();
+        const form = reactive({
+            name: '',
+            password: '',
+            realm_id: ''
+        });
+        const vuelidate = useVuelidate({
+            name: {
+                required,
+                minLength: minLength(3),
+                maxLength: maxLength(255)
+            },
+            password: {
+                required,
+                minLength: minLength(3),
+                maxLength: maxLength(255)
+            },
+            realm_id: {}
+        }, form);
+        const busy = ref(false);
+        const realmId = computed(()=>{
+            if (props.codeRequest && props.codeRequest.realm_id) {
+                return props.codeRequest.realm_id;
+            }
+            return form.realm_id;
+        });
+        const identityProviderQuery = ref({});
+        const resetIdentityProviderQuery = ()=>{
+            identityProviderQuery.value = {
+                filters: {
+                    realm_id: realmId.value || '',
+                    protocol: `!${IdentityProviderProtocol.LDAP}`,
+                    enabled: true
+                }
+            };
+        };
+        resetIdentityProviderQuery();
+        const identityProviderRef = ref(null);
+        const updateIdentityProviderList = ()=>{
+            if (identityProviderRef.value) {
+                identityProviderRef.value.load();
+            }
+        };
+        const updateRealmId = (realmId)=>{
+            form.realm_id = Array.isArray(realmId) ? realmId[0] : realmId;
+            resetIdentityProviderQuery();
+            nextTick(()=>{
+                updateIdentityProviderList();
+            });
+        };
+        const submit = async ()=>{
+            try {
+                await store.login({
+                    name: form.name,
+                    password: form.password,
+                    realmId: form.realm_id
+                });
+                emit('done');
+            } catch (e) {
+                emit('failed', e instanceof Error ? e.message : 'The login operation failed');
+            }
+        };
+        const buildIdentityProviderURL = (id)=>{
+            let authorizeURL = apiClient.identityProvider.getAuthorizeUri(id);
+            if (props.codeRequest) {
+                const serialized = base64URLEncode(JSON.stringify(props.codeRequest));
+                authorizeURL += `?codeRequest=${serialized}`;
+            }
+            return authorizeURL;
+        };
+        return {
+            updateRealmId,
+            vuelidate,
+            form,
+            submit,
+            busy,
+            identityProviderQuery,
+            identityProviderRef,
+            buildIdentityProviderURL
+        };
+    }
+});
+
+const _hoisted_1$4 = { class: "d-flex flex-row" };
+const _hoisted_2$4 = ["href"];
+const _hoisted_3$2 = { class: "d-flex flex-column" };
+const _hoisted_4$1 = { class: "text-center mb-1" };
+function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_VCFormInput = resolveComponent("VCFormInput");
+  const _component_VCFormGroup = resolveComponent("VCFormGroup");
+  const _component_IVuelidate = resolveComponent("IVuelidate");
+  const _component_VCFormSubmit = resolveComponent("VCFormSubmit");
+  const _component_ARealmPicker = resolveComponent("ARealmPicker");
+  const _component_ATitle = resolveComponent("ATitle");
+  const _component_APagination = resolveComponent("APagination");
+  const _component_AIdentityProviderIcon = resolveComponent("AIdentityProviderIcon");
+  const _component_AIdentityProviders = resolveComponent("AIdentityProviders");
+  return openBlock(), createElementBlock("div", null, [
+    _cache[7] || (_cache[7] = createElementVNode("div", { class: "text-center" }, [
+      createElementVNode("h1", { class: "fw-bold" }, " Login ")
+    ], -1)),
+    createElementVNode("form", {
+      onSubmit: _cache[3] || (_cache[3] = withModifiers((...args) => _ctx.submit && _ctx.submit(...args), ["prevent"]))
+    }, [
+      createVNode(_component_IVuelidate, {
+        validation: _ctx.vuelidate.name
+      }, {
+        default: withCtx((props) => [
+          createVNode(_component_VCFormGroup, {
+            "validation-messages": props.data,
+            "validation-severity": props.severity
+          }, {
+            label: withCtx(() => [..._cache[4] || (_cache[4] = [
+              createTextVNode(" Name ", -1)
+            ])]),
+            default: withCtx(() => [
+              createVNode(_component_VCFormInput, {
+                modelValue: _ctx.vuelidate.name.$model,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.vuelidate.name.$model = $event)
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["validation-messages", "validation-severity"])
+        ]),
+        _: 1
+      }, 8, ["validation"]),
+      createVNode(_component_IVuelidate, {
+        validation: _ctx.vuelidate.password
+      }, {
+        default: withCtx((props) => [
+          createVNode(_component_VCFormGroup, {
+            "validation-messages": props.data,
+            "validation-severity": props.severity
+          }, {
+            label: withCtx(() => [..._cache[5] || (_cache[5] = [
+              createTextVNode(" Password ", -1)
+            ])]),
+            default: withCtx(() => [
+              createVNode(_component_VCFormInput, {
+                modelValue: _ctx.vuelidate.password.$model,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.vuelidate.password.$model = $event),
+                type: "password"
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["validation-messages", "validation-severity"])
+        ]),
+        _: 1
+      }, 8, ["validation"]),
+      createVNode(_component_VCFormSubmit, {
+        modelValue: _ctx.busy,
+        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.busy = $event),
+        invalid: _ctx.vuelidate.$invalid,
+        "create-text": "Submit",
+        "create-button-class": { value: "btn btn-sm btn-dark btn-block", presets: { bootstrap: false } },
+        "create-icon-class": "fa-solid fa-right-to-bracket",
+        submit: _ctx.submit
+      }, null, 8, ["modelValue", "invalid", "submit"]),
+      _cache[6] || (_cache[6] = createElementVNode("hr", null, null, -1)),
+      !_ctx.codeRequest || !_ctx.codeRequest.realm_id ? (openBlock(), createBlock(_component_ARealmPicker, {
+        key: 0,
+        value: _ctx.form.realm_id,
+        onChange: _ctx.updateRealmId
+      }, null, 8, ["value", "onChange"])) : createCommentVNode("", true),
+      createVNode(_component_AIdentityProviders, {
+        ref: "identityProviderRef",
+        query: _ctx.identityProviderQuery,
+        footer: false
+      }, {
+        header: withCtx(() => [
+          createVNode(_component_ATitle, { text: "Identity Providers" })
+        ]),
+        footer: withCtx((props) => [
+          createVNode(_component_APagination, {
+            busy: props.busy,
+            meta: props.meta,
+            load: props.load,
+            total: props.total
+          }, null, 8, ["busy", "meta", "load", "total"])
+        ]),
+        body: withCtx((props) => [
+          createElementVNode("div", _hoisted_1$4, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(props.data, (item, key) => {
+              return openBlock(), createElementBlock("div", { key }, [
+                createElementVNode("a", {
+                  href: _ctx.buildIdentityProviderURL(item.id),
+                  class: "btn btn-dark btn-xs p-2 me-1 identity-provider-box bg-dark"
+                }, [
+                  createElementVNode("div", _hoisted_3$2, [
+                    createElementVNode("div", _hoisted_4$1, [
+                      createVNode(_component_AIdentityProviderIcon, {
+                        class: "fa-2x",
+                        entity: item
+                      }, null, 8, ["entity"])
+                    ]),
+                    createElementVNode("div", null, toDisplayString(item.name), 1)
+                  ])
+                ], 8, _hoisted_2$4)
+              ]);
+            }), 128))
+          ])
+        ]),
+        _: 1
+      }, 8, ["query"])
+    ], 32)
+  ]);
+}
+var Login = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$4], ["__scopeId", "data-v-957a0486"]]);
+
+var _sfc_main$4 = defineComponent({
+    props: {
+        entity: {
+            type: Object,
+            required: true
+        },
+        requested: {
+            type: Array,
+            default: ()=>[]
+        }
+    },
+    setup (props) {
+        const isEnabled = computed(()=>props.requested.indexOf(props.entity.name) !== -1);
+        return {
+            isEnabled
+        };
+    }
+});
+
+const _hoisted_1$3 = { class: "text-center" };
+const _hoisted_2$3 = { key: 0 };
+function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", null, [
+    createElementVNode("div", _hoisted_1$3, [
+      createElementVNode("i", {
+        class: normalizeClass(["fa-solid", {
+          "fa-check text-success": _ctx.isEnabled,
+          "fa-times text-danger": !_ctx.isEnabled
+        }])
+      }, null, 2)
+    ]),
+    createElementVNode("div", null, [
+      createElementVNode("strong", null, toDisplayString(_ctx.entity.name), 1),
+      _ctx.entity.description ? (openBlock(), createElementBlock("p", _hoisted_2$3, toDisplayString(_ctx.entity.description), 1)) : createCommentVNode("", true)
+    ])
+  ]);
+}
+var AuthorizeScope = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$3]]);
+
+var _sfc_main$3 = defineComponent({
+    components: {
+        AuthorizeScope
+    },
+    props: {
+        client: {
+            type: Object,
+            required: true
+        },
+        scopesAvailable: {
+            type: Array
+        },
+        scopesRequested: {
+            type: [
+                String,
+                Array
+            ]
+        }
+    },
+    setup (props) {
+        const httpClient = injectHTTPClient();
+        const scopesRequestedNormalized = computed(()=>{
+            if (!props.scopesRequested) {
+                return [];
+            }
+            return Array.isArray(props.scopesRequested) ? props.scopesRequested : deserializeOAuth2Scope(props.scopesRequested);
+        });
+        const scopesAvailableNormalized = ref([]);
+        const resolveScopesAvailable = async ()=>{
+            if (props.scopesAvailable) {
+                scopesAvailableNormalized.value = props.scopesAvailable;
+                return;
+            }
+            if (props.client.id) {
+                const { data: clientScopes } = await httpClient.clientScope.getMany({
+                    filters: {
+                        client_id: props.client.id
+                    },
+                    include: [
+                        'scope'
+                    ]
+                });
+                scopesAvailableNormalized.value = clientScopes.map((clientScope)=>clientScope.scope);
+            }
+        };
+        Promise.resolve().then(()=>resolveScopesAvailable());
+        return {
+            scopesRequestedNormalized,
+            scopesAvailableNormalized
+        };
+    }
+});
+
+const _hoisted_1$2 = { key: 0 };
+const _hoisted_2$2 = { class: "flex-column" };
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_AuthorizeScope = resolveComponent("AuthorizeScope");
+  return _ctx.scopesAvailableNormalized.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
+    createElementVNode("div", null, [
+      _cache[0] || (_cache[0] = createTextVNode(" This will allow the ", -1)),
+      createElementVNode("strong", null, toDisplayString(_ctx.client.name), 1),
+      _cache[1] || (_cache[1] = createTextVNode(" application to ", -1))
+    ]),
+    createElementVNode("div", _hoisted_2$2, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.scopesAvailableNormalized, (item) => {
+        return openBlock(), createBlock(_component_AuthorizeScope, {
+          key: item.id,
+          entity: item,
+          class: "d-flex flex-row gap-1",
+          requested: _ctx.scopesRequestedNormalized
+        }, null, 8, ["entity", "requested"]);
+      }), 128))
+    ])
+  ])) : createCommentVNode("", true);
+}
+var AuthorizeScopes = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$2]]);
+
+var _sfc_main$2 = defineComponent({
+    components: {
+        AuthorizeScopes
+    },
+    props: {
+        client: {
+            type: Object,
+            required: true
+        },
+        scopes: {
+            type: Array
+        },
+        codeRequest: {
+            type: Object,
+            required: true
+        }
+    },
+    setup (props) {
+        const httpClient = injectHTTPClient();
+        const abort = ()=>{
+            const url = new URL(`${props.codeRequest.redirect_uri}`);
+            url.searchParams.set('error', 'access_denied');
+            url.searchParams.set('error_description', 'The resource owner or authorization server denied the request');
+            if (props.codeRequest.state) {
+                url.searchParams.set('state', props.codeRequest.state);
+            }
+            if (typeof window !== 'undefined') {
+                window.location.href = url.href;
+            }
+        };
+        const authorize = async ()=>{
+            try {
+                const response = await httpClient.authorize.confirm({
+                    response_type: props.codeRequest.response_type,
+                    client_id: props.client.id,
+                    redirect_uri: props.codeRequest.redirect_uri,
+                    ...props.codeRequest.state ? {
+                        state: props.codeRequest.state
+                    } : {},
+                    ...props.codeRequest.scope ? {
+                        scope: props.codeRequest.scope
+                    } : {}
+                });
+                const { url } = response;
+                if (typeof window !== 'undefined') {
+                    window.location.href = url;
+                }
+            } catch (e) {
+            // todo: show toast :)
+            }
+        };
+        return {
+            authorize,
+            abort
+        };
+    }
+});
+
+const _hoisted_1$1 = { class: "flex-column d-flex gap-2" };
+const _hoisted_2$1 = { class: "text-center" };
+const _hoisted_3$1 = { class: "fw-bold" };
+const _hoisted_4 = { class: "mt-auto" };
+const _hoisted_5 = { class: "d-flex flex-row" };
+const _hoisted_6 = { class: "ms-1" };
+const _hoisted_7 = { class: "d-flex flex-row" };
+const _hoisted_8 = { class: "ms-1" };
+const _hoisted_9 = { class: "d-flex flex-row" };
+const _hoisted_10 = { class: "ms-1" };
+const _hoisted_11 = { class: "row" };
+const _hoisted_12 = { class: "col-6" };
+const _hoisted_13 = { class: "col-6" };
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_AuthorizeScopes = resolveComponent("AuthorizeScopes");
+  return openBlock(), createElementBlock("div", _hoisted_1$1, [
+    createElementVNode("div", _hoisted_2$1, [
+      _cache[2] || (_cache[2] = createElementVNode("h5", { class: "text-secondary mb-1" }, " Application ", -1)),
+      createElementVNode("h1", _hoisted_3$1, toDisplayString(_ctx.client.name), 1)
+    ]),
+    createVNode(_component_AuthorizeScopes, {
+      client: _ctx.client,
+      "scopes-requested": _ctx.codeRequest.scope,
+      "scopes-available": _ctx.scopes
+    }, null, 8, ["client", "scopes-requested", "scopes-available"]),
+    createElementVNode("div", _hoisted_4, [
+      createElementVNode("div", _hoisted_5, [
+        _cache[4] || (_cache[4] = createElementVNode("div", null, [
+          createElementVNode("i", { class: "fa-solid fa-link" })
+        ], -1)),
+        createElementVNode("div", _hoisted_6, [
+          createElementVNode("small", null, [
+            _cache[3] || (_cache[3] = createTextVNode(" Once authorized, you will be redirected to: ", -1)),
+            createElementVNode("strong", null, toDisplayString(_ctx.codeRequest.redirect_uri), 1)
+          ])
+        ])
+      ]),
+      createElementVNode("div", _hoisted_7, [
+        _cache[7] || (_cache[7] = createElementVNode("div", null, [
+          createElementVNode("i", { class: "fa fa-solid fa-lock" })
+        ], -1)),
+        createElementVNode("div", _hoisted_8, [
+          createElementVNode("small", null, [
+            _cache[5] || (_cache[5] = createTextVNode(" This application is governed by the ", -1)),
+            createElementVNode("strong", null, toDisplayString(_ctx.client.name), 1),
+            _cache[6] || (_cache[6] = createTextVNode(" application's Privacy Policy and Terms of Service. ", -1))
+          ])
+        ])
+      ]),
+      createElementVNode("div", _hoisted_9, [
+        _cache[8] || (_cache[8] = createElementVNode("div", null, [
+          createElementVNode("i", { class: "fa fa-solid fa-clock" })
+        ], -1)),
+        createElementVNode("div", _hoisted_10, [
+          createElementVNode("small", null, " Active since " + toDisplayString(_ctx.client.created_at), 1)
+        ])
+      ])
+    ]),
+    createElementVNode("div", _hoisted_11, [
+      createElementVNode("div", _hoisted_12, [
+        createElementVNode("button", {
+          type: "button",
+          class: "btn btn-block btn-secondary",
+          onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.abort && _ctx.abort(...args), ["prevent"]))
+        }, " Abort ")
+      ]),
+      createElementVNode("div", _hoisted_13, [
+        createElementVNode("button", {
+          type: "button",
+          class: "btn btn-block btn-primary",
+          onClick: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.authorize && _ctx.authorize(...args), ["prevent"]))
+        }, " Authorize ")
+      ])
+    ])
+  ]);
+}
+var AuthorizeForm = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$1]]);
+
+var _sfc_main$1 = defineComponent({
+    props: {
+        isError: {
+            type: Boolean
+        },
+        message: {
+            type: String,
+            required: true
+        }
+    }
+});
+
+const _hoisted_1 = { class: "flex-column" };
+const _hoisted_2 = { class: "text-center" };
+const _hoisted_3 = { class: "text-center fs-6 p-3" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createElementVNode("div", _hoisted_2, [
+      createElementVNode("i", {
+        class: normalizeClass(["fa-solid fa-10x", {
+          "fa-exclamation text-danger": _ctx.isError,
+          "fa-info text-info": !_ctx.isError
+        }])
+      }, null, 2)
+    ]),
+    createElementVNode("div", _hoisted_3, toDisplayString(_ctx.message), 1)
+  ]);
 }
+var AuthorizeText = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render]]);
+
+const wrapChild = (child)=>h('div', {
+        class: 'd-flex align-items-center justify-content-center h-100'
+    }, [
+        h('div', {
+            class: 'authorize'
+        }, [
+            child
+        ])
+    ]);
+var _sfc_main = defineComponent({
+    components: {
+        AuthorizeText,
+        AuthorizeForm,
+        Login
+    },
+    props: {
+        codeRequest: {
+            type: Object
+        },
+        client: {
+            type: Object
+        },
+        clientId: {
+            type: String
+        },
+        scopes: {
+            type: Array
+        },
+        error: {
+            type: Object
+        }
+    },
+    emits: [
+        'redirect'
+    ],
+    setup (props) {
+        const httpClient = injectHTTPClient();
+        const store = injectStore();
+        const { loggedIn } = storeToRefs$1(store);
+        const error = ref(null);
+        const client = ref(null);
+        const resolve = async ()=>{
+            if (props.error) {
+                error.value = props.error;
+                return;
+            }
+            if (props.client) {
+                client.value = props.client;
+            }
+            if (props.clientId) {
+                try {
+                    client.value = await httpClient.client.getOne(props.clientId);
+                } catch (e) {
+                    if (e instanceof Error) {
+                        error.value = e;
+                    }
+                }
+            }
+        };
+        Promise.resolve().then(()=>resolve());
+        return ()=>{
+            if (error.value) {
+                return wrapChild(h(AuthorizeText, {
+                    message: error.value.message,
+                    isError: true
+                }));
+            }
+            if (!props.codeRequest) {
+                return [];
+            }
+            if (!loggedIn.value) {
+                return wrapChild(h(Suspense, {}, {
+                    default: ()=>h(Login, {
+                            codeRequest: props.codeRequest
+                        }),
+                    fallback: ()=>h(AuthorizeText, {
+                            message: 'Loading...'
+                        })
+                }));
+            }
+            if (!client.value) {
+                return [];
+            }
+            return wrapChild(h(Suspense, {}, {
+                default: ()=>h(AuthorizeForm, {
+                        codeRequest: props.codeRequest,
+                        client: client.value,
+                        scopes: props.scopes
+                    }),
+                fallback: ()=>h(AuthorizeText, {
+                        message: 'Loading...'
+                    })
+            }));
+        };
+    }
+});
 
 var index = {
     install
 };
 
-export { AAttributeNamesPolicyForm, AClient, AClientForm, AClientPermissionAssignment, AClientPermissionAssignments, AClientPicker, AClientRoleAssignment, AClientRoleAssignments, AClientScope, AClientScopeAssignment, AClientScopeAssignments, AClientScopes, AClients, ACompositePolicyForm, ADatePolicyForm, AEntityDelete, AFormInputList, AFormInputListItem, AFormSubmit, AIdentityPolicyForm, AIdentityProvider, AIdentityProviderForm, AIdentityProviderIcon, AIdentityProviderLdapForm, AIdentityProviderOAuth2Form, AIdentityProviderPreset, AIdentityProviderProtocol, AIdentityProviderRoleAssignment, AIdentityProviderRoleAssignments, AIdentityProviders, APagination, APermission, APermissionCheck, APermissionClientAssignments, APermissionForm, APermissionRobotAssignments, APermissionRoleAssignments, APermissionUserAssignments, APermissions, APolicies, APolicy, APolicyForm, APolicyTypePicker, ARealm, ARealmForm, ARealmMatchPolicyForm, ARealmPicker, ARealms, ARobot, ARobotForm, ARobotPermissionAssignment, ARobotPermissionAssignments, ARobotRoleAssignment, ARobotRoleAssignments, ARobots, ARole, ARoleClientAssignments, ARoleForm, ARolePermissionAssignment, ARolePermissionAssignments, ARoleRobotAssignments, ARoleUserAssignments, ARoles, AScope, AScopeClientAssignments, AScopeForm, AScopes, ASearch, ATimePolicyForm, ATitle, AUser, AUserForm, AUserPasswordForm, AUserPermissionAssignment, AUserPermissionAssignments, AUserRoleAssignment, AUserRoleAssignments, AUsers, EntityRecordError, HTTPClientSymbol, LanguageSwitcherDropdown, STORE_ID, SocketClientSymbol, StoreDispatcherEventName, TranslatorTranslationClientKey, TranslatorTranslationDefaultKey, TranslatorTranslationGroup, TranslatorTranslationVuecsKey, VuelidateCustomRule, VuelidateCustomRuleKey, assignFormProperties, buildEntityCollectionCreatedHandler, buildEntityCollectionDeletedHandler, buildEntityCollectionUpdatedHandler, buildEntityVSlotProps, buildFormSubmitWithTranslations, createFormSubmitTranslations, createPermissionCheckerReactiveFn, createStore, createStoreDispatcher, index as default, defineEntityCollectionManager, defineEntityCollectionVEmitOptions, defineEntityCollectionVProps, defineEntityManager, defineEntityPicker, defineEntityPickerVEmitOptions, defineEntityPickerVProps, defineEntitySocketManager, defineEntityVEmitOptions, defineEntityVProps, extractVuelidateResultsFromChild, getVuelidateSeverity, hasHTTPClient, hasHTTPClientAuthenticationHook, hasNormalizedSlot, hasStoreFactory, inject$1 as inject, injectHTTPClient, injectHTTPClientAuthenticationHook, injectSocketManager, injectStore, injectStoreDispatcher, injectStoreFactory, injectTranslatorLocale, install, installHTTPClient, installHTTPClientAuthenticationHook, installSocketManager, installStore, installTranslator, isQuerySortedDescByDate, isSocketManagerUsable, mergeEntityCollectionRenderOptions, normalizeSlot, onChange, provide, provideHTTPClient, provideHTTPClientAuthenticationHook, provideSocketManager, provideStoreDispatcher, provideStoreFactory, renderToggleButton, storeToRefs, useIsEditing, usePermissionCheck, useTranslation, useTranslationsForBaseValidation, useTranslationsForGroup, useTranslationsForNestedValidation, useUpdatedAt, wrapFnWithBusyState };
+export { AAttributeNamesPolicyForm, _sfc_main as AAuthorize, AuthorizeText as AAuthorizeText, AClient, AClientForm, AClientPermissionAssignment, AClientPermissionAssignments, AClientPicker, AClientRoleAssignment, AClientRoleAssignments, AClientScope, AClientScopeAssignment, AClientScopeAssignments, AClientScopes, AClients, ACompositePolicyForm, ADatePolicyForm, AEntityDelete, AFormInputList, AFormInputListItem, AFormSubmit, AIdentityPolicyForm, AIdentityProvider, AIdentityProviderForm, AIdentityProviderIcon, AIdentityProviderLdapForm, AIdentityProviderOAuth2Form, AIdentityProviderPreset, AIdentityProviderProtocol, AIdentityProviderRoleAssignment, AIdentityProviderRoleAssignments, AIdentityProviders, Login as ALogin, APagination, APermission, APermissionCheck, APermissionClientAssignments, APermissionForm, APermissionRobotAssignments, APermissionRoleAssignments, APermissionUserAssignments, APermissions, APolicies, APolicy, APolicyForm, APolicyTypePicker, ARealm, ARealmForm, ARealmMatchPolicyForm, ARealmPicker, ARealms, ARobot, ARobotForm, ARobotPermissionAssignment, ARobotPermissionAssignments, ARobotRoleAssignment, ARobotRoleAssignments, ARobots, ARole, ARoleClientAssignments, ARoleForm, ARolePermissionAssignment, ARolePermissionAssignments, ARoleRobotAssignments, ARoleUserAssignments, ARoles, AScope, AScopeClientAssignments, AScopeForm, AScopes, ASearch, ATimePolicyForm, ATitle, AUser, AUserForm, AUserPasswordForm, AUserPermissionAssignment, AUserPermissionAssignments, AUserRoleAssignment, AUserRoleAssignments, AUsers, EntityRecordError, HTTPClientSymbol, LanguageSwitcherDropdown, STORE_ID, SocketClientSymbol, StoreDispatcherEventName, TranslatorTranslationClientKey, TranslatorTranslationDefaultKey, TranslatorTranslationGroup, TranslatorTranslationVuecsKey, VuelidateCustomRule, VuelidateCustomRuleKey, assignFormProperties, buildEntityCollectionCreatedHandler, buildEntityCollectionDeletedHandler, buildEntityCollectionUpdatedHandler, buildEntityVSlotProps, buildFormSubmitWithTranslations, createFormSubmitTranslations, createPermissionCheckerReactiveFn, createStore, createStoreDispatcher, index as default, defineEntityCollectionManager, defineEntityCollectionVEmitOptions, defineEntityCollectionVProps, defineEntityManager, defineEntityPicker, defineEntityPickerVEmitOptions, defineEntityPickerVProps, defineEntitySocketManager, defineEntityVEmitOptions, defineEntityVProps, extractVuelidateResultsFromChild, getVuelidateSeverity, hasHTTPClient, hasHTTPClientAuthenticationHook, hasNormalizedSlot, hasStoreFactory, inject$1 as inject, injectHTTPClient, injectHTTPClientAuthenticationHook, injectSocketManager, injectStore, injectStoreDispatcher, injectStoreFactory, injectTranslatorLocale, install, installHTTPClient, installHTTPClientAuthenticationHook, installSocketManager, installStore, installTranslator, isQuerySortedDescByDate, isSocketManagerUsable, mergeEntityCollectionRenderOptions, normalizeSlot, onChange, provide, provideHTTPClient, provideHTTPClientAuthenticationHook, provideSocketManager, provideStoreDispatcher, provideStoreFactory, renderToggleButton, storeToRefs, useIsEditing, usePermissionCheck, useTranslation, useTranslationsForBaseValidation, useTranslationsForGroup, useTranslationsForNestedValidation, useUpdatedAt, wrapFnWithBusyState };
 //# sourceMappingURL=index.mjs.map