@simsustech/quasar-components 0.3.4 → 0.3.6

package/dist/flags.js

@@ -1,7 +1,226 @@
-import { e, n } from "./en-US-6cc72154.js";
-import "vue";
-import "quasar";
+import { ref, watch, computed, h } from "vue";
+import { useQuasar, QIcon } from "quasar";
+const lang$1 = {
+  isoName: "en-US",
+  countries: {
+    "ar-TN": "العربية (تونس)",
+    ar: "العربية",
+    "az-Latn": "Azerbaijan",
+    bg: "български език",
+    bn: "বাংলা",
+    ca: "Català",
+    cs: "Čeština",
+    da: "Denmark",
+    de: "Germany",
+    el: "ελληνικά",
+    "en-GB": "United Kingdom",
+    "en-US": "United States of America",
+    eo: "Esperanto",
+    es: "Spain",
+    et: "Eesti",
+    eu: "Euskara",
+    "fa-IR": "فارسی",
+    fa: "فارسی",
+    fi: "Suomi",
+    fr: "France",
+    gn: "Avañe'ẽ",
+    he: "עברית",
+    hr: "Hrvatski jezik",
+    hu: "Magyar",
+    id: "Bahasa Indonesia",
+    is: "Íslenska",
+    it: "Italy",
+    ja: "Japan",
+    km: "ខ្មែរ",
+    "ko-KR": "한국어",
+    "kur-CKB": "کوردی سۆرانی",
+    kz: "Қазақша",
+    lt: "Lithuanian",
+    lu: "Kiluba",
+    lv: "Latviešu valoda",
+    ml: "മലയാളം",
+    mm: "မြန်မာ(ဗမာ)",
+    ms: "Bahasa Melayu",
+    my: "Malaysia",
+    "nb-NO": "Norsk",
+    nl: "the Netherlands",
+    pl: "Poland",
+    "pt-BR": "Portugal",
+    pt: "Portugal",
+    ro: "Romania",
+    ru: "Russia",
+    sk: "Slovenčina",
+    sl: "Slovenski Jezik",
+    sm: "Fa'asāmoa",
+    "sr-CYR": "српски језик",
+    sr: "srpski jezik",
+    sv: "Sweden",
+    ta: "தமிழ்",
+    th: "ไทย",
+    tr: "Türkçe",
+    ug: "ئۇيغۇرچە",
+    uk: "Українська",
+    "uz-Cyrl": "Ўзбекча (Кирил)",
+    "uz-Latn": "O'zbekcha (Lotin)",
+    vi: "Vietnam",
+    "zh-CN": "中文(简体)",
+    "zh-TW": "中文（繁體）"
+  },
+  languages: {
+    "ar-TN": "العربية (تونس)",
+    ar: "العربية",
+    "az-Latn": "Azerbaijani (latin)",
+    bg: "български език",
+    bn: "বাংলা",
+    ca: "Català",
+    cs: "Čeština",
+    da: "Dansk",
+    de: "Deutsch",
+    el: "ελληνικά",
+    "en-GB": "English (UK)",
+    "en-US": "English (US)",
+    eo: "Esperanto",
+    es: "Español",
+    et: "Eesti",
+    eu: "Euskara",
+    "fa-IR": "فارسی",
+    fa: "فارسی",
+    fi: "Suomi",
+    fr: "Français",
+    gn: "Avañe'ẽ",
+    he: "עברית",
+    hr: "Hrvatski jezik",
+    hu: "Magyar",
+    id: "Bahasa Indonesia",
+    is: "Íslenska",
+    it: "Italiano",
+    ja: "日本語 (にほんご)",
+    km: "ខ្មែរ",
+    "ko-KR": "한국어",
+    "kur-CKB": "کوردی سۆرانی",
+    kz: "Қазақша",
+    lt: "Lithuanian",
+    lu: "Kiluba",
+    lv: "Latviešu valoda",
+    ml: "മലയാളം",
+    mm: "မြန်မာ(ဗမာ)",
+    ms: "Bahasa Melayu",
+    my: "Malaysia",
+    "nb-NO": "Norsk",
+    nl: "Dutch",
+    pl: "Polski",
+    "pt-BR": "Português (BR)",
+    pt: "Português",
+    ro: "Română",
+    ru: "русский",
+    sk: "Slovenčina",
+    sl: "Slovenski Jezik",
+    sm: "Fa'asāmoa",
+    "sr-CYR": "српски језик",
+    sr: "srpski jezik",
+    sv: "Svenska",
+    ta: "தமிழ்",
+    th: "ไทย",
+    tr: "Türkçe",
+    ug: "ئۇيغۇرچە",
+    uk: "Українська",
+    "uz-Cyrl": "Ўзбекча (Кирил)",
+    "uz-Latn": "O'zbekcha (Lotin)",
+    vi: "Tiếng Việt",
+    "zh-CN": "中文(简体)",
+    "zh-TW": "中文（繁體）"
+  }
+};
+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-38cb2607.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 ({}.DEBUG)
+        console.error(e);
+      throw new Error(
+        `[quasar-components] Failed to load ${isoName} language file.`
+      );
+    }
+    loadingLanguage = false;
+  }
+};
+const icon$1 = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnCiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgogIDxyZWN0IHk9Ijg1LjMzNyIgc3R5bGU9ImZpbGw6I0YwRjBGMDsiIHdpZHRoPSI1MTIiIGhlaWdodD0iMzQxLjMyNiIvPgogIDxyZWN0IHk9Ijg1LjMzNyIgc3R5bGU9ImZpbGw6I0EyMDAxRDsiIHdpZHRoPSI1MTIiIGhlaWdodD0iMTEzLjc3NSIvPgogIDxyZWN0IHk9IjMxMi44ODgiIHN0eWxlPSJmaWxsOiMwMDUyQjQ7IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjExMy43NzUiLz4KPC9zdmc+Cg==";
+const nl = {
+  setup(props, context) {
+    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 country = computed(
+      () => lang2.value.countries["nl"]
+    );
+    const language = computed(() => lang2.value.languages["nl"]);
+    const variables = ref({
+      country,
+      language
+      // header: lang.value.some.nested.prop
+    });
+    const functions = ref({
+      // submit
+    });
+    context.expose({
+      variables,
+      functions
+    });
+    return () => h(QIcon, { name: `img:${icon$1}` });
+  }
+};
+const icon = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcKICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CiAgPHJlY3QgeT0iODUuMzMxIiBzdHlsZT0iZmlsbDojRjBGMEYwOyIgd2lkdGg9IjUxMiIgaGVpZ2h0PSIzNDEuMzM3Ii8+CiAgPGc+CiAgICA8cmVjdCB5PSIxMjcuOTk0IiBzdHlsZT0iZmlsbDojRDgwMDI3OyIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI0Mi42NjMiLz4KICAgIDxyZWN0IHk9IjIxMy4zMzEiIHN0eWxlPSJmaWxsOiNEODAwMjc7IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjQyLjY2MyIvPgogICAgPHJlY3QgeT0iMjk4LjY1NyIgc3R5bGU9ImZpbGw6I0Q4MDAyNzsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNDIuNjYzIi8+CiAgICA8cmVjdCB5PSIzODMuOTk0IiBzdHlsZT0iZmlsbDojRDgwMDI3OyIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI0Mi42NjMiLz4KICA8L2c+CiAgPHJlY3QgeT0iODUuMzMxIiBzdHlsZT0iZmlsbDojMkU1MkIyOyIgd2lkdGg9IjI1NiIgaGVpZ2h0PSIxODMuNzk3Ii8+CiAgPGc+CiAgICA8cG9seWdvbiBzdHlsZT0iZmlsbDojRjBGMEYwOyIgcG9pbnRzPSI5OS44MjIsMTYwLjYyNCA5NS42OTksMTczLjMwOCA4Mi4zNjMsMTczLjMwOCA5My4xNTQsMTgxLjE0MyA4OS4wMzEsMTkzLjgyNiAgICA5OS44MjIsMTg1Ljk5MSAxMTAuNjA2LDE5My44MjYgMTA2LjQ4NCwxODEuMTQzIDExNy4yNzUsMTczLjMwOCAxMDMuOTM4LDE3My4zMDggICIvPgogICAgPHBvbHlnb24gc3R5bGU9ImZpbGw6I0YwRjBGMDsiIHBvaW50cz0iMTAzLjkzOCwyMTkuMDggOTkuODIyLDIwNi4zOTcgOTUuNjk5LDIxOS4wOCA4Mi4zNjMsMjE5LjA4IDkzLjE1NCwyMjYuOTE2IDg5LjAzMSwyMzkuNTk5ICAgIDk5LjgyMiwyMzEuNzYzIDExMC42MDYsMjM5LjU5OSAxMDYuNDg0LDIyNi45MTYgMTE3LjI3NSwyMTkuMDggICIvPgogICAgPHBvbHlnb24gc3R5bGU9ImZpbGw6I0YwRjBGMDsiIHBvaW50cz0iNDcuNTc3LDIxOS4wOCA0My40NiwyMDYuMzk3IDM5LjMzNywyMTkuMDggMjYuMDAxLDIxOS4wOCAzNi43OTIsMjI2LjkxNiAzMi42NjksMjM5LjU5OSAgICA0My40NiwyMzEuNzYzIDU0LjI0NSwyMzkuNTk5IDUwLjEyMywyMjYuOTE2IDYwLjkxMiwyMTkuMDggICIvPgogICAgPHBvbHlnb24gc3R5bGU9ImZpbGw6I0YwRjBGMDsiIHBvaW50cz0iNDMuNDYsMTYwLjYyNCAzOS4zMzcsMTczLjMwOCAyNi4wMDEsMTczLjMwOCAzNi43OTIsMTgxLjE0MyAzMi42NjksMTkzLjgyNiA0My40NiwxODUuOTkxICAgIDU0LjI0NSwxOTMuODI2IDUwLjEyMywxODEuMTQzIDYwLjkxMiwxNzMuMzA4IDQ3LjU3NywxNzMuMzA4ICAiLz4KICAgIDxwb2x5Z29uIHN0eWxlPSJmaWxsOiNGMEYwRjA7IiBwb2ludHM9Ijk5LjgyMiwxMTQuODUgOTUuNjk5LDEyNy41MzUgODIuMzYzLDEyNy41MzUgOTMuMTU0LDEzNS4zNzEgODkuMDMxLDE0OC4wNTQgICAgOTkuODIyLDE0MC4yMTggMTEwLjYwNiwxNDguMDU0IDEwNi40ODQsMTM1LjM3MSAxMTcuMjc1LDEyNy41MzUgMTAzLjkzOCwxMjcuNTM1ICAiLz4KICAgIDxwb2x5Z29uIHN0eWxlPSJmaWxsOiNGMEYwRjA7IiBwb2ludHM9IjQzLjQ2LDExNC44NSAzOS4zMzcsMTI3LjUzNSAyNi4wMDEsMTI3LjUzNSAzNi43OTIsMTM1LjM3MSAzMi42NjksMTQ4LjA1NCA0My40NiwxNDAuMjE4ICAgIDU0LjI0NSwxNDguMDU0IDUwLjEyMywxMzUuMzcxIDYwLjkxMiwxMjcuNTM1IDQ3LjU3NywxMjcuNTM1ICAiLz4KICAgIDxwb2x5Z29uIHN0eWxlPSJmaWxsOiNGMEYwRjA7IiBwb2ludHM9IjE1Ni4xODMsMTYwLjYyNCAxNTIuMDYxLDE3My4zMDggMTM4LjcyNSwxNzMuMzA4IDE0OS41MTUsMTgxLjE0MyAxNDUuMzk0LDE5My44MjYgICAgMTU2LjE4MywxODUuOTkxIDE2Ni45NjksMTkzLjgyNiAxNjIuODQ2LDE4MS4xNDMgMTczLjYzNywxNzMuMzA4IDE2MC4zMDEsMTczLjMwOCAgIi8+CiAgICA8cG9seWdvbiBzdHlsZT0iZmlsbDojRjBGMEYwOyIgcG9pbnRzPSIxNjAuMzAxLDIxOS4wOCAxNTYuMTgzLDIwNi4zOTcgMTUyLjA2MSwyMTkuMDggMTM4LjcyNSwyMTkuMDggMTQ5LjUxNSwyMjYuOTE2ICAgIDE0NS4zOTQsMjM5LjU5OSAxNTYuMTgzLDIzMS43NjMgMTY2Ljk2OSwyMzkuNTk5IDE2Mi44NDYsMjI2LjkxNiAxNzMuNjM3LDIxOS4wOCAgIi8+CiAgICA8cG9seWdvbiBzdHlsZT0iZmlsbDojRjBGMEYwOyIgcG9pbnRzPSIyMTYuNjYzLDIxOS4wOCAyMTIuNTQ2LDIwNi4zOTcgMjA4LjQyMywyMTkuMDggMTk1LjA4OCwyMTkuMDggMjA1Ljg3NywyMjYuOTE2ICAgIDIwMS43NTUsMjM5LjU5OSAyMTIuNTQ2LDIzMS43NjMgMjIzLjMzMSwyMzkuNTk5IDIxOS4yMDgsMjI2LjkxNiAyMjkuOTk5LDIxOS4wOCAgIi8+CiAgICA8cG9seWdvbiBzdHlsZT0iZmlsbDojRjBGMEYwOyIgcG9pbnRzPSIyMTIuNTQ2LDE2MC42MjQgMjA4LjQyMywxNzMuMzA4IDE5NS4wODgsMTczLjMwOCAyMDUuODc3LDE4MS4xNDMgMjAxLjc1NSwxOTMuODI2ICAgIDIxMi41NDYsMTg1Ljk5MSAyMjMuMzMxLDE5My44MjYgMjE5LjIwOCwxODEuMTQzIDIyOS45OTksMTczLjMwOCAyMTYuNjYzLDE3My4zMDggICIvPgogICAgPHBvbHlnb24gc3R5bGU9ImZpbGw6I0YwRjBGMDsiIHBvaW50cz0iMTU2LjE4MywxMTQuODUgMTUyLjA2MSwxMjcuNTM1IDEzOC43MjUsMTI3LjUzNSAxNDkuNTE1LDEzNS4zNzEgMTQ1LjM5NCwxNDguMDU0ICAgIDE1Ni4xODMsMTQwLjIxOCAxNjYuOTY5LDE0OC4wNTQgMTYyLjg0NiwxMzUuMzcxIDE3My42MzcsMTI3LjUzNSAxNjAuMzAxLDEyNy41MzUgICIvPgogICAgPHBvbHlnb24gc3R5bGU9ImZpbGw6I0YwRjBGMDsiIHBvaW50cz0iMjEyLjU0NiwxMTQuODUgMjA4LjQyMywxMjcuNTM1IDE5NS4wODgsMTI3LjUzNSAyMDUuODc3LDEzNS4zNzEgMjAxLjc1NSwxNDguMDU0ICAgIDIxMi41NDYsMTQwLjIxOCAyMjMuMzMxLDE0OC4wNTQgMjE5LjIwOCwxMzUuMzcxIDIyOS45OTksMTI3LjUzNSAyMTYuNjYzLDEyNy41MzUgICIvPgogIDwvZz4KPC9zdmc+Cg==";
+const enUs = {
+  setup(props, context) {
+    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 country = computed(
+      () => lang2.value.countries["en-US"]
+    );
+    const language = computed(() => lang2.value.languages["en-US"]);
+    const variables = ref({
+      country,
+      language
+      // header: lang.value.some.nested.prop
+    });
+    const functions = ref({
+      // submit
+    });
+    context.expose({
+      variables,
+      functions
+    });
+    return () => h(QIcon, { name: `img:${icon}` });
+  }
+};
 export {
-  e as enUs,
-  n as nl
+  enUs,
+  nl
 };

package/dist/form.js

@@ -69,7 +69,8 @@ const loadLang = async (isoName) => {
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "GenderSelect",
   props: {
-    modelValue: null,
+    modelValue: {},
+    disableOther: { type: Boolean },
     required: { type: Boolean }
   },
   emits: ["update:modelValue"],
@@ -81,7 +82,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     const $q = useQuasar();
     if (lang2.value.isoName !== $q.lang.isoName)
       [__temp, __restore] = withAsyncContext(() => loadLang($q.lang.isoName)), await __temp, __restore();
-    watch($q.lang, (val) => {
+    watch($q.lang, () => {
       loadLang($q.lang.isoName);
     });
     const genderOptions = ref([
@@ -92,12 +93,14 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       {
         label: lang2.value.gender.female,
         value: "female"
-      },
-      {
-        label: lang2.value.gender.other,
-        value: "other"
       }
     ]);
+    if (!props.disableOther) {
+      genderOptions.value.push({
+        label: lang2.value.gender.other,
+        value: "other"
+      });
+    }
     const validations = ref([]);
     if (props.required)
       validations.value.push(
@@ -106,9 +109,9 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(QSelect), mergeProps(unref(attrs), {
         rules: validations.value,
-        "model-value": __props.modelValue,
+        "model-value": _ctx.modelValue,
         options: genderOptions.value,
-        label: `${unref(lang2).gender.gender}${__props.required ? "*" : ""}`,
+        label: `${unref(lang2).gender.gender}${_ctx.required ? "*" : ""}`,
         "emit-value": "",
         "map-options": "",
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
@@ -119,7 +122,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
 const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "GenderItem",
   props: {
-    modelValue: null
+    modelValue: {}
   },
   setup(__props) {
     const attrs = useAttrs();
@@ -127,7 +130,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     const $q = useQuasar();
     if (lang2.value.isoName !== $q.lang.isoName)
       loadLang($q.lang.isoName);
-    watch($q.lang, (val) => {
+    watch($q.lang, () => {
       loadLang($q.lang.isoName);
     });
     return (_ctx, _cache) => {
@@ -143,7 +146,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               }),
               createVNode(unref(QItemLabel), null, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(__props.modelValue ? unref(lang2).gender[__props.modelValue] : ""), 1)
+                  createTextVNode(toDisplayString(_ctx.modelValue ? unref(lang2).gender[_ctx.modelValue] : ""), 1)
                 ]),
                 _: 1
               })
@@ -159,8 +162,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "PostalCodeInput",
   props: {
-    modelValue: null,
-    locale: null,
+    modelValue: {},
+    locale: {},
     required: { type: Boolean }
   },
   emits: ["update:modelValue"],
@@ -185,10 +188,10 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(QInput), mergeProps(unref(attrs), {
-        mask: masks.value[__props.locale],
-        rules: unref(computedValidations),
-        "model-value": __props.modelValue,
-        label: `${unref(lang2).postalCode.postalCode}${__props.required ? "*" : ""}`,
+        mask: masks.value[_ctx.locale],
+        rules: computedValidations.value,
+        "model-value": _ctx.modelValue,
+        label: `${unref(lang2).postalCode.postalCode}${_ctx.required ? "*" : ""}`,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
       }), null, 16, ["mask", "rules", "model-value", "label"]);
     };
@@ -197,9 +200,9 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "FormItem",
   props: {
-    modelValue: null,
-    label: null,
-    field: null
+    modelValue: {},
+    label: {},
+    field: {}
   },
   setup(__props) {
     const attrs = useAttrs();
@@ -208,7 +211,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     const $q = useQuasar();
     if (lang2.value.isoName !== $q.lang.isoName)
       loadLang($q.lang.isoName);
-    watch($q.lang, (val) => {
+    watch($q.lang, () => {
       loadLang($q.lang.isoName);
     });
     return (_ctx, _cache) => {
@@ -227,13 +230,13 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               createVNode(unref(QItemLabel), { overline: "" }, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(__props.label ? __props.label : __props.field ? unref(lang2).fields[__props.field] : ""), 1)
+                  createTextVNode(toDisplayString(_ctx.label ? _ctx.label : _ctx.field ? unref(lang2).fields[_ctx.field] : ""), 1)
                 ]),
                 _: 1
               }),
               createVNode(unref(QItemLabel), null, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(__props.modelValue || "-"), 1)
+                  createTextVNode(toDisplayString(_ctx.modelValue || "-"), 1)
                 ]),
                 _: 1
               })
@@ -258,9 +261,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "FormInput",
   props: {
-    modelValue: null,
-    field: null,
-    label: null,
+    modelValue: {},
+    field: {},
+    label: {},
     required: { type: Boolean }
   },
   setup(__props) {
@@ -270,7 +273,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     const $q = useQuasar();
     if (lang2.value.isoName !== $q.lang.isoName)
       loadLang($q.lang.isoName);
-    watch($q.lang, (val) => {
+    watch($q.lang, () => {
       loadLang($q.lang.isoName);
     });
     const validations = ref([]);
@@ -281,8 +284,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(QInput), mergeProps(unref(attrs), {
         rules: validations.value,
-        "model-value": __props.modelValue,
-        label: `${__props.field ? unref(lang2).fields[__props.field] : __props.label ? __props.label : ""}${__props.required ? "*" : ""}`,
+        "model-value": _ctx.modelValue,
+        label: `${_ctx.field ? unref(lang2).fields[_ctx.field] : _ctx.label ? _ctx.label : ""}${_ctx.required ? "*" : ""}`,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
       }), null, 16, ["rules", "model-value", "label"]);
     };
@@ -291,7 +294,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "TelephoneNumberInput",
   props: {
-    modelValue: null,
+    modelValue: {},
     required: { type: Boolean }
   },
   emits: ["update:modelValue"],
@@ -307,8 +310,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(QInput), mergeProps(unref(attrs), {
         rules: validations.value,
-        "model-value": __props.modelValue,
-        label: `${unref(lang2).fields.telephoneNumber}${__props.required ? "*" : ""}`,
+        "model-value": _ctx.modelValue,
+        label: `${unref(lang2).fields.telephoneNumber}${_ctx.required ? "*" : ""}`,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
       }), null, 16, ["rules", "model-value", "label"]);
     };
@@ -318,11 +321,11 @@ const _hoisted_1 = { class: "row items-center justify-end" };
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "DateInput",
   props: {
-    modelValue: null,
-    label: null,
+    modelValue: {},
+    label: {},
     required: { type: Boolean },
     clearable: { type: Boolean },
-    date: null
+    date: {}
   },
   setup(__props) {
     const props = __props;
@@ -331,10 +334,16 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     const $q = useQuasar();
     if (lang2.value.isoName !== $q.lang.isoName)
       loadLang($q.lang.isoName);
-    watch($q.lang, (val) => {
+    watch($q.lang, () => {
       loadLang($q.lang.isoName);
     });
-    const validations = ref([]);
+    const validations = ref([
+      (v) => {
+        if (v !== null)
+          return /^\d{4}\/(0?[1-9]|1[012])\/(0?[1-9]|[12][0-9]|3[01])$/.test(v);
+        return true;
+      }
+    ]);
     if (props.required)
       validations.value.push(
         (val) => !!val || lang2.value.validations.fieldRequired
@@ -347,14 +356,15 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       const _directive_close_popup = resolveDirective("close-popup");
       return openBlock(), createBlock(unref(QInput), mergeProps(unref(attrs), {
         rules: validations.value,
-        "model-value": __props.modelValue,
-        label: `${__props.label}${__props.required ? "*" : ""}`,
+        "model-value": _ctx.modelValue,
+        label: `${_ctx.label}${_ctx.required ? "*" : ""}`,
+        placeholder: "YYYY/MM/DD",
         mask: "date",
         class: "q-pr-md",
         "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:modelValue", $event))
       }), {
         append: withCtx(() => [
-          __props.clearable ? (openBlock(), createBlock(_component_q_icon, {
+          _ctx.clearable ? (openBlock(), createBlock(_component_q_icon, {
             key: 0,
             name: "clear",
             class: "cursor-pointer",
@@ -371,8 +381,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                 "transition-hide": "scale"
               }, {
                 default: withCtx(() => [
-                  createVNode(_component_q_date, mergeProps(__props.date, {
-                    "model-value": __props.modelValue,
+                  createVNode(_component_q_date, mergeProps(_ctx.date, {
+                    "model-value": _ctx.modelValue,
                     "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:modelValue", $event))
                   }), {
                     default: withCtx(() => [
@@ -404,7 +414,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "BooleanSelect",
   props: {
     modelValue: { type: Boolean },
-    label: null,
+    label: {},
     required: { type: Boolean }
   },
   emits: ["update:modelValue"],
@@ -415,7 +425,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const $q = useQuasar();
     if (lang2.value.isoName !== $q.lang.isoName)
       loadLang($q.lang.isoName);
-    watch($q.lang, (val) => {
+    watch($q.lang, () => {
       loadLang($q.lang.isoName);
     });
     const booleanOptions = ref([
@@ -436,9 +446,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(QSelect), mergeProps(unref(attrs), {
         rules: validations.value,
-        "model-value": __props.modelValue,
+        "model-value": _ctx.modelValue,
         options: booleanOptions.value,
-        label: `${__props.label}${__props.required ? "*" : ""}`,
+        label: `${_ctx.label}${_ctx.required ? "*" : ""}`,
         "emit-value": "",
         "map-options": "",
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
@@ -450,7 +460,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "BooleanItem",
   props: {
     modelValue: { type: Boolean },
-    label: null
+    label: {}
   },
   setup(__props) {
     const attrs = useAttrs();
@@ -458,7 +468,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const $q = useQuasar();
     if (lang2.value.isoName !== $q.lang.isoName)
       loadLang($q.lang.isoName);
-    watch($q.lang, (val) => {
+    watch($q.lang, () => {
       loadLang($q.lang.isoName);
     });
     return (_ctx, _cache) => {
@@ -468,13 +478,13 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               createVNode(unref(QItemLabel), { overline: "" }, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(__props.label), 1)
+                  createTextVNode(toDisplayString(_ctx.label), 1)
                 ]),
                 _: 1
               }),
               createVNode(unref(QItemLabel), null, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(__props.modelValue ? unref(lang2).yes : unref(lang2).no), 1)
+                  createTextVNode(toDisplayString(_ctx.modelValue ? unref(lang2).yes : unref(lang2).no), 1)
                 ]),
                 _: 1
               })
@@ -493,13 +503,11 @@ const __default__ = {
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
   props: {
-    subject: null,
-    body: null
+    subject: {},
+    body: {}
   },
   emits: ["update:subject", "update:body"],
-  setup(__props, { expose, emit }) {
-    useAttrs();
-    useQuasar();
+  setup(__props, { expose: __expose, emit }) {
     const lang2 = useLang();
     const variables = ref({
       // header: lang.value.some.nested.prop
@@ -507,7 +515,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const functions = ref({
       // submit
     });
-    expose({
+    __expose({
       variables,
       functions
     });
@@ -518,12 +526,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createVNode(_component_q_input, {
           outlined: "",
           placeholder: unref(lang2).email.subject,
-          "model-value": __props.subject,
+          "model-value": _ctx.subject,
           type: "text",
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:subject", $event))
         }, null, 8, ["placeholder", "model-value"]),
         createVNode(_component_q_editor, {
-          "model-value": __props.body,
+          "model-value": _ctx.body,
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => emit("update:body", $event))
         }, null, 8, ["model-value"])
       ], 64);