@simsustech/quasar-components 0.11.9 → 0.11.11

package/dist/authentication.js

@@ -1,6 +1,6 @@
 import { useQuasar, QForm, QInput, QStepper, QStep, QStepperNavigation, QIcon, QBtn, QSlider, QList, QItem, QItemSection, QMenu, QTable, QTr, QTd, QItemLabel, QSelect, QTh } from "quasar";
-import { ref, defineComponent, watch, computed, createBlock, openBlock, unref, mergeProps, withCtx, createVNode, renderSlot, toRef, createCommentVNode, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, toRefs, createElementVNode } from "vue";
-import { _ as _sfc_main$d } from "./QSubmitButton.vue_vue_type_script_setup_true_lang-UtpXkOh7.js";
+import { ref, defineComponent, watch, computed, createBlock, openBlock, unref, mergeProps, withCtx, createVNode, renderSlot, toRef, createCommentVNode, toRefs, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, createElementVNode } from "vue";
+import { _ as _sfc_main$f } from "./QSubmitButton.vue_vue_type_script_setup_true_lang-UtpXkOh7.js";
 const lang$1 = {
   isoName: "en-US",
   myAccount: "Account",
@@ -104,6 +104,10 @@ const lang$1 = {
       addRole: ({ email }) => `Select the role which you want to add to ${email}.`,
       removeRole: ({ email }) => `Select the role which you want to remove from ${email}.`
     }
+  },
+  logout: {
+    confirmation: "Are you sure you want to log out?",
+    logout: "Log out"
   }
 };
 const enUS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -113,7 +117,7 @@ const enUS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty
 const lang = ref(lang$1);
 const locales = /* @__PURE__ */ Object.assign({
   "./en-US.ts": () => Promise.resolve().then(() => enUS),
-  "./nl.ts": () => import("./nl-jHKPHlmh.js")
+  "./nl.ts": () => import("./nl-CneFq5NZ.js")
 });
 const useLang = () => {
   return lang;
@@ -391,11 +395,11 @@ function isEmail(str, options) {
   }
   return true;
 }
-const __default__$a = {
+const __default__$c = {
   name: "RequestOtpForm"
 };
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
-  ...__default__$a,
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
+  ...__default__$c,
   props: {
     form: {},
     input: {}
@@ -464,7 +468,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "OtpInput",
   props: {
     modelValue: {}
@@ -489,11 +493,11 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const __default__$9 = {
+const __default__$b = {
   name: "EmailChangeForm"
 };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
-  ...__default__$9,
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  ...__default__$b,
   props: {
     email: {},
     form: {},
@@ -558,7 +562,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
         onSubmit: _cache[3] || (_cache[3] = (e) => submit)
       }), {
         default: withCtx(() => [
-          createVNode(_sfc_main$b, mergeProps(_ctx.input, {
+          createVNode(_sfc_main$d, mergeProps(_ctx.input, {
             modelValue: otp.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => otp.value = $event)
           }), null, 16, ["modelValue"]),
@@ -589,11 +593,11 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const __default__$8 = {
+const __default__$a = {
   name: "EmailChangeStepper"
 };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
-  ...__default__$8,
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  ...__default__$a,
   props: {
     input: {}
   },
@@ -674,13 +678,13 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             default: withCtx(() => {
               var _a, _b;
               return [
-                step.value === "requestOtp" ? (openBlock(), createBlock(_sfc_main$d, {
+                step.value === "requestOtp" ? (openBlock(), createBlock(_sfc_main$f, {
                   key: 0,
                   "is-next-button": "",
                   form: "requestOtpForm",
                   onSubmit: (_a = requestOtpFormRef.value) == null ? void 0 : _a.functions.submit
                 }, null, 8, ["onSubmit"])) : createCommentVNode("", true),
-                step.value === "changeEmail" ? (openBlock(), createBlock(_sfc_main$d, {
+                step.value === "changeEmail" ? (openBlock(), createBlock(_sfc_main$f, {
                   key: 1,
                   form: "emailChangeForm",
                   onSubmit: (_b = emailChangeFormRef.value) == null ? void 0 : _b.functions.submit
@@ -696,7 +700,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             title: requestOtpHeader.value
           }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$c, {
+              createVNode(_sfc_main$e, {
                 ref_key: "requestOtpFormRef",
                 ref: requestOtpFormRef,
                 form: { id: "requestOtpForm" },
@@ -711,7 +715,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             title: emailChangeHeader.value
           }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$a, {
+              createVNode(_sfc_main$c, {
                 ref_key: "emailChangeFormRef",
                 ref: emailChangeFormRef,
                 form: { id: "emailChangeForm" },
@@ -732,16 +736,20 @@ function equals(str, comparison) {
   assertString(str);
   return str === comparison;
 }
-const __default__$7 = {
+const __default__$9 = {
   name: "PasswordChangeForm"
 };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  ...__default__$7,
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  ...__default__$9,
   props: {
     email: {},
     minimumPasswordLength: { default: 8 },
     form: { default: void 0 },
-    input: { default: void 0 }
+    input: { default: void 0 },
+    icons: { default: () => ({
+      visibility: "visibility",
+      visibilityOff: "visibility_off"
+    }) }
   },
   emits: ["submit"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -805,7 +813,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         onSubmit: _cache[5] || (_cache[5] = (e) => submit)
       }), {
         default: withCtx(() => [
-          createVNode(_sfc_main$b, mergeProps(_ctx.input, {
+          createVNode(_sfc_main$d, mergeProps(_ctx.input, {
             modelValue: otp.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => otp.value = $event)
           }), null, 16, ["modelValue"]),
@@ -822,7 +830,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           }), {
             append: withCtx(() => [
               createVNode(_component_q_icon, {
-                name: showPassword.value ? "visibility" : "visibility_off",
+                name: showPassword.value ? _ctx.icons.visibility : _ctx.icons.visibilityOff,
                 class: "cursor-pointer",
                 onClick: _cache[1] || (_cache[1] = ($event) => showPassword.value = !showPassword.value)
               }, null, 8, ["name"])
@@ -842,7 +850,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           }), {
             append: withCtx(() => [
               createVNode(_component_q_icon, {
-                name: showRepeatPassword.value ? "visibility" : "visibility_off",
+                name: showRepeatPassword.value ? _ctx.icons.visibility : _ctx.icons.visibilityOff,
                 class: "cursor-pointer",
                 onClick: _cache[3] || (_cache[3] = ($event) => showRepeatPassword.value = !showRepeatPassword.value)
               }, null, 8, ["name"])
@@ -856,12 +864,12 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const __default__$6 = {
+const __default__$8 = {
   name: "PasswordChangeStepper",
   useLang
 };
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  ...__default__$6,
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  ...__default__$8,
   props: {
     input: {}
   },
@@ -924,13 +932,13 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             default: withCtx(() => {
               var _a, _b;
               return [
-                step.value === "requestOtp" ? (openBlock(), createBlock(_sfc_main$d, {
+                step.value === "requestOtp" ? (openBlock(), createBlock(_sfc_main$f, {
                   key: 0,
                   "is-next-button": "",
                   form: "requestOtpForm",
                   onSubmit: (_a = requestOtpFormRef.value) == null ? void 0 : _a.functions.submit
                 }, null, 8, ["onSubmit"])) : createCommentVNode("", true),
-                step.value === "changePassword" ? (openBlock(), createBlock(_sfc_main$d, {
+                step.value === "changePassword" ? (openBlock(), createBlock(_sfc_main$f, {
                   key: 1,
                   form: "passwordChangeForm",
                   onSubmit: (_b = passwordChangeFormRef.value) == null ? void 0 : _b.functions.submit
@@ -946,7 +954,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             title: requestOtpHeader.value
           }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$c, {
+              createVNode(_sfc_main$e, {
                 ref_key: "requestOtpFormRef",
                 ref: requestOtpFormRef,
                 form: { id: "requestOtpForm" },
@@ -961,7 +969,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             title: passwordChangeHeader.value
           }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$8, {
+              createVNode(_sfc_main$a, {
                 ref_key: "passwordChangeFormRef",
                 ref: passwordChangeFormRef,
                 form: { id: "passwordChangeForm" },
@@ -978,19 +986,23 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const __default__$5 = {
+const __default__$7 = {
   name: "LoginForm"
 };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  ...__default__$5,
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  ...__default__$7,
   props: {
     useUsername: { type: Boolean },
     passwordForgotUrl: {},
     form: {},
-    input: {}
+    input: {},
+    icons: {}
   },
   emits: ["submit"],
   setup(__props, { expose: __expose, emit: __emit }) {
+    var _a, _b;
+    const props = __props;
+    const { icons } = toRefs(props);
     const emit = __emit;
     const $q = useQuasar();
     const lang2 = useLang();
@@ -1016,8 +1028,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       password: [(val) => !!val || lang2.value.login.validations.fieldRequired]
     }));
     const submit = (evt) => {
-      var _a;
-      (_a = formRef.value) == null ? void 0 : _a.validate().then((success) => {
+      var _a2;
+      (_a2 = formRef.value) == null ? void 0 : _a2.validate().then((success) => {
         if (success) {
           emit("submit", {
             email: email.value.trim(),
@@ -1028,6 +1040,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         } else evt.done();
       });
     };
+    const visibilityIcon = ((_a = icons.value) == null ? void 0 : _a.visibility) ?? "visibility";
+    const visibilityOffIcon = ((_b = icons.value) == null ? void 0 : _b.visibilifyOff) ?? "visibility_off";
     const variables = ref({
       header,
       createAccount,
@@ -1091,7 +1105,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           }), {
             append: withCtx(() => [
               createVNode(_component_q_icon, {
-                name: showPassword.value ? "visibility" : "visibility_off",
+                name: showPassword.value ? unref(visibilityIcon) : unref(visibilityOffIcon),
                 class: "cursor-pointer",
                 onClick: _cache[2] || (_cache[2] = ($event) => showPassword.value = !showPassword.value)
               }, null, 8, ["name"])
@@ -1196,17 +1210,21 @@ function isAlphanumeric(_str) {
   }
   throw new Error("Invalid locale '".concat(locale, "'"));
 }
-const __default__$4 = {
+const __default__$6 = {
   name: "RegisterForm"
 };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  ...__default__$4,
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  ...__default__$6,
   props: {
     useUsername: { type: Boolean },
     extraFields: { default: void 0 },
     minimumPasswordLength: { default: 8 },
     form: { default: void 0 },
-    input: { default: void 0 }
+    input: { default: void 0 },
+    icons: { default: () => ({
+      visibility: "visibility",
+      visibilityOff: "visibility_off"
+    }) }
   },
   emits: ["submit"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -1335,7 +1353,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           }), {
             append: withCtx(() => [
               createVNode(_component_q_icon, {
-                name: showPassword.value ? "visibility" : "visibility_off",
+                name: showPassword.value ? _ctx.icons.visibility : _ctx.icons.visibilityOff,
                 class: "cursor-pointer",
                 onClick: _cache[2] || (_cache[2] = ($event) => showPassword.value = !showPassword.value)
               }, null, 8, ["name"])
@@ -1355,7 +1373,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           }, {
             append: withCtx(() => [
               createVNode(_component_q_icon, {
-                name: showPassword.value ? "visibility" : "visibility_off",
+                name: showPassword.value ? _ctx.icons.visibility : _ctx.icons.visibilityOff,
                 class: "cursor-pointer",
                 onClick: _cache[4] || (_cache[4] = ($event) => showPassword.value = !showPassword.value)
               }, null, 8, ["name"])
@@ -1369,11 +1387,11 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const __default__$3 = {
+const __default__$5 = {
   name: "VerificationSlider"
 };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  ...__default__$3,
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  ...__default__$5,
   props: {
     useVerificationSlider: { type: Boolean }
   },
@@ -1423,17 +1441,21 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const __default__$2 = {
+const __default__$4 = {
   name: "ConsentList"
 };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  ...__default__$2,
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  ...__default__$4,
   props: {
     scopes: {},
     claims: {},
-    resourceScopes: {}
+    resourceScopes: {},
+    icons: {}
   },
   setup(__props, { expose: __expose }) {
+    var _a;
+    const props = __props;
+    const { icons } = toRefs(props);
     const $q = useQuasar();
     const lang2 = useLang();
     if (lang2.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName);
@@ -1443,6 +1465,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     const message = computed(() => lang2.value.consent.message);
     const allow = computed(() => lang2.value.consent.allow);
     const deny = computed(() => lang2.value.consent.deny);
+    const checkIcon = ((_a = icons.value) == null ? void 0 : _a.check) ?? "check";
     const variables = ref({
       message,
       allow,
@@ -1471,8 +1494,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                   default: withCtx(() => [
                     createVNode(_component_q_icon, {
                       color: "green",
-                      name: "check"
-                    })
+                      name: unref(checkIcon)
+                    }, null, 8, ["name"])
                   ]),
                   _: 1
                 }),
@@ -1495,8 +1518,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                   default: withCtx(() => [
                     createVNode(_component_q_icon, {
                       color: "green",
-                      name: "check"
-                    })
+                      name: unref(checkIcon)
+                    }, null, 8, ["name"])
                   ]),
                   _: 1
                 }),
@@ -1519,8 +1542,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                   default: withCtx(() => [
                     createVNode(_component_q_icon, {
                       color: "green",
-                      name: "check"
-                    })
+                      name: unref(checkIcon)
+                    }, null, 8, ["name"])
                   ]),
                   _: 1
                 }),
@@ -1540,16 +1563,20 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const __default__$1 = {
+const __default__$3 = {
   name: "UserMenuButton"
 };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  ...__default__$1,
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  ...__default__$3,
   props: {
-    userRoute: {}
+    userRoute: {},
+    icons: {}
   },
   emits: ["signOut"],
   setup(__props, { expose: __expose, emit: __emit }) {
+    var _a;
+    const props = __props;
+    const { icons } = toRefs(props);
     const emit = __emit;
     const $q = useQuasar();
     const lang2 = useLang();
@@ -1557,6 +1584,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     watch($q.lang, (val) => {
       loadLang($q.lang.isoName);
     });
+    const personIcon = ((_a = icons.value) == null ? void 0 : _a.person) ?? "person";
     const variables = ref({
       // header: lang.value.some.nested.prop
     });
@@ -1573,7 +1601,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       const _component_q_list = QList;
       const _component_q_menu = QMenu;
       const _component_q_btn = QBtn;
-      return openBlock(), createBlock(_component_q_btn, { icon: "person" }, {
+      return openBlock(), createBlock(_component_q_btn, { icon: unref(personIcon) }, {
         default: withCtx(() => [
           createVNode(_component_q_menu, null, {
             default: withCtx(() => [
@@ -1613,17 +1641,17 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           })
         ]),
         _: 3
-      });
+      }, 8, ["icon"]);
     };
   }
 });
-const _hoisted_1$1 = { key: 0 };
+const _hoisted_1$2 = { key: 0 };
 const _hoisted_2 = { key: 1 };
-const __default__ = {
+const __default__$2 = {
   name: "LoginButton"
 };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  ...__default__,
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...__default__$2,
   props: {
     withNetwork: {}
   },
@@ -1635,31 +1663,33 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       loadLang($q.lang.isoName);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$d, null, {
+      return openBlock(), createBlock(_sfc_main$f, null, {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "icon"),
-          _ctx.withNetwork ? (openBlock(), createElementBlock("div", _hoisted_1$1, toDisplayString(unref(lang2).login.loginWith) + " " + toDisplayString(_ctx.withNetwork), 1)) : (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(unref(lang2).login.login), 1))
+          _ctx.withNetwork ? (openBlock(), createElementBlock("div", _hoisted_1$2, toDisplayString(unref(lang2).login.loginWith) + " " + toDisplayString(_ctx.withNetwork), 1)) : (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(unref(lang2).login.login), 1))
         ]),
         _: 3
       });
     };
   }
 });
-const _hoisted_1 = { class: "q-pa-sm" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _hoisted_1$1 = { class: "q-pa-sm" };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "AccountsTable",
   props: {
     modelValue: {},
     count: {},
     pagination: {},
     mappedRoles: {},
-    columns: {}
+    columns: {},
+    icons: {}
   },
   emits: ["update:pagination", "update:criteria", "addRole", "removeRole"],
   setup(__props, { emit: __emit }) {
+    var _a, _b, _c;
     const props = __props;
     const emit = __emit;
-    const { modelValue, count, mappedRoles, columns } = toRefs(props);
+    const { modelValue, count, mappedRoles, columns, icons } = toRefs(props);
     const lang2 = useLang();
     const $q = useQuasar();
     const sortBy = ref(props.pagination.sortBy);
@@ -1768,13 +1798,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
     };
     const openRemoveRoleDialog = (account) => {
-      var _a;
+      var _a2;
       $q.dialog({
         message: lang2.value.account.messages.removeRole(account),
         options: {
           type: "radio",
           model: "role",
-          items: (_a = account.roles) == null ? void 0 : _a.map((role) => ({
+          items: (_a2 = account.roles) == null ? void 0 : _a2.map((role) => ({
             label: mappedRoles.value[role],
             value: role
           }))
@@ -1785,6 +1815,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         emit("removeRole", { id: account.id, role });
       });
     };
+    const searchIcon = ((_a = icons.value) == null ? void 0 : _a.search) ?? "search";
+    const cancelIcon = ((_b = icons.value) == null ? void 0 : _b.cancel) ?? "cancel";
+    const moreVertIcon = ((_c = icons.value) == null ? void 0 : _c.moreVert) ?? "more_vert";
     return (_ctx, _cache) => {
       const _component_q_th = QTh;
       const _component_q_tr = QTr;
@@ -1829,13 +1862,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ]),
         "top-right": withCtx(() => [
           createVNode(_component_q_btn, {
-            icon: "search",
+            icon: unref(searchIcon),
             flat: ""
           }, {
             default: withCtx(() => [
               createVNode(_component_q_menu, null, {
                 default: withCtx(() => [
-                  createElementVNode("div", _hoisted_1, [
+                  createElementVNode("div", _hoisted_1$1, [
                     createVNode(_component_q_input, {
                       modelValue: name.value,
                       "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => name.value = $event),
@@ -1844,11 +1877,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       append: withCtx(() => [
                         name.value ? (openBlock(), createBlock(_component_q_icon, {
                           key: 0,
-                          name: "cancel",
-                          onClick: _cache[0] || (_cache[0] = ($event) => name.value = ""),
                           class: "q-field__focusable-action",
-                          role: "button"
-                        })) : createCommentVNode("", true)
+                          role: "button",
+                          name: unref(cancelIcon),
+                          onClick: _cache[0] || (_cache[0] = ($event) => name.value = "")
+                        }, null, 8, ["name"])) : createCommentVNode("", true)
                       ]),
                       _: 1
                     }, 8, ["modelValue", "label"]),
@@ -1860,11 +1893,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       append: withCtx(() => [
                         email.value ? (openBlock(), createBlock(_component_q_icon, {
                           key: 0,
-                          name: "cancel",
-                          onClick: _cache[2] || (_cache[2] = ($event) => email.value = ""),
                           class: "q-field__focusable-action",
-                          role: "button"
-                        })) : createCommentVNode("", true)
+                          role: "button",
+                          name: unref(cancelIcon),
+                          onClick: _cache[2] || (_cache[2] = ($event) => email.value = "")
+                        }, null, 8, ["name"])) : createCommentVNode("", true)
                       ]),
                       _: 1
                     }, 8, ["modelValue", "label"]),
@@ -1881,11 +1914,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       append: withCtx(() => [
                         roles.value.length ? (openBlock(), createBlock(_component_q_icon, {
                           key: 0,
-                          name: "cancel",
-                          onClick: _cache[4] || (_cache[4] = ($event) => roles.value = []),
                           class: "q-field__focusable-action",
-                          role: "button"
-                        })) : createCommentVNode("", true)
+                          role: "button",
+                          name: unref(cancelIcon),
+                          onClick: _cache[4] || (_cache[4] = ($event) => roles.value = [])
+                        }, null, 8, ["name"])) : createCommentVNode("", true)
                       ]),
                       _: 1
                     }, 8, ["modelValue", "label", "options"])
@@ -1895,7 +1928,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               })
             ]),
             _: 1
-          })
+          }, 8, ["icon"])
         ]),
         body: withCtx((props2) => [
           createVNode(_component_q_tr, { props: props2 }, {
@@ -1917,7 +1950,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     size: "sm",
                     round: "",
                     flat: "",
-                    icon: "more_vert"
+                    icon: unref(moreVertIcon)
                   }, {
                     default: withCtx(() => [
                       createVNode(_component_q_menu, null, {
@@ -1970,7 +2003,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       }, 1024)
                     ]),
                     _: 2
-                  }, 1024)
+                  }, 1032, ["icon"])
                 ]),
                 _: 2
               }, 1024)
@@ -1983,20 +2016,99 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _hoisted_1 = ["value"];
+const __default__$1 = {
+  name: "LoginForm"
+};
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...__default__$1,
+  props: {
+    form: {},
+    action: {},
+    xsrfSecret: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const $q = useQuasar();
+    const lang2 = useLang();
+    if (lang2.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName);
+    watch($q.lang, (val) => {
+      loadLang($q.lang.isoName);
+    });
+    const formRef = ref();
+    const variables = ref({});
+    const functions = ref({});
+    __expose({
+      variables,
+      functions
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createTextVNode(toDisplayString(unref(lang2).logout.confirmation) + " ", 1),
+        createVNode(unref(QForm), mergeProps({
+          ref_key: "formRef",
+          ref: formRef,
+          "data-allow-mismatch": "props",
+          class: "q-gutter-md"
+        }, _ctx.form, {
+          method: "post",
+          action: _ctx.action
+        }), {
+          default: withCtx(() => [
+            createElementVNode("input", {
+              type: "hidden",
+              name: "xsrf",
+              value: _ctx.xsrfSecret
+            }, null, 8, _hoisted_1),
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+        }, 16, ["action"])
+      ], 64);
+    };
+  }
+});
+const __default__ = {
+  name: "LogoutButton"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    withNetwork: {}
+  },
+  setup(__props) {
+    const $q = useQuasar();
+    const lang2 = useLang();
+    if (lang2.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName);
+    watch($q.lang, (val) => {
+      loadLang($q.lang.isoName);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$f, null, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "icon"),
+          createTextVNode(" " + toDisplayString(unref(lang2).logout.logout), 1)
+        ]),
+        _: 3
+      });
+    };
+  }
+});
 export {
-  _sfc_main as AccountsTable,
-  _sfc_main$3 as ConsentList,
-  _sfc_main$a as EmailChangeForm,
-  _sfc_main$9 as EmailChangeStepper,
-  _sfc_main$1 as LoginButton,
-  _sfc_main$6 as LoginForm,
-  _sfc_main$b as OtpInput,
-  _sfc_main$8 as PasswordChangeForm,
-  _sfc_main$7 as PasswordChangeStepper,
-  _sfc_main$5 as RegisterForm,
-  _sfc_main$c as RequestOtpForm,
-  _sfc_main$2 as UserMenuButton,
-  _sfc_main$4 as VerificationSlider,
+  _sfc_main$2 as AccountsTable,
+  _sfc_main$5 as ConsentList,
+  _sfc_main$c as EmailChangeForm,
+  _sfc_main$b as EmailChangeStepper,
+  _sfc_main$3 as LoginButton,
+  _sfc_main$8 as LoginForm,
+  _sfc_main as LogoutButton,
+  _sfc_main$1 as LogoutForm,
+  _sfc_main$d as OtpInput,
+  _sfc_main$a as PasswordChangeForm,
+  _sfc_main$9 as PasswordChangeStepper,
+  _sfc_main$7 as RegisterForm,
+  _sfc_main$e as RequestOtpForm,
+  _sfc_main$4 as UserMenuButton,
+  _sfc_main$6 as VerificationSlider,
   loadLang,
   useLang
 };