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

package/dist/index.mjs

@@ -1,8 +1,8 @@
 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, nextTick, normalizeClass, toDisplayString, Suspense } from 'vue';
+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 } from '@authup/core-kit';
+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 useVuelidate from '@vuelidate/core';
 import { maxLength, minLength, required, helpers, numeric, url, maxValue, minValue, email, sameAs } from '@vuelidate/validators';
@@ -11,7 +11,7 @@ import { Client, CookieName, ClientAuthenticationHook, ClientAuthenticationHookE
 import { defineStore, storeToRefs as storeToRefs$1 } from 'pinia';
 import { PermissionMemoryProvider, PermissionChecker, PolicyEngine, TimePolicyInterval, isIntervalForDayOfWeek, isIntervalForDayOfMonth, isIntervalForDayOfYear, BuiltInPolicyType } from '@authup/access';
 import { OAuth2Error, isOpenIDProviderMetadata, deserializeOAuth2Scope } from '@authup/specs';
-import { hasOwnProperty as hasOwnProperty$1, extendObject, isObject as isObject$2, createNanoID, base64URLEncode } from '@authup/kit';
+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 Cookie from 'universal-cookie';
@@ -49,6 +49,7 @@ import Cookie from 'universal-cookie';
     }
     return result;
 }
+
 /*
  * Copyright (c) 2024.
  * Author Peter Placzek (tada5hi)
@@ -59,6 +60,7 @@ import Cookie from 'universal-cookie';
     Character["WILDCARD"] = "*";
     Character["GLOBSTAR"] = "**";
 })(Character || (Character = {}));
+
 /*
  * Copyright (c) 2024.
  * Author Peter Placzek (tada5hi)
@@ -67,6 +69,7 @@ import Cookie from 'universal-cookie';
  */ 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;
@@ -90,6 +93,7 @@ function getPathValue(data, path) {
     }
     return res;
 }
+
 const NUMBER_REGEX = /^\d+$/;
 function setPathValue(data, path, value) {
     const parts = Array.isArray(path) ? path : pathToArray(path);
@@ -163,6 +167,7 @@ class Store {
         this.data = {};
     }
 }
+
 class StoreManager {
     keys() {
         return Object.keys(this.instances);
@@ -178,6 +183,7 @@ class StoreManager {
         this.instances = {};
     }
 }
+
 function inject$2(key, instance) {
     if (instance && instance._context && instance._context.provides && instance._context.provides[key]) {
         return instance._context.provides[key];
@@ -187,6 +193,7 @@ function inject$2(key, instance) {
     }
     return undefined;
 }
+
 function provide$1(key, value, app) {
     if (typeof app === 'undefined') {
         const val = inject$2(key);
@@ -201,6 +208,7 @@ function provide$1(key, value, app) {
     }
     app.provide(key, value);
 }
+
 function getSymbol(key) {
     return Symbol.for('VCStoreManager');
 }
@@ -215,7 +223,7 @@ function installStoreManager(instance, key) {
     return manager;
 }
 
-var _sfc_main$h = defineComponent({
+var _sfc_main$i = defineComponent({
     components: {
         IVuelidate,
         VCFormInput,
@@ -268,64 +276,45 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 
-const _hoisted_1$c = [
-    "disabled"
-];
-function _sfc_render$g(_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$c)
-                                    ]),
-                                _: 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$h, [
-    [
-        "render",
-        _sfc_render$g
-    ]
-]);
+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]) {
@@ -401,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.
    *
@@ -430,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() {
@@ -729,69 +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;
-const noop = ()=>{};
 
+/**
+* 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');
@@ -1103,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) {
@@ -1172,54 +1176,68 @@ class MemoryStore {
     }
 }
 
+typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
+const noop = () => {
+};
+
 function computedAsync(evaluationCallback, initialState, optionsOrRef) {
-    let options;
-    if (isRef(optionsOrRef)) {
-        options = {
-            evaluating: optionsOrRef
-        };
-    } else {
-        options = {};
-    }
-    const { lazy = false, flush = "pre", evaluating = void 0, shallow = true, onError = 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;
+  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) {
@@ -1228,6 +1246,7 @@ function inject(key, instance) {
     }
     return undefined;
 }
+
 const IlingoSymbol = Symbol.for('Ilingo');
 function injectIlingo(app) {
     const instance = inject(IlingoSymbol);
@@ -1236,6 +1255,7 @@ function injectIlingo(app) {
     }
     return instance;
 }
+
 const LocaleSymbol = Symbol.for('ILocale');
 function injectLocale(app) {
     const locale = inject(LocaleSymbol);
@@ -1244,6 +1264,7 @@ function injectLocale(app) {
     }
     return locale;
 }
+
 function extractReactiveData(input) {
     const output = {};
     const keys = Object.keys(input);
@@ -1252,6 +1273,7 @@ function extractReactiveData(input) {
     }
     return output;
 }
+
 function useTranslation$1(ctx) {
     const instance = injectIlingo();
     const locale = injectLocale();
@@ -1266,6 +1288,7 @@ function useTranslation$1(ctx) {
         return value || defaultValue;
     }, defaultValue);
 }
+
 defineComponent({
     props: {
         path: {
@@ -1329,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 = {
@@ -1406,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 = {
@@ -1689,7 +1716,7 @@ const ATranslationDefault = defineComponent({
     }
 });
 
-var _sfc_main$g = defineComponent({
+var _sfc_main$h = defineComponent({
     components: {
         ATranslationDefault,
         AFormInputListItem
@@ -1768,95 +1795,63 @@ var _sfc_main$g = defineComponent({
     }
 });
 
-const _hoisted_1$b = {
-    class: "d-flex flex-column gap-2"
-};
-const _hoisted_2$a = {
-    class: "d-flex flex-row"
-};
-const _hoisted_3$8 = {
-    class: "align-self-end"
-};
-const _hoisted_4$6 = {
-    class: "ms-auto"
-};
-const _hoisted_5$3 = [
-    "disabled"
-];
-const _hoisted_6$2 = {
-    class: "d-flex flex-column gap-1"
-};
-function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
-    const _component_ATranslationDefault = resolveComponent("ATranslationDefault");
-    const _component_AFormInputListItem = resolveComponent("AFormInputListItem");
-    return openBlock(), createElementBlock("div", _hoisted_1$b, [
-        createElementVNode("div", _hoisted_2$a, [
-            createElementVNode("div", _hoisted_3$8, [
-                renderSlot(_ctx.$slots, "label", {}, ()=>[
-                        _cache[1] || (_cache[1] = createTextVNode(" Names "))
-                    ])
-            ]),
-            createElementVNode("div", _hoisted_4$6, [
-                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$3)
-            ])
-        ]),
-        createElementVNode("div", _hoisted_6$2, [
-            _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$g, [
-    [
-        "render",
-        _sfc_render$f
-    ]
-]);
+var AFormInputList = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$g]]);
 
 function buildPagination(ctx) {
     return buildPagination$1({
@@ -3540,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}`,
@@ -3581,7 +3576,13 @@ const ARealmPicker = defineComponent({
     }
 });
 
-const AClientForm = defineComponent({
+var _sfc_main$g = defineComponent({
+    components: {
+        AFormSubmit,
+        ARealmPicker,
+        AFormInputList,
+        IVuelidate
+    },
     props: {
         name: {
             type: String,
@@ -3598,8 +3599,8 @@ const AClientForm = defineComponent({
     },
     emits: defineEntityVEmitOptions(),
     setup (props, ctx) {
-        const busy = ref(false);
         const form = reactive({
+            active: true,
             name: '',
             display_name: '',
             description: '',
@@ -3607,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],
@@ -3636,7 +3641,8 @@ const AClientForm = defineComponent({
             secret: {
                 minLength: minLength(3),
                 maxLength: maxLength(256)
-            }
+            },
+            secret_hashed: {}
         }, form);
         const store = injectStore();
         const storeRefs = storeToRefs(store);
@@ -3648,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;
@@ -3677,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
@@ -3696,6 +3707,12 @@ const AClientForm = defineComponent({
             },
             {
                 key: TranslatorTranslationClientKey.IS_CONFIDENTIAL
+            },
+            {
+                key: TranslatorTranslationClientKey.IS_ACTIVE
+            },
+            {
+                key: TranslatorTranslationClientKey.HASH_SECRET
             }
         ]);
         const translationsDefault = useTranslationsForGroup(TranslatorTranslationGroup.DEFAULT, [
@@ -3721,202 +3738,305 @@ const AClientForm = defineComponent({
                 key: TranslatorTranslationDefaultKey.SECRET
             }
         ]);
-        const render = ()=>{
-            const name = [
-                buildFormGroup({
-                    validationMessages: translationsValidation.name.value,
-                    validationSeverity: getVuelidateSeverity($v.value.name),
+        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
+        };
+    }
+});
+
+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,
-                    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-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,
-                    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
-                ])
-            ]);
-        };
-        return ()=>render();
-    }
-});
+                    "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}`,
@@ -4049,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}`,
@@ -4140,8 +4260,8 @@ const APolicyPicker = defineComponent({
         },
         ...defineEntityPickerVProps()
     },
-    slots: Object,
     emits: defineEntityPickerVEmitOptions(),
+    slots: Object,
     setup (props, { slots, ...setup }) {
         const { render } = defineEntityPicker({
             component: APolicies,
@@ -4357,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}`,
@@ -4557,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}`,
@@ -4680,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}`,
@@ -4876,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,
@@ -5831,113 +5951,70 @@ var _sfc_main$f = defineComponent({
     }
 });
 
-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"
-];
+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))
-            ])
-        ])
-    ]);
+  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$f, [
-    [
-        "render",
-        _sfc_render$e
-    ],
-    [
-        "__scopeId",
-        "data-v-eb096917"
-    ]
-]);
+var AIdentityProviderPicker = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$e], ["__scopeId", "data-v-af0f282c"]]);
 
 const AIdentityProviderOAuth2ClientFields = defineComponent({
     props: {
@@ -6549,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}`,
@@ -6885,22 +6962,14 @@ var _sfc_main$e = defineComponent({
 });
 
 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"
-    ]);
+  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$e, [
-    [
-        "render",
-        _sfc_render$d
-    ]
-]);
+var AAttributeNamesPolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$d]]);
 
 var _sfc_main$d = defineComponent({
     components: {
@@ -6989,52 +7058,37 @@ var _sfc_main$d = defineComponent({
 });
 
 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
+  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$d, [
-    [
-        "render",
-        _sfc_render$c
-    ]
-]);
+var ACompositePolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$c]]);
 
 var _sfc_main$c = defineComponent({
     components: {
@@ -7084,82 +7138,61 @@ var _sfc_main$c = defineComponent({
 });
 
 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
+  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$c, [
-    [
-        "render",
-        _sfc_render$b
-    ]
-]);
+var ADatePolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$b]]);
 
 var _sfc_main$b = defineComponent({
     components: {
@@ -7203,27 +7236,19 @@ var _sfc_main$b = defineComponent({
 });
 
 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
-    }, 8, [
-        "names",
-        "onChanged"
-    ]);
+  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$b, [
-    [
-        "render",
-        _sfc_render$a
-    ]
-]);
+var AIdentityPolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$a]]);
 
 var _sfc_main$a = defineComponent({
     components: {
@@ -7287,188 +7312,139 @@ var _sfc_main$a = defineComponent({
     }
 });
 
-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"
-];
+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"
-                                    ])
-                                ]),
-                            _: 2
-                        }, 1032, [
-                            "validation-messages",
-                            "validation-severity"
-                        ])
-                    ]),
-                _: 1
-            }, 8, [
-                "validation"
-            ])
+  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$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, [
-                                        "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)
-                                            ]),
-                                        _: 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)
-                                            ]),
-                                        _: 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$a, [
-    [
-        "render",
-        _sfc_render$9
-    ]
-]);
+var ARealmMatchPolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$9]]);
 
 var _sfc_main$9 = defineComponent({
     components: {
@@ -7558,239 +7534,183 @@ var _sfc_main$9 = defineComponent({
     }
 });
 
-const _hoisted_1$8 = {
-    class: "row"
-};
+const _hoisted_1$8 = { class: "row" };
 const _hoisted_2$7 = {
-    key: 0,
-    class: "col"
+  key: 0,
+  class: "col"
 };
 const _hoisted_3$5 = {
-    key: 1,
-    class: "col"
+  key: 1,
+  class: "col"
 };
 const _hoisted_4$3 = {
-    key: 2,
-    class: "col"
+  key: 2,
+  class: "col"
 };
 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, [
+  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$8, [
-            _ctx.displayIntervalForDayOfWeek ? (openBlock(), createElementBlock("div", _hoisted_2$7, [
-                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$5, [
-                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$3, [
-                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$9, [
-    [
-        "render",
-        _sfc_render$8
-    ]
-]);
+var ATimePolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$8]]);
 
 const APolicy = defineComponent({
     props: defineEntityVProps(),
@@ -7857,50 +7777,28 @@ var _sfc_main$8 = defineComponent({
     }
 });
 
-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"
-];
+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))
-            ])
-        ])
-    ]);
+  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$8, [
-    [
-        "render",
-        _sfc_render$7
-    ],
-    [
-        "__scopeId",
-        "data-v-3fa3964f"
-    ]
-]);
+var APolicyTypePicker = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$7], ["__scopeId", "data-v-3fa3964f"]]);
 
 var _sfc_main$7 = defineComponent({
     components: {
@@ -7986,201 +7884,151 @@ var _sfc_main$7 = defineComponent({
     }
 });
 
-const _hoisted_1$6 = {
-    class: "row"
-};
-const _hoisted_2$5 = {
-    class: "col"
-};
-const _hoisted_3$3 = [
-    "for"
-];
+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"
+  key: 0,
+  class: "col"
 };
 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 ")
-                                ])),
-                            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"
+  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"
+            _: 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"])
             ]),
-            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, [
-                                        "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$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 ")
-                                ])),
-                            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"]),
+      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"
-            ])
-        ])) : createCommentVNode("", true)
-    ]);
+              }, 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"])
+            ]),
+            _: 1
+          }, 8, ["validation-messages", "validation-severity"])
+        ]),
+        _: 1
+      }, 8, ["validation"])
+    ])) : createCommentVNode("", true)
+  ]);
 }
-var APolicyBasicForm = /* @__PURE__ */ _export_sfc(_sfc_main$7, [
-    [
-        "render",
-        _sfc_render$6
-    ]
-]);
+var APolicyBasicForm = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$6]]);
 
 var _sfc_main$6 = defineComponent({
     components: {
@@ -8258,51 +8106,33 @@ var _sfc_main$6 = defineComponent({
     }
 });
 
-const _hoisted_1$5 = {
-    class: "d-flex flex-column"
-};
+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"
-            ])
-        ])
-    ]);
+  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$6, [
-    [
-        "render",
-        _sfc_render$5
-    ]
-]);
+var APolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$5]]);
 
 const APermissionClientAssignments = defineComponent({
     props: {
@@ -8628,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}`,
@@ -8872,7 +8702,8 @@ const AUserForm = defineComponent({
             email: {
                 minLength: minLength(5),
                 maxLength: maxLength(255),
-                email
+                email,
+                required
             },
             realm_id: {
                 required
@@ -8946,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
@@ -9092,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}`,
@@ -9679,193 +9513,131 @@ var _sfc_main$5 = defineComponent({
     }
 });
 
-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"
-};
+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 ")
-                                ])),
-                            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"
-                                    ])
-                                ]),
-                            _: 2
-                        }, 1032, [
-                            "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 ")
-                                ])),
-                            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"
-                                    ])
-                                ]),
-                            _: 2
-                        }, 1032, [
-                            "validation-messages",
-                            "validation-severity"
-                        ])
-                    ]),
-                _: 1
-            }, 8, [
-                "validation"
+  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"])
             ]),
-            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"
+            _: 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"])
             ]),
-            _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, ["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"])
                     ]),
-                _: 1
-            }, 8, [
-                "query"
-            ])
-        ], 32)
-    ]);
+                    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 Login = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$4], ["__scopeId", "data-v-957a0486"]]);
 
 var _sfc_main$4 = defineComponent({
     props: {
@@ -9886,37 +9658,25 @@ var _sfc_main$4 = defineComponent({
     }
 });
 
-const _hoisted_1$3 = {
-    class: "text-center"
-};
-const _hoisted_2$3 = {
-    key: 0
-};
+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)
-        ])
-    ]);
+  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 AuthorizeScope = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$3]]);
 
 var _sfc_main$3 = defineComponent({
     components: {
@@ -9971,41 +9731,29 @@ var _sfc_main$3 = defineComponent({
     }
 });
 
-const _hoisted_1$2 = {
-    key: 0
-};
-const _hoisted_2$2 = {
-    class: "flex-column"
-};
+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 ")),
-            createElementVNode("strong", null, toDisplayString(_ctx.client.name), 1),
-            _cache[1] || (_cache[1] = createTextVNode(" application to "))
-        ]),
-        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);
+  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 AuthorizeScopes = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$2]]);
 
 var _sfc_main$2 = defineComponent({
     components: {
@@ -10065,130 +9813,83 @@ var _sfc_main$2 = defineComponent({
     }
 });
 
-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"
-};
+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: ")),
-                        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 ")),
-                        createElementVNode("strong", null, toDisplayString(_ctx.client.name), 1),
-                        _cache[6] || (_cache[6] = createTextVNode(" application's Privacy Policy and Terms of Service. "))
-                    ])
-                ])
-            ]),
-            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 ")
-            ])
+  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 AuthorizeForm = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$1]]);
 
 var _sfc_main$1 = defineComponent({
     props: {
@@ -10202,37 +9903,23 @@ var _sfc_main$1 = defineComponent({
     }
 });
 
-const _hoisted_1 = {
-    class: "flex-column"
-};
-const _hoisted_2 = {
-    class: "text-center"
-};
-const _hoisted_3 = {
-    class: "text-center fs-6 p-3"
-};
+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)
-    ]);
+  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
-    ]
-]);
+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'