@simsustech/quasar-components 0.1.1 → 0.1.2

package/dist/authentication.js

@@ -0,0 +1,1633 @@
+import { useQuasar, QForm, QInput, QStep, QStepperNavigation, QStepper, QIcon, QBtn, QSlider, QItemSection, QItem, QList, QMenu } from "quasar";
+import { ref, defineComponent, watch, computed, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, renderSlot, toRef, createCommentVNode, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString } from "vue";
+import { _ as _sfc_main$c } from "./QSubmitButton.vue_vue_type_script_setup_true_lang.fe90878f.js";
+const lang$1 = {
+  isoName: "en-US",
+  myAccount: "Account",
+  signOut: "Sign out",
+  unprocessableRequest: "The server was unable to process the request.",
+  consent: {
+    message: (name) => `${name} is requesting access to your data.`,
+    deny: "Deny",
+    allow: "Allow"
+  },
+  email: {
+    fields: {
+      email: "Email address",
+      newEmail: "Your new email address",
+      repeatNewEmail: "Repeat your new email address"
+    },
+    validations: {
+      fieldRequired: "Field is required.",
+      invalidEmail: "A valid email address is required.",
+      emailsDoNotMatch: "The email addresses do not match."
+    },
+    changeEmail: "Change your email address.",
+    emailChanged: "Your email address has been changed."
+  },
+  otp: {
+    fields: {
+      email: "Email"
+    },
+    validations: {
+      fieldRequired: "Field is required.",
+      invalidEmail: "A valid email address is required."
+    },
+    request: "Request a one-time password",
+    checkEmail: "You will receive a verification code in your email. Please use this verification code in the next step.",
+    verificationCode: "Verification code"
+  },
+  login: {
+    fields: {
+      email: "Email",
+      password: "Password",
+      username: "Username"
+    },
+    validations: {
+      fieldRequired: "Field is required.",
+      invalidEmail: "A valid email address is required."
+    },
+    login: "Login",
+    loginWith: "Login with",
+    createAccount: "Create account",
+    forgotPassword: "Forgot your password?",
+    invalidCredentials: "Email address or password is incorrect."
+  },
+  password: {
+    fields: {
+      password: "Password",
+      repeatPassword: "Repeat password"
+    },
+    validations: {
+      fieldRequired: "Field is required",
+      minimumPasswordLength: (minimumPasswordLength) => `The minimum length of the password is ${minimumPasswordLength} characters.`,
+      passwordsDoNotMatch: "The password do not match."
+    },
+    changePassword: "Change your password.",
+    passwordChanged: "Your password has been changed."
+  },
+  register: {
+    fields: {
+      email: "Email",
+      password: "Password",
+      username: "Username",
+      repeatPassword: "Repeat password"
+    },
+    validations: {
+      fieldRequired: "Field is required",
+      invalidEmail: "A valid email address is required.",
+      notAlphaNumeric: "Veld mag geen speciale tekens bevatten."
+    },
+    register: "Register",
+    forgotPassword: "Forgot your password?",
+    accountCreated: "Your account has been sucessfully created. You can now login with your credentials.",
+    alreadyRegistered: "Email address is already registered."
+  },
+  verification: {
+    slider: "Sleep a.u.b. de onderstaande balk helemaal naar rechts tot deze groen wordt."
+  }
+};
+const enUS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: lang$1
+}, Symbol.toStringTag, { value: "Module" }));
+const lang = ref(lang$1);
+const locales = /* @__PURE__ */ Object.assign({ "./en-US.ts": () => Promise.resolve().then(() => enUS), "./nl.ts": () => import("./nl.6b0aedb7.js") });
+const useLang = () => {
+  return lang;
+};
+let loadingLanguage = false;
+const loadLang = async (isoName) => {
+  if (!loadingLanguage) {
+    loadingLanguage = true;
+    try {
+      const data = (await locales[`./${isoName}.ts`]()).default;
+      if (data) {
+        lang.value = data;
+      }
+    } catch (e) {
+      if ({ "BASE_URL": "/", "MODE": "production", "DEV": false, "PROD": true }.DEBUG)
+        console.error(e);
+      throw new Error(
+        `[quasar-components] Failed to load ${isoName} language file.`
+      );
+    }
+    loadingLanguage = false;
+  }
+};
+function _typeof$1(obj) {
+  "@babel/helpers - typeof";
+  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+    _typeof$1 = function _typeof2(obj2) {
+      return typeof obj2;
+    };
+  } else {
+    _typeof$1 = function _typeof2(obj2) {
+      return obj2 && typeof Symbol === "function" && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
+    };
+  }
+  return _typeof$1(obj);
+}
+function assertString(input) {
+  var isString = typeof input === "string" || input instanceof String;
+  if (!isString) {
+    var invalidType = _typeof$1(input);
+    if (input === null)
+      invalidType = "null";
+    else if (invalidType === "object")
+      invalidType = input.constructor.name;
+    throw new TypeError("Expected a string but received a ".concat(invalidType));
+  }
+}
+function merge() {
+  var obj = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+  var defaults = arguments.length > 1 ? arguments[1] : void 0;
+  for (var key in defaults) {
+    if (typeof obj[key] === "undefined") {
+      obj[key] = defaults[key];
+    }
+  }
+  return obj;
+}
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+    _typeof = function _typeof2(obj2) {
+      return typeof obj2;
+    };
+  } else {
+    _typeof = function _typeof2(obj2) {
+      return obj2 && typeof Symbol === "function" && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
+    };
+  }
+  return _typeof(obj);
+}
+function isByteLength(str, options) {
+  assertString(str);
+  var min;
+  var max;
+  if (_typeof(options) === "object") {
+    min = options.min || 0;
+    max = options.max;
+  } else {
+    min = arguments[1];
+    max = arguments[2];
+  }
+  var len = encodeURI(str).split(/%..|./).length - 1;
+  return len >= min && (typeof max === "undefined" || len <= max);
+}
+var default_fqdn_options = {
+  require_tld: true,
+  allow_underscores: false,
+  allow_trailing_dot: false,
+  allow_numeric_tld: false,
+  allow_wildcard: false
+};
+function isFQDN(str, options) {
+  assertString(str);
+  options = merge(options, default_fqdn_options);
+  if (options.allow_trailing_dot && str[str.length - 1] === ".") {
+    str = str.substring(0, str.length - 1);
+  }
+  if (options.allow_wildcard === true && str.indexOf("*.") === 0) {
+    str = str.substring(2);
+  }
+  var parts = str.split(".");
+  var tld = parts[parts.length - 1];
+  if (options.require_tld) {
+    if (parts.length < 2) {
+      return false;
+    }
+    if (!/^([a-z\u00A1-\u00A8\u00AA-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]{2,}|xn[a-z0-9-]{2,})$/i.test(tld)) {
+      return false;
+    }
+    if (/\s/.test(tld)) {
+      return false;
+    }
+  }
+  if (!options.allow_numeric_tld && /^\d+$/.test(tld)) {
+    return false;
+  }
+  return parts.every(function(part) {
+    if (part.length > 63) {
+      return false;
+    }
+    if (!/^[a-z_\u00a1-\uffff0-9-]+$/i.test(part)) {
+      return false;
+    }
+    if (/[\uff01-\uff5e]/.test(part)) {
+      return false;
+    }
+    if (/^-|-$/.test(part)) {
+      return false;
+    }
+    if (!options.allow_underscores && /_/.test(part)) {
+      return false;
+    }
+    return true;
+  });
+}
+var IPv4SegmentFormat = "(?:[0-9]|[1-9][0-9]|1[0-9][0-9]|2[0-4][0-9]|25[0-5])";
+var IPv4AddressFormat = "(".concat(IPv4SegmentFormat, "[.]){3}").concat(IPv4SegmentFormat);
+var IPv4AddressRegExp = new RegExp("^".concat(IPv4AddressFormat, "$"));
+var IPv6SegmentFormat = "(?:[0-9a-fA-F]{1,4})";
+var IPv6AddressRegExp = new RegExp("^(" + "(?:".concat(IPv6SegmentFormat, ":){7}(?:").concat(IPv6SegmentFormat, "|:)|") + "(?:".concat(IPv6SegmentFormat, ":){6}(?:").concat(IPv4AddressFormat, "|:").concat(IPv6SegmentFormat, "|:)|") + "(?:".concat(IPv6SegmentFormat, ":){5}(?::").concat(IPv4AddressFormat, "|(:").concat(IPv6SegmentFormat, "){1,2}|:)|") + "(?:".concat(IPv6SegmentFormat, ":){4}(?:(:").concat(IPv6SegmentFormat, "){0,1}:").concat(IPv4AddressFormat, "|(:").concat(IPv6SegmentFormat, "){1,3}|:)|") + "(?:".concat(IPv6SegmentFormat, ":){3}(?:(:").concat(IPv6SegmentFormat, "){0,2}:").concat(IPv4AddressFormat, "|(:").concat(IPv6SegmentFormat, "){1,4}|:)|") + "(?:".concat(IPv6SegmentFormat, ":){2}(?:(:").concat(IPv6SegmentFormat, "){0,3}:").concat(IPv4AddressFormat, "|(:").concat(IPv6SegmentFormat, "){1,5}|:)|") + "(?:".concat(IPv6SegmentFormat, ":){1}(?:(:").concat(IPv6SegmentFormat, "){0,4}:").concat(IPv4AddressFormat, "|(:").concat(IPv6SegmentFormat, "){1,6}|:)|") + "(?::((?::".concat(IPv6SegmentFormat, "){0,5}:").concat(IPv4AddressFormat, "|(?::").concat(IPv6SegmentFormat, "){1,7}|:))") + ")(%[0-9a-zA-Z-.:]{1,})?$");
+function isIP(str) {
+  var version = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
+  assertString(str);
+  version = String(version);
+  if (!version) {
+    return isIP(str, 4) || isIP(str, 6);
+  }
+  if (version === "4") {
+    if (!IPv4AddressRegExp.test(str)) {
+      return false;
+    }
+    var parts = str.split(".").sort(function(a, b) {
+      return a - b;
+    });
+    return parts[3] <= 255;
+  }
+  if (version === "6") {
+    return !!IPv6AddressRegExp.test(str);
+  }
+  return false;
+}
+var default_email_options = {
+  allow_display_name: false,
+  require_display_name: false,
+  allow_utf8_local_part: true,
+  require_tld: true,
+  blacklisted_chars: "",
+  ignore_max_length: false,
+  host_blacklist: []
+};
+var splitNameAddress = /^([^\x00-\x1F\x7F-\x9F\cX]+)</i;
+var emailUserPart = /^[a-z\d!#\$%&'\*\+\-\/=\?\^_`{\|}~]+$/i;
+var gmailUserPart = /^[a-z\d]+$/;
+var quotedEmailUser = /^([\s\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e]|(\\[\x01-\x09\x0b\x0c\x0d-\x7f]))*$/i;
+var emailUserUtf8Part = /^[a-z\d!#\$%&'\*\+\-\/=\?\^_`{\|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+$/i;
+var quotedEmailUserUtf8 = /^([\s\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|(\\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*$/i;
+var defaultMaxEmailLength = 254;
+function validateDisplayName(display_name) {
+  var display_name_without_quotes = display_name.replace(/^"(.+)"$/, "$1");
+  if (!display_name_without_quotes.trim()) {
+    return false;
+  }
+  var contains_illegal = /[\.";<>]/.test(display_name_without_quotes);
+  if (contains_illegal) {
+    if (display_name_without_quotes === display_name) {
+      return false;
+    }
+    var all_start_with_back_slash = display_name_without_quotes.split('"').length === display_name_without_quotes.split('\\"').length;
+    if (!all_start_with_back_slash) {
+      return false;
+    }
+  }
+  return true;
+}
+function isEmail(str, options) {
+  assertString(str);
+  options = merge(options, default_email_options);
+  if (options.require_display_name || options.allow_display_name) {
+    var display_email = str.match(splitNameAddress);
+    if (display_email) {
+      var display_name = display_email[1];
+      str = str.replace(display_name, "").replace(/(^<|>$)/g, "");
+      if (display_name.endsWith(" ")) {
+        display_name = display_name.substr(0, display_name.length - 1);
+      }
+      if (!validateDisplayName(display_name)) {
+        return false;
+      }
+    } else if (options.require_display_name) {
+      return false;
+    }
+  }
+  if (!options.ignore_max_length && str.length > defaultMaxEmailLength) {
+    return false;
+  }
+  var parts = str.split("@");
+  var domain = parts.pop();
+  var lower_domain = domain.toLowerCase();
+  if (options.host_blacklist.includes(lower_domain)) {
+    return false;
+  }
+  var user = parts.join("@");
+  if (options.domain_specific_validation && (lower_domain === "gmail.com" || lower_domain === "googlemail.com")) {
+    user = user.toLowerCase();
+    var username = user.split("+")[0];
+    if (!isByteLength(username.replace(/\./g, ""), {
+      min: 6,
+      max: 30
+    })) {
+      return false;
+    }
+    var _user_parts = username.split(".");
+    for (var i = 0; i < _user_parts.length; i++) {
+      if (!gmailUserPart.test(_user_parts[i])) {
+        return false;
+      }
+    }
+  }
+  if (options.ignore_max_length === false && (!isByteLength(user, {
+    max: 64
+  }) || !isByteLength(domain, {
+    max: 254
+  }))) {
+    return false;
+  }
+  if (!isFQDN(domain, {
+    require_tld: options.require_tld
+  })) {
+    if (!options.allow_ip_domain) {
+      return false;
+    }
+    if (!isIP(domain)) {
+      if (!domain.startsWith("[") || !domain.endsWith("]")) {
+        return false;
+      }
+      var noBracketdomain = domain.substr(1, domain.length - 2);
+      if (noBracketdomain.length === 0 || !isIP(noBracketdomain)) {
+        return false;
+      }
+    }
+  }
+  if (user[0] === '"') {
+    user = user.slice(1, user.length - 1);
+    return options.allow_utf8_local_part ? quotedEmailUserUtf8.test(user) : quotedEmailUser.test(user);
+  }
+  var pattern = options.allow_utf8_local_part ? emailUserUtf8Part : emailUserPart;
+  var user_parts = user.split(".");
+  for (var _i = 0; _i < user_parts.length; _i++) {
+    if (!pattern.test(user_parts[_i])) {
+      return false;
+    }
+  }
+  if (options.blacklisted_chars) {
+    if (user.search(new RegExp("[".concat(options.blacklisted_chars, "]+"), "g")) !== -1)
+      return false;
+  }
+  return true;
+}
+const __default__$a = {
+  name: "RequestOtpForm"
+};
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  ...__default__$a,
+  props: {
+    form: null,
+    input: null
+  },
+  emits: ["submit"],
+  setup(__props, { expose, emit }) {
+    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 email = ref("");
+    const header = computed(() => lang2.value.otp.request);
+    const formRef = ref();
+    const validations = computed(() => ({
+      email: [
+        (val) => !!val || lang2.value.otp.validations.fieldRequired,
+        (val) => isEmail(val) || lang2.value.otp.validations.invalidEmail
+      ]
+    }));
+    const submit = ({
+      done
+    }) => {
+      var _a;
+      (_a = formRef.value) == null ? void 0 : _a.validate().then((success) => {
+        if (success) {
+          emit("submit", {
+            email: email.value.trim(),
+            done
+          });
+        } else
+          done();
+      });
+    };
+    const variables = ref({ header });
+    const functions = ref({ submit });
+    expose({
+      variables,
+      functions
+    });
+    return (_ctx, _cache) => {
+      const _component_q_input = QInput;
+      return openBlock(), createBlock(unref(QForm), mergeProps({
+        ref_key: "formRef",
+        ref: formRef
+      }, __props.form), {
+        default: withCtx(() => [
+          createVNode(_component_q_input, mergeProps(__props.input, {
+            id: "email",
+            modelValue: email.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => email.value = $event),
+            modelModifiers: { trim: true },
+            name: "email",
+            type: "text",
+            label: unref(lang2).otp.fields.email,
+            rules: unref(validations)["email"],
+            "lazy-rules": "",
+            autofocus: ""
+          }), null, 16, ["modelValue", "label", "rules"]),
+          renderSlot(_ctx.$slots, "default", { submit })
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  __name: "OtpInput",
+  props: {
+    modelValue: null
+  },
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const lang2 = useLang();
+    const validations = computed(() => ({
+      otp: [(val) => !!val || lang2.value.otp.validations.fieldRequired]
+    }));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(QInput), {
+        id: "otp",
+        name: "otp",
+        "model-value": __props.modelValue,
+        "bottom-slots": "",
+        "lazy-rules": "",
+        label: unref(lang2).otp.verificationCode,
+        rules: unref(validations)["otp"],
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
+      }, null, 8, ["model-value", "label", "rules"]);
+    };
+  }
+});
+const __default__$9 = {
+  name: "EmailChangeForm"
+};
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  ...__default__$9,
+  props: {
+    email: null,
+    form: null,
+    input: null
+  },
+  emits: ["submit"],
+  setup(__props, { expose, emit }) {
+    const props = __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);
+    });
+    const email = toRef(props, "email");
+    const otp = ref("");
+    const newEmail = ref("");
+    const repeatNewEmail = ref("");
+    const header = computed(() => lang2.value.email.changeEmail);
+    const formRef = ref();
+    const validations = computed(() => ({
+      newEmail: [
+        (val) => !!val || lang2.value.email.validations.fieldRequired,
+        (val) => isEmail(val) || lang2.value.email.validations.invalidEmail
+      ],
+      repeatNewEmail: [
+        (val) => !!val || lang2.value.email.validations.fieldRequired,
+        (val) => isEmail(val) || lang2.value.email.validations.emailsDoNotMatch
+      ]
+    }));
+    const submit = (evt) => {
+      var _a;
+      (_a = formRef.value) == null ? void 0 : _a.validate().then((success) => {
+        if (success) {
+          emit("submit", {
+            email: email.value.trim(),
+            newEmail: newEmail.value.trim(),
+            otp: otp.value,
+            done: evt.done
+          });
+        } else
+          evt.done();
+      });
+    };
+    const variables = ref({
+      header
+    });
+    const functions = ref({
+      submit
+    });
+    expose({
+      variables,
+      functions
+    });
+    return (_ctx, _cache) => {
+      const _component_q_input = QInput;
+      return openBlock(), createBlock(unref(QForm), mergeProps({
+        ref_key: "formRef",
+        ref: formRef,
+        class: "q-gutter-md"
+      }, __props.form), {
+        default: withCtx(() => [
+          createVNode(_sfc_main$a, mergeProps(__props.input, {
+            modelValue: otp.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => otp.value = $event)
+          }), null, 16, ["modelValue"]),
+          createVNode(_component_q_input, mergeProps(__props.input, {
+            id: "newEmail",
+            modelValue: newEmail.value,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => newEmail.value = $event),
+            name: "newEmail",
+            label: unref(lang2).email.fields.newEmail,
+            "bottom-slots": "",
+            rules: unref(validations)["newEmail"],
+            "lazy-rules": ""
+          }), null, 16, ["modelValue", "label", "rules"]),
+          createVNode(_component_q_input, mergeProps(__props.input, {
+            id: "repeatNewEmail",
+            modelValue: repeatNewEmail.value,
+            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => repeatNewEmail.value = $event),
+            name: "repeatNewEmail",
+            label: unref(lang2).email.fields.repeatNewEmail,
+            "bottom-slots": "",
+            rules: unref(validations)["repeatNewEmail"],
+            "lazy-rules": ""
+          }), null, 16, ["modelValue", "label", "rules"]),
+          renderSlot(_ctx.$slots, "default", { submit })
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+const __default__$8 = {
+  name: "EmailChangeStepper"
+};
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  ...__default__$8,
+  props: {
+    input: null
+  },
+  emits: ["requestOtp", "changeEmail"],
+  setup(__props, { expose, emit }) {
+    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 steps = ["requestOtp", "changeEmail"];
+    const step = ref("requestOtp");
+    const email = ref("");
+    const header = computed(() => lang2.value.email.changeEmail);
+    const emailChanged = computed(() => lang2.value.email.emailChanged);
+    const unprocessableRequest = computed(() => lang2.value.unprocessableRequest);
+    const checkEmail = computed(() => lang2.value.otp.checkEmail);
+    const requestOtpFormRef = ref();
+    const emailChangeFormRef = ref();
+    const requestOtpHeader = computed(
+      () => {
+        var _a;
+        return ((_a = requestOtpFormRef.value) == null ? void 0 : _a.variables.header) || "";
+      }
+    );
+    const emailChangeHeader = computed(
+      () => {
+        var _a;
+        return ((_a = emailChangeFormRef.value) == null ? void 0 : _a.variables.header) || "";
+      }
+    );
+    const requestOtp = ({
+      email: emittedEmail,
+      done
+    }) => {
+      emit("requestOtp", {
+        email: emittedEmail,
+        done: () => {
+          email.value = emittedEmail;
+          done();
+        }
+      });
+    };
+    const changeEmail = ({ email: email2, newEmail, otp, done }) => {
+      emit("changeEmail", {
+        email: email2,
+        newEmail,
+        otp,
+        done
+      });
+    };
+    const variables = ref({
+      header,
+      emailChanged,
+      unprocessableRequest,
+      checkEmail,
+      steps
+    });
+    const functions = ref({
+      goToStep: (newStep) => step.value = newStep
+    });
+    expose({
+      variables,
+      functions
+    });
+    return (_ctx, _cache) => {
+      const _component_q_step = QStep;
+      const _component_q_stepper_navigation = QStepperNavigation;
+      const _component_q_stepper = QStepper;
+      return openBlock(), createBlock(_component_q_stepper, {
+        modelValue: step.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => step.value = $event)
+      }, {
+        navigation: withCtx(() => [
+          createVNode(_component_q_stepper_navigation, { class: "text-right" }, {
+            default: withCtx(() => {
+              var _a, _b;
+              return [
+                step.value === "requestOtp" ? (openBlock(), createBlock(_sfc_main$c, {
+                  key: 0,
+                  "is-next-button": "",
+                  onSubmit: (_a = requestOtpFormRef.value) == null ? void 0 : _a.functions.submit
+                }, null, 8, ["onSubmit"])) : createCommentVNode("", true),
+                step.value === "changeEmail" ? (openBlock(), createBlock(_sfc_main$c, {
+                  key: 1,
+                  onSubmit: (_b = emailChangeFormRef.value) == null ? void 0 : _b.functions.submit
+                }, null, 8, ["onSubmit"])) : createCommentVNode("", true)
+              ];
+            }),
+            _: 1
+          })
+        ]),
+        default: withCtx(() => [
+          createVNode(_component_q_step, {
+            name: "requestOtp",
+            title: unref(requestOtpHeader)
+          }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$b, {
+                ref_key: "requestOtpFormRef",
+                ref: requestOtpFormRef,
+                input: __props.input,
+                onSubmit: requestOtp
+              }, null, 8, ["input"])
+            ]),
+            _: 1
+          }, 8, ["title"]),
+          createVNode(_component_q_step, {
+            name: "changeEmail",
+            title: unref(emailChangeHeader)
+          }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$9, {
+                ref_key: "emailChangeFormRef",
+                ref: emailChangeFormRef,
+                email: email.value,
+                input: __props.input,
+                onSubmit: changeEmail
+              }, null, 8, ["email", "input"])
+            ]),
+            _: 1
+          }, 8, ["title"])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+function equals(str, comparison) {
+  assertString(str);
+  return str === comparison;
+}
+const __default__$7 = {
+  name: "PasswordChangeForm"
+};
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  ...__default__$7,
+  props: {
+    email: null,
+    minimumPasswordLength: { default: 8 },
+    form: { default: void 0 },
+    input: { default: void 0 }
+  },
+  emits: ["submit"],
+  setup(__props, { expose, emit }) {
+    const props = __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);
+    });
+    const email = toRef(props, "email");
+    const minimumPasswordLength = toRef(props, "minimumPasswordLength");
+    const otp = ref("");
+    const newPassword = ref("");
+    const repeatNewPassword = ref("");
+    const showPassword = ref(false);
+    const showRepeatPassword = ref(false);
+    const header = computed(() => lang2.value.password.changePassword);
+    const formRef = ref();
+    const validations = computed(() => ({
+      password: [
+        (val) => !!val || lang2.value.password.validations.fieldRequired,
+        (val) => val.length >= minimumPasswordLength.value || lang2.value.password.validations.minimumPasswordLength(
+          minimumPasswordLength.value
+        )
+      ],
+      repeatPassword: [
+        (val) => !!val || lang2.value.password.validations.fieldRequired,
+        (val) => equals(val, newPassword.value) || lang2.value.password.validations.passwordsDoNotMatch
+      ]
+    }));
+    const submit = (evt) => {
+      var _a;
+      (_a = formRef.value) == null ? void 0 : _a.validate().then((success) => {
+        if (success) {
+          emit("submit", {
+            email: email.value,
+            newPassword: newPassword.value,
+            otp: otp.value,
+            done: evt.done
+          });
+        } else
+          evt.done();
+      });
+    };
+    const variables = ref({
+      header
+    });
+    const functions = ref({
+      submit
+    });
+    expose({
+      variables,
+      functions
+    });
+    return (_ctx, _cache) => {
+      const _component_q_icon = QIcon;
+      const _component_q_input = QInput;
+      return openBlock(), createBlock(unref(QForm), mergeProps({
+        ref_key: "formRef",
+        ref: formRef,
+        class: "q-gutter-md"
+      }, __props.form), {
+        default: withCtx(() => [
+          createVNode(_sfc_main$a, mergeProps(__props.input, {
+            modelValue: otp.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => otp.value = $event)
+          }), null, 16, ["modelValue"]),
+          createVNode(_component_q_input, mergeProps(__props.input, {
+            id: "newPassword",
+            modelValue: newPassword.value,
+            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => newPassword.value = $event),
+            name: "newPassword",
+            type: showPassword.value ? "text" : "password",
+            label: unref(lang2).password.fields.password,
+            "bottom-slots": "",
+            rules: unref(validations)["newPassword"],
+            "lazy-rules": ""
+          }), {
+            append: withCtx(() => [
+              createVNode(_component_q_icon, {
+                name: showPassword.value ? "visibility" : "visibility_off",
+                class: "cursor-pointer",
+                onClick: _cache[1] || (_cache[1] = ($event) => showPassword.value = !showPassword.value)
+              }, null, 8, ["name"])
+            ]),
+            _: 1
+          }, 16, ["modelValue", "type", "label", "rules"]),
+          createVNode(_component_q_input, mergeProps(__props.input, {
+            id: "repeatNewPassword",
+            modelValue: repeatNewPassword.value,
+            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => repeatNewPassword.value = $event),
+            name: "repeatNewPassword",
+            type: showRepeatPassword.value ? "text" : "password",
+            label: unref(lang2).password.fields.repeatPassword,
+            "bottom-slots": "",
+            rules: unref(validations)["repeatNewPassword"],
+            "lazy-rules": ""
+          }), {
+            append: withCtx(() => [
+              createVNode(_component_q_icon, {
+                name: showRepeatPassword.value ? "visibility" : "visibility_off",
+                class: "cursor-pointer",
+                onClick: _cache[3] || (_cache[3] = ($event) => showRepeatPassword.value = !showRepeatPassword.value)
+              }, null, 8, ["name"])
+            ]),
+            _: 1
+          }, 16, ["modelValue", "type", "label", "rules"]),
+          renderSlot(_ctx.$slots, "default", { submit })
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+const __default__$6 = {
+  name: "PasswordChangeStepper"
+};
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  ...__default__$6,
+  props: {
+    input: null
+  },
+  emits: ["requestOtp", "changePassword"],
+  setup(__props, { expose, emit }) {
+    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 steps = ["requestOtp", "changePassword"];
+    const step = ref("requestOtp");
+    const email = ref("");
+    const header = computed(() => lang2.value.password.changePassword);
+    const passwordChanged = computed(() => lang2.value.password.passwordChanged);
+    const unprocessableRequest = computed(() => lang2.value.unprocessableRequest);
+    const checkEmail = computed(() => lang2.value.otp.checkEmail);
+    const requestOtpFormRef = ref();
+    const passwordChangeFormRef = ref();
+    const requestOtpHeader = computed(
+      () => {
+        var _a;
+        return ((_a = requestOtpFormRef.value) == null ? void 0 : _a.variables.header) || "";
+      }
+    );
+    const passwordChangeHeader = computed(
+      () => {
+        var _a;
+        return ((_a = passwordChangeFormRef.value) == null ? void 0 : _a.variables.header) || "";
+      }
+    );
+    const requestOtp = ({
+      email: emittedEmail,
+      done
+    }) => {
+      emit("requestOtp", {
+        email: emittedEmail,
+        done: () => {
+          email.value = emittedEmail;
+          done();
+        }
+      });
+    };
+    const changePassword = ({ email: email2, newPassword, otp, done }) => {
+      emit("changePassword", {
+        email: email2,
+        newPassword,
+        otp,
+        done
+      });
+    };
+    const variables = ref({
+      header,
+      passwordChanged,
+      unprocessableRequest,
+      checkEmail,
+      steps
+    });
+    const functions = ref({
+      goToStep: (newStep) => step.value = newStep
+    });
+    expose({
+      variables,
+      functions
+    });
+    return (_ctx, _cache) => {
+      const _component_q_step = QStep;
+      const _component_q_stepper_navigation = QStepperNavigation;
+      const _component_q_stepper = QStepper;
+      return openBlock(), createBlock(_component_q_stepper, {
+        modelValue: step.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => step.value = $event)
+      }, {
+        navigation: withCtx(() => [
+          createVNode(_component_q_stepper_navigation, { class: "text-right" }, {
+            default: withCtx(() => {
+              var _a, _b;
+              return [
+                step.value === "requestOtp" ? (openBlock(), createBlock(_sfc_main$c, {
+                  key: 0,
+                  "is-next-button": "",
+                  onSubmit: (_a = requestOtpFormRef.value) == null ? void 0 : _a.functions.submit
+                }, null, 8, ["onSubmit"])) : createCommentVNode("", true),
+                step.value === "changePassword" ? (openBlock(), createBlock(_sfc_main$c, {
+                  key: 1,
+                  onSubmit: (_b = passwordChangeFormRef.value) == null ? void 0 : _b.functions.submit
+                }, null, 8, ["onSubmit"])) : createCommentVNode("", true)
+              ];
+            }),
+            _: 1
+          })
+        ]),
+        default: withCtx(() => [
+          createVNode(_component_q_step, {
+            name: "requestOtp",
+            title: unref(requestOtpHeader)
+          }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$b, {
+                ref_key: "requestOtpFormRef",
+                ref: requestOtpFormRef,
+                input: __props.input,
+                onSubmit: requestOtp
+              }, null, 8, ["input"])
+            ]),
+            _: 1
+          }, 8, ["title"]),
+          createVNode(_component_q_step, {
+            name: "changePassword",
+            title: unref(passwordChangeHeader)
+          }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$7, {
+                ref_key: "passwordChangeFormRef",
+                ref: passwordChangeFormRef,
+                email: email.value,
+                input: __props.input,
+                onSubmit: changePassword
+              }, null, 8, ["email", "input"])
+            ]),
+            _: 1
+          }, 8, ["title"])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+const __default__$5 = {
+  name: "LoginForm"
+};
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  ...__default__$5,
+  props: {
+    useUsername: { type: Boolean },
+    passwordForgotUrl: null,
+    form: null,
+    input: null
+  },
+  emits: ["submit"],
+  setup(__props, { expose, emit }) {
+    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 email = ref("");
+    const password = ref("");
+    const username = ref("");
+    const showPassword = ref(false);
+    const header = computed(() => lang2.value.login.login);
+    const createAccount = computed(() => lang2.value.login.createAccount);
+    const invalidCredentials = computed(() => lang2.value.login.invalidCredentials);
+    const unprocessableRequest = computed(() => lang2.value.unprocessableRequest);
+    const formRef = ref();
+    const validations = computed(() => ({
+      email: [
+        (val) => !!val || lang2.value.login.validations.fieldRequired,
+        (val) => isEmail(val) || lang2.value.login.validations.invalidEmail
+      ],
+      username: [(val) => !!val || lang2.value.login.validations.fieldRequired],
+      password: [(val) => !!val || lang2.value.login.validations.fieldRequired]
+    }));
+    const submit = (evt) => {
+      var _a;
+      (_a = formRef.value) == null ? void 0 : _a.validate().then((success) => {
+        if (success) {
+          emit("submit", {
+            email: email.value.trim(),
+            password: password.value,
+            username: username.value.trim(),
+            done: evt.done
+          });
+        } else
+          evt.done();
+      });
+    };
+    const variables = ref({
+      header,
+      createAccount,
+      invalidCredentials,
+      unprocessableRequest
+    });
+    const functions = ref({
+      submit
+    });
+    expose({
+      variables,
+      functions
+    });
+    return (_ctx, _cache) => {
+      const _component_q_input = QInput;
+      const _component_q_icon = QIcon;
+      const _component_q_btn = QBtn;
+      return openBlock(), createBlock(unref(QForm), mergeProps({
+        ref_key: "formRef",
+        ref: formRef,
+        class: "q-gutter-md"
+      }, __props.form), {
+        default: withCtx(() => [
+          !__props.useUsername ? (openBlock(), createBlock(_component_q_input, mergeProps({ key: 0 }, __props.input, {
+            id: "email",
+            modelValue: email.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => email.value = $event),
+            name: "email",
+            label: unref(lang2).login.fields.email,
+            "bottom-slots": "",
+            rules: unref(validations)["email"],
+            "lazy-rules": ""
+          }), null, 16, ["modelValue", "label", "rules"])) : createCommentVNode("", true),
+          __props.useUsername ? (openBlock(), createBlock(_component_q_input, mergeProps({ key: 1 }, __props.input, {
+            id: "username",
+            modelValue: username.value,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => username.value = $event),
+            name: "username",
+            label: unref(lang2).login.fields.username,
+            "bottom-slots": "",
+            rules: unref(validations)["username"],
+            "lazy-rules": ""
+          }), null, 16, ["modelValue", "label", "rules"])) : createCommentVNode("", true),
+          createVNode(_component_q_input, mergeProps({
+            id: "password",
+            modelValue: password.value,
+            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => password.value = $event),
+            class: "q-pt-none"
+          }, __props.input, {
+            name: "password",
+            type: showPassword.value ? "text" : "password",
+            label: unref(lang2).login.fields.password,
+            rules: unref(validations)["password"],
+            "lazy-rules": "",
+            "bottom-slots": ""
+          }), {
+            append: withCtx(() => [
+              createVNode(_component_q_icon, {
+                name: showPassword.value ? "visibility" : "visibility_off",
+                class: "cursor-pointer",
+                onClick: _cache[2] || (_cache[2] = ($event) => showPassword.value = !showPassword.value)
+              }, null, 8, ["name"])
+            ]),
+            _: 1
+          }, 16, ["modelValue", "type", "label", "rules"]),
+          __props.passwordForgotUrl ? (openBlock(), createBlock(_component_q_btn, {
+            key: 2,
+            class: "q-pt-none",
+            label: unref(lang2).login.forgotPassword,
+            size: "sm",
+            flat: "",
+            to: __props.passwordForgotUrl
+          }, null, 8, ["label", "to"])) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "default", { submit })
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+var alphanumeric = {
+  "en-US": /^[0-9A-Z]+$/i,
+  "az-AZ": /^[0-9A-VXYZÇƏĞİıÖŞÜ]+$/i,
+  "bg-BG": /^[0-9А-Я]+$/i,
+  "cs-CZ": /^[0-9A-ZÁČĎÉĚÍŇÓŘŠŤÚŮÝŽ]+$/i,
+  "da-DK": /^[0-9A-ZÆØÅ]+$/i,
+  "de-DE": /^[0-9A-ZÄÖÜß]+$/i,
+  "el-GR": /^[0-9Α-ω]+$/i,
+  "es-ES": /^[0-9A-ZÁÉÍÑÓÚÜ]+$/i,
+  "fi-FI": /^[0-9A-ZÅÄÖ]+$/i,
+  "fr-FR": /^[0-9A-ZÀÂÆÇÉÈÊËÏÎÔŒÙÛÜŸ]+$/i,
+  "it-IT": /^[0-9A-ZÀÉÈÌÎÓÒÙ]+$/i,
+  "hu-HU": /^[0-9A-ZÁÉÍÓÖŐÚÜŰ]+$/i,
+  "nb-NO": /^[0-9A-ZÆØÅ]+$/i,
+  "nl-NL": /^[0-9A-ZÁÉËÏÓÖÜÚ]+$/i,
+  "nn-NO": /^[0-9A-ZÆØÅ]+$/i,
+  "pl-PL": /^[0-9A-ZĄĆĘŚŁŃÓŻŹ]+$/i,
+  "pt-PT": /^[0-9A-ZÃÁÀÂÄÇÉÊËÍÏÕÓÔÖÚÜ]+$/i,
+  "ru-RU": /^[0-9А-ЯЁ]+$/i,
+  "sl-SI": /^[0-9A-ZČĆĐŠŽ]+$/i,
+  "sk-SK": /^[0-9A-ZÁČĎÉÍŇÓŠŤÚÝŽĹŔĽÄÔ]+$/i,
+  "sr-RS@latin": /^[0-9A-ZČĆŽŠĐ]+$/i,
+  "sr-RS": /^[0-9А-ЯЂЈЉЊЋЏ]+$/i,
+  "sv-SE": /^[0-9A-ZÅÄÖ]+$/i,
+  "th-TH": /^[ก-๙\s]+$/i,
+  "tr-TR": /^[0-9A-ZÇĞİıÖŞÜ]+$/i,
+  "uk-UA": /^[0-9А-ЩЬЮЯЄIЇҐі]+$/i,
+  "ku-IQ": /^[٠١٢٣٤٥٦٧٨٩0-9ئابپتجچحخدرڕزژسشعغفڤقکگلڵمنوۆھەیێيطؤثآإأكضصةظذ]+$/i,
+  "vi-VN": /^[0-9A-ZÀÁẠẢÃÂẦẤẬẨẪĂẰẮẶẲẴĐÈÉẸẺẼÊỀẾỆỂỄÌÍỊỈĨÒÓỌỎÕÔỒỐỘỔỖƠỜỚỢỞỠÙÚỤỦŨƯỪỨỰỬỮỲÝỴỶỸ]+$/i,
+  ar: /^[٠١٢٣٤٥٦٧٨٩0-9ءآأؤإئابةتثجحخدذرزسشصضطظعغفقكلمنهوىيًٌٍَُِّْٰ]+$/,
+  he: /^[0-9א-ת]+$/,
+  fa: /^['0-9آاءأؤئبپتثجچحخدذرزژسشصضطظعغفقکگلمنوهةی۱۲۳۴۵۶۷۸۹۰']+$/i,
+  "hi-IN": /^[\u0900-\u0963]+[\u0966-\u097F]*$/i
+};
+var englishLocales = ["AU", "GB", "HK", "IN", "NZ", "ZA", "ZM"];
+for (var locale, i = 0; i < englishLocales.length; i++) {
+  locale = "en-".concat(englishLocales[i]);
+  alphanumeric[locale] = alphanumeric["en-US"];
+}
+var arabicLocales = ["AE", "BH", "DZ", "EG", "IQ", "JO", "KW", "LB", "LY", "MA", "QM", "QA", "SA", "SD", "SY", "TN", "YE"];
+for (var _locale, _i = 0; _i < arabicLocales.length; _i++) {
+  _locale = "ar-".concat(arabicLocales[_i]);
+  alphanumeric[_locale] = alphanumeric.ar;
+}
+var farsiLocales = ["IR", "AF"];
+for (var _locale2, _i2 = 0; _i2 < farsiLocales.length; _i2++) {
+  _locale2 = "fa-".concat(farsiLocales[_i2]);
+  alphanumeric[_locale2] = alphanumeric.fa;
+}
+alphanumeric["fr-CA"] = alphanumeric["fr-FR"];
+alphanumeric["pt-BR"] = alphanumeric["pt-PT"];
+alphanumeric["pl-Pl"] = alphanumeric["pl-PL"];
+function isAlphanumeric(_str) {
+  var locale = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "en-US";
+  var options = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
+  assertString(_str);
+  var str = _str;
+  var ignore = options.ignore;
+  if (ignore) {
+    if (ignore instanceof RegExp) {
+      str = str.replace(ignore, "");
+    } else if (typeof ignore === "string") {
+      str = str.replace(new RegExp("[".concat(ignore.replace(/[-[\]{}()*+?.,\\^$|#\\s]/g, "\\$&"), "]"), "g"), "");
+    } else {
+      throw new Error("ignore should be instance of a String or RegExp");
+    }
+  }
+  if (locale in alphanumeric) {
+    return alphanumeric[locale].test(str);
+  }
+  throw new Error("Invalid locale '".concat(locale, "'"));
+}
+const __default__$4 = {
+  name: "RegisterForm"
+};
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  ...__default__$4,
+  props: {
+    useUsername: { type: Boolean },
+    extraFields: { default: void 0 },
+    minimumPasswordLength: { default: 8 },
+    form: { default: void 0 },
+    input: { default: void 0 }
+  },
+  emits: ["submit"],
+  setup(__props, { expose, emit }) {
+    const props = __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);
+    });
+    const email = ref("");
+    const password = ref("");
+    const repeatPassword = ref("");
+    const extraFieldValues = ref({});
+    const username = ref("");
+    const showPassword = ref(false);
+    const header = computed(() => lang2.value.register.register);
+    const forgotPassword = computed(() => lang2.value.register.forgotPassword);
+    const accountCreated = computed(() => lang2.value.register.accountCreated);
+    const unprocessableRequest = computed(() => lang2.value.unprocessableRequest);
+    const alreadyRegistered = computed(() => lang2.value.register.alreadyRegistered);
+    const minimumPasswordLength = toRef(props, "minimumPasswordLength");
+    const formRef = ref();
+    const validations = computed(() => ({
+      email: [
+        (val) => !!val || lang2.value.register.validations.fieldRequired,
+        (val) => isEmail(val) || lang2.value.register.validations.invalidEmail
+      ],
+      username: [
+        (val) => !!val || lang2.value.register.validations.fieldRequired,
+        (val) => isAlphanumeric(val) || lang2.value.register.validations.notAlphaNumeric
+      ],
+      password: [
+        (val) => !!val || lang2.value.password.validations.fieldRequired,
+        (val) => val.length >= minimumPasswordLength.value || lang2.value.password.validations.minimumPasswordLength(
+          minimumPasswordLength.value
+        )
+      ],
+      repeatPassword: [
+        (val) => !!val || lang2.value.password.validations.fieldRequired,
+        (val) => equals(val, password.value) || lang2.value.password.validations.passwordsDoNotMatch
+      ]
+    }));
+    const submit = (evt) => {
+      var _a;
+      (_a = formRef.value) == null ? void 0 : _a.validate().then((success) => {
+        if (success) {
+          emit("submit", {
+            email: email.value.trim(),
+            password: password.value,
+            username: username.value.trim(),
+            extraFields: extraFieldValues.value,
+            done: evt.done
+          });
+        } else
+          evt.done();
+      });
+    };
+    const variables = ref({
+      header,
+      forgotPassword,
+      accountCreated,
+      unprocessableRequest,
+      alreadyRegistered
+    });
+    const functions = ref({
+      submit
+    });
+    expose({
+      variables,
+      functions
+    });
+    return (_ctx, _cache) => {
+      const _component_q_input = QInput;
+      const _component_q_icon = QIcon;
+      return openBlock(), createBlock(unref(QForm), mergeProps({
+        ref_key: "formRef",
+        ref: formRef,
+        class: "q-gutter-md"
+      }, __props.form), {
+        default: withCtx(() => [
+          !__props.useUsername ? (openBlock(), createBlock(_component_q_input, mergeProps({ key: 0 }, __props.input, {
+            id: "email",
+            modelValue: email.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => email.value = $event),
+            name: "email",
+            label: unref(lang2).register.fields.email,
+            "bottom-slots": "",
+            rules: unref(validations)["email"],
+            "lazy-rules": ""
+          }), null, 16, ["modelValue", "label", "rules"])) : createCommentVNode("", true),
+          __props.useUsername ? (openBlock(), createBlock(_component_q_input, mergeProps({ key: 1 }, __props.input, {
+            id: "username",
+            modelValue: username.value,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => username.value = $event),
+            name: "username",
+            label: unref(lang2).register.fields.username,
+            "bottom-slots": "",
+            rules: unref(validations)["username"],
+            "lazy-rules": ""
+          }), null, 16, ["modelValue", "label", "rules"])) : createCommentVNode("", true),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.extraFields, (field) => {
+            return openBlock(), createBlock(_component_q_input, {
+              key: field.name,
+              modelValue: extraFieldValues.value[field.name],
+              "onUpdate:modelValue": ($event) => extraFieldValues.value[field.name] = $event,
+              type: "text",
+              name: field.name,
+              label: field.label,
+              rules: field.rules,
+              "bottom-slots": ""
+            }, null, 8, ["modelValue", "onUpdate:modelValue", "name", "label", "rules"]);
+          }), 128)),
+          createVNode(_component_q_input, mergeProps(__props.input, {
+            id: "password",
+            modelValue: password.value,
+            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => password.value = $event),
+            name: "password",
+            type: showPassword.value ? "text" : "password",
+            label: unref(lang2).register.fields.password,
+            rules: unref(validations)["password"],
+            "lazy-rules": "",
+            "bottom-slots": ""
+          }), {
+            append: withCtx(() => [
+              createVNode(_component_q_icon, {
+                name: showPassword.value ? "visibility" : "visibility_off",
+                class: "cursor-pointer",
+                onClick: _cache[2] || (_cache[2] = ($event) => showPassword.value = !showPassword.value)
+              }, null, 8, ["name"])
+            ]),
+            _: 1
+          }, 16, ["modelValue", "type", "label", "rules"]),
+          createVNode(_component_q_input, {
+            id: "repeatPassword",
+            modelValue: repeatPassword.value,
+            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => repeatPassword.value = $event),
+            type: showPassword.value ? "text" : "password",
+            label: unref(lang2).register.fields.repeatPassword,
+            "bottom-slots": "",
+            required: "",
+            rules: unref(validations)["repeatPassword"],
+            "lazy-rules": ""
+          }, {
+            append: withCtx(() => [
+              createVNode(_component_q_icon, {
+                name: showPassword.value ? "visibility" : "visibility_off",
+                class: "cursor-pointer",
+                onClick: _cache[4] || (_cache[4] = ($event) => showPassword.value = !showPassword.value)
+              }, null, 8, ["name"])
+            ]),
+            _: 1
+          }, 8, ["modelValue", "type", "label", "rules"]),
+          renderSlot(_ctx.$slots, "default", { submit })
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+const __default__$3 = {
+  name: "VerificationSlider"
+};
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...__default__$3,
+  props: {
+    useVerificationSlider: { type: Boolean }
+  },
+  emits: ["verified"],
+  setup(__props, { expose, emit }) {
+    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 sliderValue = ref(0);
+    const sliderColor = ref("red");
+    const completed = ref(false);
+    watch(sliderValue, (newVal, oldVal) => {
+      if (newVal > 80) {
+        sliderColor.value = "green";
+        setTimeout(() => {
+          sliderValue.value = 100;
+          completed.value = true;
+        }, 500);
+        emit("verified");
+      }
+    });
+    const variables = ref({});
+    const functions = ref({});
+    expose({
+      variables,
+      functions
+    });
+    return (_ctx, _cache) => {
+      const _component_q_slider = QSlider;
+      return openBlock(), createElementBlock(Fragment, null, [
+        createTextVNode(toDisplayString(unref(lang2).verification.slider) + " ", 1),
+        createVNode(_component_q_slider, {
+          modelValue: sliderValue.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => sliderValue.value = $event),
+          color: sliderColor.value,
+          readonly: completed.value
+        }, null, 8, ["modelValue", "color", "readonly"])
+      ], 64);
+    };
+  }
+});
+const __default__$2 = {
+  name: "ConsentList"
+};
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...__default__$2,
+  props: {
+    scopes: null,
+    claims: null,
+    resourceScopes: null
+  },
+  setup(__props, { 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 message = computed(() => lang2.value.consent.message);
+    const allow = computed(() => lang2.value.consent.allow);
+    const deny = computed(() => lang2.value.consent.deny);
+    const variables = ref({
+      message,
+      allow,
+      deny
+    });
+    const functions = ref({});
+    expose({
+      variables,
+      functions
+    });
+    return (_ctx, _cache) => {
+      const _component_q_icon = QIcon;
+      const _component_q_item_section = QItemSection;
+      const _component_q_item = QItem;
+      const _component_q_list = QList;
+      return openBlock(), createBlock(_component_q_list, null, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.scopes, (scope) => {
+            return openBlock(), createBlock(_component_q_item, {
+              key: scope.name
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_q_item_section, { avatar: "" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_q_icon, {
+                      color: "green",
+                      name: "check"
+                    })
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_q_item_section, null, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(scope.name), 1)
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              _: 2
+            }, 1024);
+          }), 128)),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.claims, (claim) => {
+            return openBlock(), createBlock(_component_q_item, {
+              key: claim.name
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_q_item_section, { avatar: "" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_q_icon, {
+                      color: "green",
+                      name: "check"
+                    })
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_q_item_section, null, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(claim.name), 1)
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              _: 2
+            }, 1024);
+          }), 128)),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.resourceScopes, (resourceScope) => {
+            return openBlock(), createBlock(_component_q_item, {
+              key: resourceScope.name
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_q_item_section, { avatar: "" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_q_icon, {
+                      color: "green",
+                      name: "check"
+                    })
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_q_item_section, null, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(resourceScope.name), 1)
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              _: 2
+            }, 1024);
+          }), 128))
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const __default__$1 = {
+  name: "UserMenuButton"
+};
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...__default__$1,
+  props: {
+    userRoute: null
+  },
+  emits: ["signOut"],
+  setup(__props, { expose, emit }) {
+    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 variables = ref({});
+    const functions = ref({});
+    expose({
+      variables,
+      functions
+    });
+    return (_ctx, _cache) => {
+      const _component_q_item_section = QItemSection;
+      const _component_q_item = QItem;
+      const _component_q_list = QList;
+      const _component_q_menu = QMenu;
+      const _component_q_btn = QBtn;
+      return openBlock(), createBlock(_component_q_btn, { icon: "person" }, {
+        default: withCtx(() => [
+          createVNode(_component_q_menu, null, {
+            default: withCtx(() => [
+              createVNode(_component_q_list, null, {
+                default: withCtx(() => [
+                  createVNode(_component_q_item, { to: __props.userRoute }, {
+                    default: withCtx(() => [
+                      createVNode(_component_q_item_section, null, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(unref(lang2).myAccount), 1)
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["to"]),
+                  renderSlot(_ctx.$slots, "default"),
+                  createVNode(_component_q_item, {
+                    clickable: "",
+                    onClick: _cache[0] || (_cache[0] = ($event) => emit("signOut"))
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_q_item_section, null, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(unref(lang2).signOut), 1)
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 3
+              })
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = { key: 1 };
+const __default__ = {
+  name: "LoginButton"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    withNetwork: null
+  },
+  setup(__props, { 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 variables = ref({});
+    const functions = ref({});
+    expose({
+      variables,
+      functions
+    });
+    return (_ctx, _cache) => {
+      const _component_q_btn = QBtn;
+      return openBlock(), createBlock(_component_q_btn, null, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "icon"),
+          __props.withNetwork ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(unref(lang2).login.loginWith) + " " + toDisplayString(__props.withNetwork), 1)) : (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(unref(lang2).login.login), 1))
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+export {
+  _sfc_main$2 as ConsentList,
+  _sfc_main$9 as EmailChangeForm,
+  _sfc_main$8 as EmailChangeStepper,
+  _sfc_main as LoginButton,
+  _sfc_main$5 as LoginForm,
+  _sfc_main$a as OtpInput,
+  _sfc_main$7 as PasswordChangeForm,
+  _sfc_main$6 as PasswordChangeStepper,
+  _sfc_main$4 as RegisterForm,
+  _sfc_main$b as RequestOtpForm,
+  _sfc_main$1 as UserMenuButton,
+  _sfc_main$3 as VerificationSlider
+};