@simsustech/quasar-components 0.11.10 → 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, toRefs, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, createElementVNode } from "vue";
-import { _ as _sfc_main$d } from "./QSubmitButton.vue_vue_type_script_setup_true_lang-UtpXkOh7.js";
+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,11 +736,11 @@ 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 },
@@ -809,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"]),
@@ -860,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: {}
   },
@@ -928,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
@@ -950,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" },
@@ -965,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" },
@@ -982,11 +986,11 @@ 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: {},
@@ -1206,11 +1210,11 @@ 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 },
@@ -1383,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 }
   },
@@ -1437,11 +1441,11 @@ 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: {},
@@ -1559,11 +1563,11 @@ 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: {},
     icons: {}
@@ -1641,13 +1645,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {}
   },
@@ -1659,18 +1663,18 @@ 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: {},
@@ -1864,7 +1868,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             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),
@@ -2012,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
 };