@simsustech/quasar-components 0.11.10 → 0.11.11

package/dist/form.js

@@ -1,109 +1,8 @@
-import { ref, defineComponent, useAttrs, withAsyncContext, watch, createBlock, openBlock, unref, mergeProps, normalizeProps, guardReactiveProps, withCtx, createVNode, createTextVNode, toDisplayString, toRefs, computed, useSlots, createCommentVNode, renderSlot, createSlots, renderList, resolveDirective, createElementVNode, withDirectives, createElementBlock, Fragment, resolveDynamicComponent } from "vue";
+import { defineComponent, useAttrs, withAsyncContext, watch, ref, createBlock, openBlock, unref, mergeProps, normalizeProps, guardReactiveProps, withCtx, createVNode, createTextVNode, toDisplayString, toRefs, computed, useSlots, createCommentVNode, renderSlot, createSlots, renderList, resolveDirective, createElementVNode, withDirectives, createElementBlock, Fragment, resolveDynamicComponent } from "vue";
 import { useQuasar, QSelect, QItem, QItemSection, QItemLabel, QInput, QField, QIcon, QTooltip, QPopupProxy, QDate, QBtn, QEditor } from "quasar";
-import { u as useLang$1, f as flags } from "./index-DnmJt2wP.js";
-const lang$1 = {
-  isoName: "en-US",
-  yes: "Yes",
-  no: "No",
-  selectMultiple: "Select one or multiple",
-  noResultsAvailable: "No results available.",
-  buttons: {
-    close: "Close"
-  },
-  email: {
-    subject: "Subject"
-  },
-  fields: {
-    name: "Name",
-    firstName: "First name",
-    lastName: "Last name",
-    address: "Address",
-    postalCode: "Postal code",
-    city: "City",
-    telephoneNumber: "Telephone number"
-  },
-  validations: {
-    fieldRequired: "Field is required."
-  },
-  gender: {
-    gender: "Gender",
-    male: "Male",
-    female: "Female",
-    other: "Other"
-  },
-  postalCode: {
-    postalCode: "Postal code",
-    validations: {
-      invalidPostalCode: "Invalid postal code"
-    }
-  },
-  datePicker: {
-    date: "Date",
-    placeholder: "YYYY/MM/DD",
-    YYYY: "YYYY",
-    MM: "MM",
-    DD: "DD",
-    validations: {
-      unavailableRange: "The selected period contains unavailable dates."
-    }
-  },
-  currency: {
-    currency: "Currency",
-    EUR: "Euro",
-    USD: "USD"
-  },
-  locale: {
-    locale: "Locale"
-  },
-  cron: {
-    name: "Repeat",
-    minute: "Minute",
-    hour: "Hour",
-    dayOfMonth: "Day of month",
-    month: "Month",
-    dayOfWeek: "Day of week",
-    every: {
-      minute: "Every minute",
-      hour: "Every hour",
-      dayOfMonth: "Every day",
-      month: "Every month",
-      dayOfWeek: "Every day of the week"
-    },
-    validations: {
-      invalidCron: "Cron rule is invalid."
-    }
-  }
-};
-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-BL9hHEHL.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) {
-      throw new Error(
-        `[quasar-components] Failed to load ${isoName} language file.`
-      );
-    }
-    loadingLanguage = false;
-  }
-};
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+import { u as useLang, l as loadLang } from "./LocaleSelect.vue_vue_type_script_setup_true_lang-Du4fNbTV.js";
+import { _ } from "./LocaleSelect.vue_vue_type_script_setup_true_lang-Du4fNbTV.js";
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "GenderSelect",
   props: {
     modelValue: {},
@@ -115,39 +14,39 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     let __temp, __restore;
     const props = __props;
     const attrs = useAttrs();
-    const lang2 = useLang();
+    const lang = useLang();
     const $q = useQuasar();
-    if (lang2.value.isoName !== $q.lang.isoName) [__temp, __restore] = withAsyncContext(() => loadLang($q.lang.isoName)), await __temp, __restore();
+    if (lang.value.isoName !== $q.lang.isoName) [__temp, __restore] = withAsyncContext(() => loadLang($q.lang.isoName)), await __temp, __restore();
     watch($q.lang, () => {
       loadLang($q.lang.isoName);
     });
     const genderOptions = ref([
       {
-        label: lang2.value.gender.male,
+        label: lang.value.gender.male,
         value: "male"
       },
       {
-        label: lang2.value.gender.female,
+        label: lang.value.gender.female,
         value: "female"
       }
     ]);
     if (!props.disableOther) {
       genderOptions.value.push({
-        label: lang2.value.gender.other,
+        label: lang.value.gender.other,
         value: "other"
       });
     }
     const validations = ref([]);
     if (props.required)
       validations.value.push(
-        (val) => !!val || lang2.value.validations.fieldRequired
+        (val) => !!val || lang.value.validations.fieldRequired
       );
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(QSelect), mergeProps(unref(attrs), {
         rules: validations.value,
         "model-value": _ctx.modelValue,
         options: genderOptions.value,
-        label: `${unref(lang2).gender.gender}${_ctx.required ? "*" : ""}`,
+        label: `${unref(lang).gender.gender}${_ctx.required ? "*" : ""}`,
         "emit-value": "",
         "map-options": "",
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
@@ -155,16 +54,16 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "GenderItem",
   props: {
     modelValue: {}
   },
   setup(__props) {
     const attrs = useAttrs();
-    const lang2 = useLang();
+    const lang = useLang();
     const $q = useQuasar();
-    if (lang2.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName);
+    if (lang.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName);
     watch($q.lang, () => {
       loadLang($q.lang.isoName);
     });
@@ -175,13 +74,13 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               createVNode(unref(QItemLabel), { overline: "" }, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(unref(lang2).gender.gender), 1)
+                  createTextVNode(toDisplayString(unref(lang).gender.gender), 1)
                 ]),
                 _: 1
               }),
               createVNode(unref(QItemLabel), null, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.modelValue ? unref(lang2).gender[_ctx.modelValue] : ""), 1)
+                  createTextVNode(toDisplayString(_ctx.modelValue ? unref(lang).gender[_ctx.modelValue] : ""), 1)
                 ]),
                 _: 1
               })
@@ -194,7 +93,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "PostalCodeInput",
   props: {
     modelValue: {},
@@ -204,7 +103,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue"],
   setup(__props) {
     const props = __props;
-    const lang2 = useLang();
+    const lang = useLang();
     const attrs = useAttrs();
     const { country } = toRefs(props);
     const masks = ref({
@@ -213,7 +112,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     const validations = ref({
       NL: [
         (val) => !val || // Do not check an empty string
-        /^[1-9][0-9]{3} ?(?!sa|sd|ss)[a-z]{2}$/i.test(val) || lang2.value.postalCode.validations.invalidPostalCode
+        /^[1-9][0-9]{3} ?(?!sa|sd|ss)[a-z]{2}$/i.test(val) || lang.value.postalCode.validations.invalidPostalCode
       ]
     });
     const computedMask = computed(() => {
@@ -226,7 +125,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       if (country.value && validations.value[country.value])
         val.push(...validations.value[country.value]);
       if (props.required)
-        val.push((val2) => !!val2 || lang2.value.validations.fieldRequired);
+        val.push((val2) => !!val2 || lang.value.validations.fieldRequired);
       return val;
     });
     return (_ctx, _cache) => {
@@ -234,13 +133,13 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         mask: computedMask.value,
         rules: computedValidations.value,
         "model-value": _ctx.modelValue,
-        label: `${unref(lang2).postalCode.postalCode}${_ctx.required ? "*" : ""}`,
+        label: `${unref(lang).postalCode.postalCode}${_ctx.required ? "*" : ""}`,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
       }), null, 16, ["mask", "rules", "model-value", "label"]);
     };
   }
 });
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "FormItem",
   props: {
     modelValue: {},
@@ -250,9 +149,9 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const attrs = useAttrs();
     const slots = useSlots();
-    const lang2 = useLang();
+    const lang = useLang();
     const $q = useQuasar();
-    if (lang2.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName);
+    if (lang.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName);
     watch($q.lang, () => {
       loadLang($q.lang.isoName);
     });
@@ -272,7 +171,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               createVNode(unref(QItemLabel), { overline: "" }, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.label ? _ctx.label : _ctx.field ? unref(lang2).fields[_ctx.field] : ""), 1)
+                  createTextVNode(toDisplayString(_ctx.label ? _ctx.label : _ctx.field ? unref(lang).fields[_ctx.field] : ""), 1)
                 ]),
                 _: 1
               }),
@@ -300,7 +199,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "FormInput",
   props: {
     modelValue: {},
@@ -311,25 +210,25 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const attrs = useAttrs();
-    const lang2 = useLang();
+    const lang = useLang();
     const $q = useQuasar();
-    if (lang2.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName);
+    if (lang.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName);
     watch($q.lang, () => {
       loadLang($q.lang.isoName);
     });
     const validations = ref([]);
     if (props.required)
       validations.value.push(
-        (val) => !!val || lang2.value.validations.fieldRequired
+        (val) => !!val || lang.value.validations.fieldRequired
       );
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(QInput), mergeProps(unref(attrs), {
         rules: validations.value,
         "model-value": _ctx.modelValue,
-        label: `${_ctx.field ? unref(lang2).fields[_ctx.field] : _ctx.label ? _ctx.label : ""}${_ctx.required ? "*" : ""}`,
+        label: `${_ctx.field ? unref(lang).fields[_ctx.field] : _ctx.label ? _ctx.label : ""}${_ctx.required ? "*" : ""}`,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
       }), createSlots({ _: 2 }, [
-        renderList(_ctx.$slots, (_, slot) => {
+        renderList(_ctx.$slots, (_2, slot) => {
           return {
             name: slot,
             fn: withCtx((scope) => [
@@ -341,7 +240,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "TelephoneNumberInput",
   props: {
     modelValue: {},
@@ -350,29 +249,30 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue"],
   setup(__props) {
     const props = __props;
-    const lang2 = useLang();
+    const lang = useLang();
     const attrs = useAttrs();
     const validations = ref([]);
     if (props.required)
       validations.value.push(
-        (val) => !!val || lang2.value.validations.fieldRequired
+        (val) => !!val || lang.value.validations.fieldRequired
       );
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(QInput), mergeProps(unref(attrs), {
         rules: validations.value,
         "model-value": _ctx.modelValue,
-        label: `${unref(lang2).fields.telephoneNumber}${_ctx.required ? "*" : ""}`,
+        label: `${unref(lang).fields.telephoneNumber}${_ctx.required ? "*" : ""}`,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
       }), null, 16, ["rules", "model-value", "label"]);
     };
   }
 });
-const _hoisted_1$1 = {
+const _hoisted_1 = { class: "row" };
+const _hoisted_2 = {
   key: 0,
-  style: { "margin-left": "-0.75em", "margin-top": "0.75em" }
+  style: { "margin-top": "1em", "width": "1ch" }
 };
-const _hoisted_2 = { class: "row items-center justify-end" };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _hoisted_3 = { class: "row items-center justify-end" };
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "DateInput",
   props: {
     modelValue: {},
@@ -391,7 +291,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const lang2 = useLang();
+    const lang = useLang();
     const { modelValue, format, locale } = toRefs(props);
     const year = ref();
     const month = ref();
@@ -467,40 +367,49 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     const dateProps = computed(() => ({
       YYYY: {
         modelValue: year.value,
-        placeholder: lang2.value.datePicker.YYYY,
+        placeholder: lang.value.datePicker.YYYY,
         style: {
-          width: format.value === "YYYY-MM-DD" ? "8ch" : "6ch",
-          "margin-top": "-2em",
-          "margin-bottom": "-0.5em"
+          "max-width": format.value === "YYYY-MM-DD" ? "8ch" : "7ch",
+          "margin-top": "-1.75em",
+          "margin-bottom": "-0.5em",
+          background: "transparent",
+          border: 0
         },
         // suffix: format.value === 'YYYY-MM-DD' ? '-' : undefined,
         class: format.value !== "YYYY-MM-DD" ? "q-mb-none q-ml-none" : void 0,
+        inputClass: "text-center",
         "onUpdate:modelValue": setYear,
         onKeydown: goToNextElement
       },
       MM: {
         modelValue: month.value ? String(month.value).padStart(2, "0") : "",
-        placeholder: lang2.value.datePicker.MM,
+        placeholder: lang.value.datePicker.MM,
         style: {
-          width: "6ch",
-          "margin-top": "-2em",
-          "margin-bottom": "-0.5em"
+          "max-width": "7ch",
+          "margin-top": "-1.75em",
+          "margin-bottom": "-0.5em",
+          background: "transparent",
+          border: 0
         },
         // suffix: '-',
         class: "q-ml-none",
+        inputClass: "text-center",
         "onUpdate:modelValue": setMonth,
         onKeydown: goToNextElement
       },
       DD: {
         modelValue: day.value ? String(day.value).padStart(2, "0") : "",
-        placeholder: lang2.value.datePicker.DD,
+        placeholder: lang.value.datePicker.DD,
         style: {
-          width: format.value === "DD-MM-YYYY" ? "6ch" : "4ch",
-          "margin-top": "-2em",
-          "margin-bottom": "-0.5em"
+          "max-width": format.value === "DD-MM-YYYY" ? "7ch" : "4ch",
+          "margin-top": "-1.75em",
+          "margin-bottom": "-0.5em",
+          background: "transparent",
+          border: 0
         },
         // suffix: format.value === 'DD-MM-YYYY' ? '-' : undefined,
         class: format.value === "YYYY-MM-DD" ? "q-ml-none" : void 0,
+        inputClass: "text-center",
         "onUpdate:modelValue": setDay,
         onKeydown: goToNextElement
       }
@@ -514,7 +423,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     ]);
     if (props.required)
       validations.value.push(
-        (val) => !!val || lang2.value.validations.fieldRequired
+        (val) => !!val || lang.value.validations.fieldRequired
       );
     return (_ctx, _cache) => {
       const _component_q_icon = QIcon;
@@ -529,20 +438,30 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         rules: validations.value,
         label: `${_ctx.label}${_ctx.required ? "*" : ""}`,
         "stack-label": ""
-      }, {
+      }, createSlots({
         control: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(format).split("-"), (part, index) => {
-            return openBlock(), createBlock(resolveDynamicComponent(unref(QInput)), mergeProps({
-              key: part,
-              borderless: "",
-              ref_for: true
-            }, dateProps.value[part], { inputmode: "numeric" }), {
-              after: withCtx(() => [
-                index < 2 ? (openBlock(), createElementBlock("a", _hoisted_1$1, "-")) : createCommentVNode("", true)
-              ]),
-              _: 2
-            }, 1040);
-          }), 128))
+          createElementVNode("div", _hoisted_1, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(format).split("-"), (part, index) => {
+              return openBlock(), createBlock(resolveDynamicComponent(unref(QInput)), mergeProps({
+                key: part,
+                class: "col-auto",
+                borderless: "",
+                filled: false,
+                outlined: false,
+                standout: false,
+                rounded: false,
+                ref_for: true
+              }, dateProps.value[part], {
+                inputmode: "numeric",
+                dense: ""
+              }), {
+                after: withCtx(() => [
+                  index < 2 ? (openBlock(), createElementBlock("a", _hoisted_2, "-")) : createCommentVNode("", true)
+                ]),
+                _: 2
+              }, 1040);
+            }), 128))
+          ])
         ]),
         append: withCtx(() => [
           _ctx.clearable ? (openBlock(), createBlock(_component_q_icon, {
@@ -575,9 +494,9 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                       "onUpdate:modelValue": setDate
                     }), {
                       default: withCtx(() => [
-                        createElementVNode("div", _hoisted_2, [
+                        createElementVNode("div", _hoisted_3, [
                           withDirectives(createVNode(_component_q_btn, {
-                            label: unref(lang2).buttons.close,
+                            label: unref(lang).buttons.close,
                             color: "primary",
                             flat: ""
                           }, null, 8, ["label"]), [
@@ -595,12 +514,21 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
             _: 1
           }, 8, ["name"])
         ]),
-        _: 1
-      }, 8, ["model-value", "rules", "label"]);
+        _: 2
+      }, [
+        renderList(_ctx.$slots, (_2, slot) => {
+          return {
+            name: slot,
+            fn: withCtx((scope) => [
+              renderSlot(_ctx.$slots, slot, normalizeProps(guardReactiveProps(scope || {})))
+            ])
+          };
+        })
+      ]), 1032, ["model-value", "rules", "label"]);
     };
   }
 });
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "BooleanSelect",
   props: {
     modelValue: { type: [Boolean, null] },
@@ -611,26 +539,26 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const attrs = useAttrs();
-    const lang2 = useLang();
+    const lang = useLang();
     const $q = useQuasar();
-    if (lang2.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName);
+    if (lang.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName);
     watch($q.lang, () => {
       loadLang($q.lang.isoName);
     });
     const booleanOptions = ref([
       {
-        label: lang2.value.yes,
+        label: lang.value.yes,
         value: true
       },
       {
-        label: lang2.value.no,
+        label: lang.value.no,
         value: false
       }
     ]);
     const validations = ref([]);
     if (props.required)
       validations.value.push(
-        (val) => val !== null || lang2.value.validations.fieldRequired
+        (val) => val !== null || lang.value.validations.fieldRequired
       );
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(QSelect), mergeProps(unref(attrs), {
@@ -645,7 +573,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "BooleanItem",
   props: {
     modelValue: { type: [Boolean, null] },
@@ -653,9 +581,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const attrs = useAttrs();
-    const lang2 = useLang();
+    const lang = useLang();
     const $q = useQuasar();
-    if (lang2.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName);
+    if (lang.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName);
     watch($q.lang, () => {
       loadLang($q.lang.isoName);
     });
@@ -672,7 +600,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
               }),
               createVNode(unref(QItemLabel), null, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.modelValue === null ? "-" : _ctx.modelValue ? unref(lang2).yes : unref(lang2).no), 1)
+                  createTextVNode(toDisplayString(_ctx.modelValue === null ? "-" : _ctx.modelValue ? unref(lang).yes : unref(lang).no), 1)
                 ]),
                 _: 1
               })
@@ -688,7 +616,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 const __default__ = {
   name: "EmailInput"
 };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   ...__default__,
   props: {
     subject: {},
@@ -697,7 +625,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   emits: ["update:subject", "update:body"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const emit = __emit;
-    const lang2 = useLang();
+    const lang = useLang();
     const variables = ref({
       // header: lang.value.some.nested.prop
     });
@@ -712,7 +640,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(unref(QInput), {
           outlined: "",
-          placeholder: unref(lang2).email.subject,
+          placeholder: unref(lang).email.subject,
           "model-value": _ctx.subject,
           type: "text",
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:subject", $event))
@@ -731,7 +659,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "DatePicker",
   props: {
     modelValue: {},
@@ -745,7 +673,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const attrs = useAttrs();
     const emit = __emit;
     const $q = useQuasar();
-    const lang2 = useLang();
+    const lang = useLang();
     const { periods, range, options: parentOptions } = toRefs(props);
     const update = (val) => {
       var _a;
@@ -759,7 +687,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           for (const period of unavailablePeriods) {
             if (parsedFrom <= period.startDate && parsedTo >= period.endDate) {
               return $q.notify({
-                message: lang2.value.datePicker.validations.unavailableRange,
+                message: lang.value.datePicker.validations.unavailableRange,
                 color: "red"
               });
             }
@@ -796,7 +724,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "CurrencySelect",
   props: {
     modelValue: {},
@@ -806,28 +734,28 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const attrs = useAttrs();
-    const lang2 = useLang();
+    const lang = useLang();
     const currencyOptions = ref([
       {
-        label: lang2.value.currency.EUR,
+        label: lang.value.currency.EUR,
         value: "EUR"
       },
       {
-        label: lang2.value.currency.USD,
+        label: lang.value.currency.USD,
         value: "USD"
       }
     ]);
     const validations = ref([]);
     if (props.required)
       validations.value.push(
-        (val) => !!val || lang2.value.validations.fieldRequired
+        (val) => !!val || lang.value.validations.fieldRequired
       );
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(QSelect), mergeProps(unref(attrs), {
         rules: validations.value,
         "model-value": _ctx.modelValue,
         options: currencyOptions.value,
-        label: `${unref(lang2).currency.currency}${_ctx.required ? "*" : ""}`,
+        label: `${unref(lang).currency.currency}${_ctx.required ? "*" : ""}`,
         "emit-value": "",
         "map-options": "",
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
@@ -835,79 +763,6 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1 = { key: 0 };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "LocaleSelect",
-  props: {
-    modelValue: {},
-    required: { type: Boolean },
-    allowedCodes: { default: () => ["en-US", "nl"] }
-  },
-  setup(__props) {
-    const attrs = useAttrs();
-    const lang2 = useLang();
-    const flagsLang = useLang$1();
-    const languageOptions = computed(() => {
-      var _a;
-      const options = [];
-      for (let lang22 of Object.keys(flagsLang.value.languages)) {
-        if (!((_a = __props.allowedCodes) == null ? void 0 : _a.length) || __props.allowedCodes.includes(lang22)) {
-          options.push({
-            label: flagsLang.value.languages[lang22],
-            value: lang22
-          });
-        }
-      }
-      return options;
-    });
-    return (_ctx, _cache) => {
-      const _component_q_item_section = QItemSection;
-      const _component_q_item_label = QItemLabel;
-      const _component_q_item = QItem;
-      return openBlock(), createBlock(unref(QSelect), mergeProps(unref(attrs), {
-        options: languageOptions.value,
-        "model-value": _ctx.modelValue,
-        label: `${unref(lang2).locale.locale}${_ctx.required ? "*" : ""}`,
-        "emit-value": "",
-        "map-options": ""
-      }), {
-        selected: withCtx(() => [
-          _ctx.modelValue ? (openBlock(), createElementBlock("div", _hoisted_1, [
-            (openBlock(), createBlock(resolveDynamicComponent(flags[_ctx.modelValue.slice(-2).toLowerCase()]))),
-            createTextVNode(" " + toDisplayString(unref(flagsLang).languages[_ctx.modelValue]), 1)
-          ])) : createCommentVNode("", true)
-        ]),
-        option: withCtx((scope) => [
-          createVNode(_component_q_item, normalizeProps(guardReactiveProps(scope.itemProps)), {
-            default: withCtx(() => [
-              createVNode(_component_q_item_section, { avatar: "" }, {
-                default: withCtx(() => [
-                  (openBlock(), createBlock(resolveDynamicComponent(
-                    flags[scope.opt.value.slice(-2).toLowerCase()]
-                  )))
-                ]),
-                _: 2
-              }, 1024),
-              createVNode(_component_q_item_section, null, {
-                default: withCtx(() => [
-                  createVNode(_component_q_item_label, null, {
-                    default: withCtx(() => [
-                      createTextVNode(toDisplayString(scope.opt.label), 1)
-                    ]),
-                    _: 2
-                  }, 1024)
-                ]),
-                _: 2
-              }, 1024)
-            ]),
-            _: 2
-          }, 1040)
-        ]),
-        _: 1
-      }, 16, ["options", "model-value", "label"]);
-    };
-  }
-});
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "FilteredModelSelect",
   props: {
@@ -928,7 +783,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const attrs = useAttrs();
     const emit = __emit;
-    const lang2 = useLang();
+    const lang = useLang();
     const {
       modelValue,
       onFilter,
@@ -961,7 +816,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       return [];
     });
     const requiredValidation = ref(
-      (val) => (Array.isArray(val) ? !!val.length : !!val) || lang2.value.validations.fieldRequired
+      (val) => (Array.isArray(val) ? !!val.length : !!val) || lang.value.validations.fieldRequired
     );
     const selectedIds = computed(() => {
       if (Array.isArray(modelValue.value)) {
@@ -1002,7 +857,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         "model-value": unref(modelValue),
         options: options.value,
         label: `${_ctx.label}${_ctx.required ? "*" : ""}`,
-        hint: _ctx.multiple ? unref(lang2).selectMultiple : void 0,
+        hint: _ctx.multiple ? unref(lang).selectMultiple : void 0,
         "emit-value": "",
         "map-options": "",
         "fill-input": !_ctx.multiple,
@@ -1023,7 +878,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               createVNode(_component_q_item_section, { class: "text-italic text-grey" }, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(unref(lang2).noResultsAvailable), 1)
+                  createTextVNode(toDisplayString(unref(lang).noResultsAvailable), 1)
                 ]),
                 _: 1
               })
@@ -1033,7 +888,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         ]),
         _: 2
       }, [
-        renderList(_ctx.$slots, (_, slot) => {
+        renderList(_ctx.$slots, (_2, slot) => {
           return {
             name: slot,
             fn: withCtx((scope) => [
@@ -1060,11 +915,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const { modelValue } = toRefs(props);
     const $q = useQuasar();
-    const lang2 = useLang();
+    const lang = useLang();
     const cronregex = new RegExp(
       /(@(annually|yearly|monthly|weekly|daily|hourly|reboot))|(@every (\d+(ns|us|µs|ms|s|m|h))+)|((((\d+,)+\d+|(\d+(\/|-)\d+)|\d+|\*) ?){5,7})/
     );
-    const label = lang2.value.cron.name;
+    const label = lang.value.cron.name;
     const minute = ref(["0"]);
     const hour = ref(["0"]);
     const dayOfMonth = ref(["1"]);
@@ -1073,12 +928,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const minuteOptions = ref([...Array(59).keys()].map(String));
     const hourOptions = ref([...Array(24).keys()].map(String));
     const dayOfMonthOptions = ref(
-      Array.from({ length: 31 }, (_, i) => i + 1).map(
+      Array.from({ length: 31 }, (_2, i) => i + 1).map(
         (dayOfMonth2) => String(dayOfMonth2)
       )
     );
     const monthOptions = ref([
-      ...Array.from({ length: 12 }, (_, i) => i + 1).map((month2) => ({
+      ...Array.from({ length: 12 }, (_2, i) => i + 1).map((month2) => ({
         label: $q.lang.date.months[month2 - 1],
         value: String(month2)
       }))
@@ -1090,7 +945,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }))
     );
     const validations = ref([
-      (val) => cronregex.test(val) || lang2.value.cron.validations.invalidCron
+      (val) => cronregex.test(val) || lang.value.cron.validations.invalidCron
     ]);
     watch([minute, hour, dayOfMonth, month, dayOfWeek], () => {
       const cron = `${minute.value.join(",") || "*"} ${hour.value.join(",") || "*"} ${dayOfMonth.value.join(",") || "*"} ${month.value.join(",") || "*"} ${dayOfWeek.value.join(",") || "*"}`;
@@ -1133,7 +988,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             modelValue: hour.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => hour.value = $event),
             options: hourOptions.value,
-            hint: unref(lang2).cron.hour,
+            hint: unref(lang).cron.hour,
             "bottom-slots": "",
             style: {
               width: "10ch",
@@ -1145,7 +1000,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             multiple: ""
           }, {
             selected: withCtx(() => [
-              createTextVNode(toDisplayString(hour.value.length ? hour.value.join(",") : unref(lang2).cron.every.hour), 1)
+              createTextVNode(toDisplayString(hour.value.length ? hour.value.join(",") : unref(lang).cron.every.hour), 1)
             ]),
             _: 1
           }, 8, ["modelValue", "options", "hint"])) : createCommentVNode("", true),
@@ -1154,7 +1009,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             modelValue: minute.value,
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => minute.value = $event),
             options: minuteOptions.value,
-            hint: unref(lang2).cron.minute,
+            hint: unref(lang).cron.minute,
             "bottom-slots": "",
             style: {
               width: "10ch",
@@ -1166,7 +1021,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             multiple: ""
           }, {
             selected: withCtx(() => [
-              createTextVNode(toDisplayString(minute.value.length ? minute.value.join(",") : unref(lang2).cron.every.minute), 1)
+              createTextVNode(toDisplayString(minute.value.length ? minute.value.join(",") : unref(lang).cron.every.minute), 1)
             ]),
             _: 1
           }, 8, ["modelValue", "options", "hint"])) : createCommentVNode("", true),
@@ -1174,7 +1029,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             modelValue: dayOfMonth.value,
             "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => dayOfMonth.value = $event),
             options: dayOfMonthOptions.value,
-            hint: unref(lang2).cron.dayOfMonth,
+            hint: unref(lang).cron.dayOfMonth,
             "bottom-slots": "",
             style: {
               width: "10ch",
@@ -1186,7 +1041,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             multiple: ""
           }, {
             selected: withCtx(() => [
-              createTextVNode(toDisplayString(dayOfMonth.value.length ? dayOfMonth.value.join(",") : unref(lang2).cron.every.dayOfMonth), 1)
+              createTextVNode(toDisplayString(dayOfMonth.value.length ? dayOfMonth.value.join(",") : unref(lang).cron.every.dayOfMonth), 1)
             ]),
             _: 1
           }, 8, ["modelValue", "options", "hint"]),
@@ -1194,8 +1049,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             modelValue: month.value,
             "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => month.value = $event),
             options: monthOptions.value,
-            hint: unref(lang2).cron.month,
-            placeholder: unref(lang2).cron.month,
+            hint: unref(lang).cron.month,
+            placeholder: unref(lang).cron.month,
             "bottom-slots": "",
             style: {
               width: "16ch",
@@ -1207,7 +1062,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             multiple: ""
           }, {
             selected: withCtx(() => [
-              createTextVNode(toDisplayString(month.value.length ? month.value.map((val) => unref($q).lang.date.months[Number(val) - 1]).join(",") : unref(lang2).cron.every.month), 1)
+              createTextVNode(toDisplayString(month.value.length ? month.value.map((val) => unref($q).lang.date.months[Number(val) - 1]).join(",") : unref(lang).cron.every.month), 1)
             ]),
             _: 1
           }, 8, ["modelValue", "options", "hint", "placeholder"]),
@@ -1216,7 +1071,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             modelValue: dayOfWeek.value,
             "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => dayOfWeek.value = $event),
             options: dayOfWeekOptions.value,
-            placeholder: unref(lang2).cron.dayOfWeek,
+            placeholder: unref(lang).cron.dayOfWeek,
             style: {
               width: "16ch",
               "margin-top": "-2em",
@@ -1227,7 +1082,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             multiple: ""
           }, {
             selected: withCtx(() => [
-              createTextVNode(toDisplayString(dayOfWeek.value.length ? dayOfWeek.value.map((val) => unref($q).lang.date.days[Number(val)]).join(",") : unref(lang2).cron.every.dayOfWeek), 1)
+              createTextVNode(toDisplayString(dayOfWeek.value.length ? dayOfWeek.value.map((val) => unref($q).lang.date.days[Number(val)]).join(",") : unref(lang).cron.every.dayOfWeek), 1)
             ]),
             _: 1
           }, 8, ["modelValue", "options", "placeholder"])) : createCommentVNode("", true)
@@ -1238,21 +1093,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 export {
-  _sfc_main$6 as BooleanItem,
-  _sfc_main$7 as BooleanSelect,
+  _sfc_main$5 as BooleanItem,
+  _sfc_main$6 as BooleanSelect,
   _sfc_main as CronScheduleInput,
-  _sfc_main$3 as CurrencySelect,
-  _sfc_main$8 as DateInput,
-  _sfc_main$4 as DatePicker,
-  _sfc_main$5 as EmailInput,
+  _sfc_main$2 as CurrencySelect,
+  _sfc_main$7 as DateInput,
+  _sfc_main$3 as DatePicker,
+  _sfc_main$4 as EmailInput,
   _sfc_main$1 as FilteredModelSelect,
-  _sfc_main$a as FormInput,
-  _sfc_main$b as FormItem,
-  _sfc_main$d as GenderItem,
-  _sfc_main$e as GenderSelect,
-  _sfc_main$2 as LocaleSelect,
-  _sfc_main$c as PostalCodeInput,
-  _sfc_main$9 as TelephoneNumberInput,
+  _sfc_main$9 as FormInput,
+  _sfc_main$a as FormItem,
+  _sfc_main$c as GenderItem,
+  _sfc_main$d as GenderSelect,
+  _ as LocaleSelect,
+  _sfc_main$b as PostalCodeInput,
+  _sfc_main$8 as TelephoneNumberInput,
   loadLang,
   useLang
 };