@simsustech/quasar-components 0.11.26 → 0.12.1

package/dist/form.js

@@ -1,1134 +1,1109 @@
-import { defineComponent, useAttrs, withAsyncContext, watch, ref, openBlock, createBlock, unref, mergeProps, normalizeProps, guardReactiveProps, withCtx, createVNode, createTextVNode, toDisplayString, toRefs, computed, useSlots, renderSlot, createCommentVNode, 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 { l as loadLang, u as useLang } from "./LocaleSelect.vue_vue_type_script_setup_true_lang-DFwcmPnu.js";
-import { _ } from "./LocaleSelect.vue_vue_type_script_setup_true_lang-DFwcmPnu.js";
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
-  __name: "GenderSelect",
-  props: {
-    modelValue: {},
-    disableOther: { type: Boolean },
-    required: { type: Boolean }
-  },
-  emits: ["update:modelValue"],
-  async setup(__props) {
-    let __temp, __restore;
-    const props = __props;
-    const attrs = useAttrs();
-    const lang = useLang();
-    const $q = useQuasar();
-    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: lang.value.gender.male,
-        value: "male"
-      },
-      {
-        label: lang.value.gender.female,
-        value: "female"
-      }
-    ]);
-    if (!props.disableOther) {
-      genderOptions.value.push({
-        label: lang.value.gender.other,
-        value: "other"
-      });
-    }
-    const validations = ref([]);
-    if (props.required)
-      validations.value.push(
-        (val) => !!val || lang.value.validations.fieldRequired
-      );
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(QSelect), mergeProps(unref(attrs), {
-        rules: validations.value,
-        "model-value": __props.modelValue,
-        options: genderOptions.value,
-        label: `${unref(lang).gender.gender}${__props.required ? "*" : ""}`,
-        "emit-value": "",
-        "map-options": "",
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
-      }), null, 16, ["rules", "model-value", "options", "label"]);
-    };
-  }
+import { n as loadLang, r as useLang, t as LocaleSelect_default } from "./LocaleSelect-BqkjbcKS.js";
+import { QBtn, QDate, QEditor, QField, QIcon, QInput, QItem, QItemLabel, QItemSection, QPopupProxy, QSelect, QTooltip, useQuasar } from "quasar";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, ref, renderList, renderSlot, resolveDirective, resolveDynamicComponent, toDisplayString, toRefs, unref, useAttrs, useSlots, watch, withAsyncContext, withCtx, withDirectives } from "vue";
+//#endregion
+//#region src/ui/form/GenderSelect.vue
+var GenderSelect_default = /* @__PURE__ */ defineComponent({
+	__name: "GenderSelect",
+	props: {
+		modelValue: {},
+		disableOther: { type: Boolean },
+		required: { type: Boolean }
+	},
+	emits: ["update:modelValue"],
+	async setup(__props) {
+		let __temp, __restore;
+		const props = __props;
+		const attrs = useAttrs();
+		const lang = useLang();
+		const $q = useQuasar();
+		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: lang.value.gender.male,
+			value: "male"
+		}, {
+			label: lang.value.gender.female,
+			value: "female"
+		}]);
+		if (!props.disableOther) genderOptions.value.push({
+			label: lang.value.gender.other,
+			value: "other"
+		});
+		const validations = ref([]);
+		if (props.required) validations.value.push((val) => !!val || lang.value.validations.fieldRequired);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(QSelect), mergeProps(unref(attrs), {
+				rules: validations.value,
+				"model-value": __props.modelValue,
+				options: genderOptions.value,
+				label: `${unref(lang).gender.gender}${__props.required ? "*" : ""}`,
+				"emit-value": "",
+				"map-options": "",
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
+			}), null, 16, [
+				"rules",
+				"model-value",
+				"options",
+				"label"
+			]);
+		};
+	}
 });
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
-  __name: "GenderItem",
-  props: {
-    modelValue: {}
-  },
-  setup(__props) {
-    const attrs = useAttrs();
-    const lang = useLang();
-    const $q = useQuasar();
-    if (lang.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName);
-    watch($q.lang, () => {
-      loadLang($q.lang.isoName);
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(QItem), normalizeProps(guardReactiveProps(unref(attrs))), {
-        default: withCtx(() => [
-          createVNode(unref(QItemSection), null, {
-            default: withCtx(() => [
-              createVNode(unref(QItemLabel), { overline: "" }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(unref(lang).gender.gender), 1)
-                ]),
-                _: 1
-              }),
-              createVNode(unref(QItemLabel), null, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(__props.modelValue ? unref(lang).gender[__props.modelValue] : ""), 1)
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 16);
-    };
-  }
+//#endregion
+//#region src/ui/form/GenderItem.vue
+var GenderItem_default = /* @__PURE__ */ defineComponent({
+	__name: "GenderItem",
+	props: { modelValue: {} },
+	setup(__props) {
+		const attrs = useAttrs();
+		const lang = useLang();
+		const $q = useQuasar();
+		if (lang.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName);
+		watch($q.lang, () => {
+			loadLang($q.lang.isoName);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(QItem), normalizeProps(guardReactiveProps(unref(attrs))), {
+				default: withCtx(() => [createVNode(unref(QItemSection), null, {
+					default: withCtx(() => [createVNode(unref(QItemLabel), { overline: "" }, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(lang).gender.gender), 1)]),
+						_: 1
+					}), createVNode(unref(QItemLabel), null, {
+						default: withCtx(() => [createTextVNode(toDisplayString(__props.modelValue ? unref(lang).gender[__props.modelValue] : ""), 1)]),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				_: 1
+			}, 16);
+		};
+	}
 });
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
-  __name: "PostalCodeInput",
-  props: {
-    modelValue: {},
-    country: {},
-    required: { type: Boolean }
-  },
-  emits: ["update:modelValue"],
-  setup(__props) {
-    const props = __props;
-    const lang = useLang();
-    const attrs = useAttrs();
-    const { country } = toRefs(props);
-    const masks = ref({
-      NL: "#### AA"
-    });
-    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) || lang.value.postalCode.validations.invalidPostalCode
-      ]
-    });
-    const computedMask = computed(() => {
-      if (country.value && masks.value[country.value])
-        return masks.value[country.value];
-      return void 0;
-    });
-    const computedValidations = computed(() => {
-      const val = [];
-      if (country.value && validations.value[country.value])
-        val.push(...validations.value[country.value]);
-      if (props.required)
-        val.push((val2) => !!val2 || lang.value.validations.fieldRequired);
-      return val;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(QInput), mergeProps(unref(attrs), {
-        mask: computedMask.value,
-        rules: computedValidations.value,
-        "model-value": __props.modelValue,
-        label: `${unref(lang).postalCode.postalCode}${__props.required ? "*" : ""}`,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
-      }), null, 16, ["mask", "rules", "model-value", "label"]);
-    };
-  }
+//#endregion
+//#region src/ui/form/PostalCodeInput.vue
+var PostalCodeInput_default = /* @__PURE__ */ defineComponent({
+	__name: "PostalCodeInput",
+	props: {
+		modelValue: {},
+		country: {},
+		required: { type: Boolean }
+	},
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const props = __props;
+		const lang = useLang();
+		const attrs = useAttrs();
+		const { country } = toRefs(props);
+		const masks = ref({ NL: "#### AA" });
+		const validations = ref({ NL: [(val) => !val || /^[1-9][0-9]{3} ?(?!sa|sd|ss)[a-z]{2}$/i.test(val) || lang.value.postalCode.validations.invalidPostalCode] });
+		const computedMask = computed(() => {
+			if (country.value && masks.value[country.value]) return masks.value[country.value];
+		});
+		const computedValidations = computed(() => {
+			const val = [];
+			if (country.value && validations.value[country.value]) val.push(...validations.value[country.value]);
+			if (props.required) val.push((val) => !!val || lang.value.validations.fieldRequired);
+			return val;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(QInput), mergeProps(unref(attrs), {
+				mask: computedMask.value,
+				rules: computedValidations.value,
+				"model-value": __props.modelValue,
+				label: `${unref(lang).postalCode.postalCode}${__props.required ? "*" : ""}`,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
+			}), null, 16, [
+				"mask",
+				"rules",
+				"model-value",
+				"label"
+			]);
+		};
+	}
 });
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
-  __name: "FormItem",
-  props: {
-    modelValue: {},
-    label: {},
-    field: {}
-  },
-  setup(__props) {
-    const attrs = useAttrs();
-    const slots = useSlots();
-    const lang = useLang();
-    const $q = useQuasar();
-    if (lang.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName);
-    watch($q.lang, () => {
-      loadLang($q.lang.isoName);
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(QItem), normalizeProps(guardReactiveProps(unref(attrs))), {
-        default: withCtx(() => [
-          unref(slots).avatar ? (openBlock(), createBlock(unref(QItemSection), {
-            key: 0,
-            avatar: ""
-          }, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "avatar")
-            ]),
-            _: 3
-          })) : createCommentVNode("", true),
-          createVNode(unref(QItemSection), null, {
-            default: withCtx(() => [
-              createVNode(unref(QItemLabel), { overline: "" }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(__props.label ? __props.label : __props.field ? unref(lang).fields[__props.field] : ""), 1)
-                ]),
-                _: 1
-              }),
-              createVNode(unref(QItemLabel), { class: "break-all" }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(__props.modelValue || "-"), 1)
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }),
-          unref(slots).side ? (openBlock(), createBlock(unref(QItemSection), {
-            key: 1,
-            side: ""
-          }, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "side")
-            ]),
-            _: 3
-          })) : createCommentVNode("", true)
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
+//#endregion
+//#region src/ui/form/FormItem.vue
+var FormItem_default = /* @__PURE__ */ defineComponent({
+	__name: "FormItem",
+	props: {
+		modelValue: {},
+		label: {},
+		field: {}
+	},
+	setup(__props) {
+		const attrs = useAttrs();
+		const slots = useSlots();
+		const lang = useLang();
+		const $q = useQuasar();
+		if (lang.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName);
+		watch($q.lang, () => {
+			loadLang($q.lang.isoName);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(QItem), normalizeProps(guardReactiveProps(unref(attrs))), {
+				default: withCtx(() => [
+					unref(slots).avatar ? (openBlock(), createBlock(unref(QItemSection), {
+						key: 0,
+						avatar: ""
+					}, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "avatar")]),
+						_: 3
+					})) : createCommentVNode("", true),
+					createVNode(unref(QItemSection), null, {
+						default: withCtx(() => [createVNode(unref(QItemLabel), { overline: "" }, {
+							default: withCtx(() => [createTextVNode(toDisplayString(__props.label ? __props.label : __props.field ? unref(lang).fields[__props.field] : ""), 1)]),
+							_: 1
+						}), createVNode(unref(QItemLabel), { class: "break-all" }, {
+							default: withCtx(() => [createTextVNode(toDisplayString(__props.modelValue || "-"), 1)]),
+							_: 1
+						})]),
+						_: 1
+					}),
+					unref(slots).side ? (openBlock(), createBlock(unref(QItemSection), {
+						key: 1,
+						side: ""
+					}, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "side")]),
+						_: 3
+					})) : createCommentVNode("", true)
+				]),
+				_: 3
+			}, 16);
+		};
+	}
 });
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
-  __name: "FormInput",
-  props: {
-    modelValue: {},
-    field: {},
-    label: {},
-    required: { type: Boolean }
-  },
-  setup(__props) {
-    const props = __props;
-    const attrs = useAttrs();
-    const lang = useLang();
-    const $q = useQuasar();
-    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 || lang.value.validations.fieldRequired
-      );
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(QInput), mergeProps(unref(attrs), {
-        rules: validations.value,
-        "model-value": __props.modelValue,
-        label: `${__props.field ? unref(lang).fields[__props.field] : __props.label ? __props.label : ""}${__props.required ? "*" : ""}`,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
-      }), createSlots({ _: 2 }, [
-        renderList(_ctx.$slots, (_2, slot) => {
-          return {
-            name: slot,
-            fn: withCtx((scope) => [
-              renderSlot(_ctx.$slots, slot, normalizeProps(guardReactiveProps(scope || {})))
-            ])
-          };
-        })
-      ]), 1040, ["rules", "model-value", "label"]);
-    };
-  }
+//#endregion
+//#region src/ui/form/FormInput.vue
+var FormInput_default = /* @__PURE__ */ defineComponent({
+	__name: "FormInput",
+	props: {
+		modelValue: {},
+		field: {},
+		label: {},
+		required: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const attrs = useAttrs();
+		const lang = useLang();
+		const $q = useQuasar();
+		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 || lang.value.validations.fieldRequired);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(QInput), mergeProps(unref(attrs), {
+				rules: validations.value,
+				"model-value": __props.modelValue,
+				label: `${__props.field ? unref(lang).fields[__props.field] : __props.label ? __props.label : ""}${__props.required ? "*" : ""}`,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
+			}), createSlots({ _: 2 }, [renderList(_ctx.$slots, (_, slot) => {
+				return {
+					name: slot,
+					fn: withCtx((scope) => [renderSlot(_ctx.$slots, slot, normalizeProps(guardReactiveProps(scope || {})))])
+				};
+			})]), 1040, [
+				"rules",
+				"model-value",
+				"label"
+			]);
+		};
+	}
 });
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  __name: "TelephoneNumberInput",
-  props: {
-    modelValue: {},
-    required: { type: Boolean }
-  },
-  emits: ["update:modelValue"],
-  setup(__props) {
-    const props = __props;
-    const lang = useLang();
-    const attrs = useAttrs();
-    const validations = ref([]);
-    if (props.required)
-      validations.value.push(
-        (val) => !!val || lang.value.validations.fieldRequired
-      );
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(QInput), mergeProps(unref(attrs), {
-        rules: validations.value,
-        "model-value": __props.modelValue,
-        label: `${unref(lang).fields.telephoneNumber}${__props.required ? "*" : ""}`,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
-      }), null, 16, ["rules", "model-value", "label"]);
-    };
-  }
+//#endregion
+//#region src/ui/form/TelephoneNumberInput.vue
+var TelephoneNumberInput_default = /* @__PURE__ */ defineComponent({
+	__name: "TelephoneNumberInput",
+	props: {
+		modelValue: {},
+		required: { type: Boolean }
+	},
+	emits: ["update:modelValue"],
+	setup(__props) {
+		/**
+		* To do: add mask and country prefix
+		*/
+		const props = __props;
+		const lang = useLang();
+		const attrs = useAttrs();
+		const validations = ref([]);
+		if (props.required) validations.value.push((val) => !!val || lang.value.validations.fieldRequired);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(QInput), mergeProps(unref(attrs), {
+				rules: validations.value,
+				"model-value": __props.modelValue,
+				label: `${unref(lang).fields.telephoneNumber}${__props.required ? "*" : ""}`,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
+			}), null, 16, [
+				"rules",
+				"model-value",
+				"label"
+			]);
+		};
+	}
 });
-const _hoisted_1$1 = { class: "row" };
-const _hoisted_2$1 = {
-  key: 0,
-  style: { "margin-top": "1em", "width": "1ch" }
+//#endregion
+//#region src/ui/form/DateInput.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$2 = { class: "row" };
+var _hoisted_2$1 = {
+	key: 0,
+	style: {
+		"margin-top": "1em",
+		"width": "1ch"
+	}
 };
-const _hoisted_3 = { class: "row items-center justify-end" };
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  __name: "DateInput",
-  props: {
-    modelValue: {},
-    format: { default: "YYYY-MM-DD" },
-    locale: { default: "en-US" },
-    label: { default: "" },
-    required: { type: Boolean },
-    clearable: { type: Boolean },
-    date: { default: () => ({}) },
-    icons: { default: () => ({
-      event: "event",
-      clear: "clear"
-    }) }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const lang = useLang();
-    const { modelValue, format, locale } = toRefs(props);
-    const year = ref();
-    const month = ref();
-    const day = ref();
-    const setYear = (val) => {
-      const nr = Number(val);
-      if (nr && nr > 1e3 && nr < 1e4) year.value = nr;
-      else year.value = void 0;
-    };
-    const setMonth = (val) => {
-      const nr = Number(val);
-      if (nr && nr > 0 && nr < 13) month.value = nr;
-      else month.value = void 0;
-    };
-    const setDay = (val) => {
-      const nr = Number(val);
-      if (nr && nr > 0 && nr < 32) day.value = nr;
-      else day.value = void 0;
-    };
-    const setInternalDate = (dateString, separator = "-") => {
-      if (dateString) {
-        const [yearPart, monthPart, dayPart] = dateString.split(separator);
-        if (yearPart && monthPart && dayPart) {
-          year.value = Number(yearPart);
-          month.value = Number(monthPart);
-          day.value = Number(dayPart);
-        }
-      }
-    };
-    const setDate = (value) => {
-      setInternalDate(value, "/");
-    };
-    watch([year, month, day], () => {
-      const date = `${year.value}-${String(month.value).padStart(2, "0")}-${String(day.value).padStart(2, "0")}`;
-      if (year.value && month.value && day.value && !isNaN(Date.parse(date))) {
-        emit("update:modelValue", date);
-      } else if (modelValue.value !== null) {
-        emit("update:modelValue", null);
-      }
-    });
-    const formattedDate = computed(() => {
-      if (modelValue.value)
-        return new Date(Date.parse(modelValue.value)).toLocaleDateString(
-          locale.value,
-          {
-            weekday: "long",
-            year: "numeric",
-            month: "short",
-            day: "numeric"
-          }
-        );
-      return "";
-    });
-    watch(modelValue, (newVal) => {
-      if (newVal) setInternalDate(newVal);
-      else if (newVal === null) {
-        year.value = void 0;
-        month.value = void 0;
-        day.value = void 0;
-      }
-    });
-    setInternalDate(modelValue.value);
-    const goToNextElement = (e) => {
-      if (["Minus", "Slash"].includes(e.code)) {
-        e.preventDefault();
-        const next = e.currentTarget.parentElement?.parentElement?.parentElement?.parentElement?.nextElementSibling;
-        if (next) {
-          next.focus();
-        }
-      }
-    };
-    const dateProps = computed(() => ({
-      YYYY: {
-        modelValue: year.value,
-        placeholder: lang.value.datePicker.YYYY,
-        style: {
-          "max-width": format.value === "YYYY-MM-DD" ? "8ch" : "7ch",
-          "margin-top": "-1.7em",
-          "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: lang.value.datePicker.MM,
-        style: {
-          "max-width": "7ch",
-          "margin-top": "-1.7em",
-          "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: lang.value.datePicker.DD,
-        style: {
-          "max-width": format.value === "DD-MM-YYYY" ? "7ch" : "4ch",
-          "margin-top": "-1.7em",
-          "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
-      }
-    }));
-    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 || lang.value.validations.fieldRequired
-      );
-    return (_ctx, _cache) => {
-      const _component_q_icon = QIcon;
-      const _component_q_tooltip = QTooltip;
-      const _component_q_btn = QBtn;
-      const _component_q_popup_proxy = QPopupProxy;
-      const _component_q_field = QField;
-      const _directive_close_popup = resolveDirective("close-popup");
-      return openBlock(), createBlock(_component_q_field, {
-        "model-value": unref(modelValue),
-        "bottom-slots": "",
-        rules: validations.value,
-        label: `${__props.label}${__props.required ? "*" : ""}`,
-        "stack-label": "",
-        "lazy-rules": ""
-      }, createSlots({
-        control: withCtx(() => [
-          createElementVNode("div", _hoisted_1$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$1, "-")) : createCommentVNode("", true)
-                ]),
-                _: 2
-              }, 1040);
-            }), 128))
-          ])
-        ]),
-        append: withCtx(() => [
-          __props.clearable ? (openBlock(), createBlock(_component_q_icon, {
-            key: 0,
-            name: __props.icons.clear,
-            class: "cursor-pointer",
-            onClick: _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", null))
-          }, null, 8, ["name"])) : createCommentVNode("", true),
-          createVNode(_component_q_icon, {
-            name: __props.icons.event,
-            class: "cursor-pointer"
-          }, {
-            default: withCtx(() => [
-              formattedDate.value ? (openBlock(), createBlock(_component_q_tooltip, { key: 0 }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(formattedDate.value), 1)
-                ]),
-                _: 1
-              })) : createCommentVNode("", true),
-              createVNode(_component_q_popup_proxy, {
-                cover: "",
-                "transition-show": "scale",
-                "transition-hide": "scale"
-              }, {
-                default: withCtx(() => [
-                  createVNode(unref(QDate), mergeProps(__props.date, {
-                    "model-value": unref(modelValue)?.replaceAll("-", "/"),
-                    "onUpdate:modelValue": setDate
-                  }), {
-                    default: withCtx(() => [
-                      createElementVNode("div", _hoisted_3, [
-                        withDirectives(createVNode(_component_q_btn, {
-                          label: unref(lang).buttons.close,
-                          color: "primary",
-                          flat: ""
-                        }, null, 8, ["label"]), [
-                          [_directive_close_popup]
-                        ])
-                      ])
-                    ]),
-                    _: 1
-                  }, 16, ["model-value"])
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }, 8, ["name"])
-        ]),
-        _: 2
-      }, [
-        renderList(_ctx.$slots, (_2, slot) => {
-          return {
-            name: slot,
-            fn: withCtx((scope) => [
-              renderSlot(_ctx.$slots, slot, normalizeProps(guardReactiveProps(scope || {})))
-            ])
-          };
-        })
-      ]), 1032, ["model-value", "rules", "label"]);
-    };
-  }
+var _hoisted_3 = { class: "row items-center justify-end" };
+//#endregion
+//#region src/ui/form/DateInput.vue
+var DateInput_default = /* @__PURE__ */ defineComponent({
+	__name: "DateInput",
+	props: {
+		modelValue: {},
+		format: { default: "YYYY-MM-DD" },
+		locale: { default: "en-US" },
+		label: { default: "" },
+		required: { type: Boolean },
+		clearable: { type: Boolean },
+		date: { default: () => ({}) },
+		icons: { default: () => ({
+			event: "event",
+			clear: "clear"
+		}) }
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const lang = useLang();
+		const { modelValue, format, locale } = toRefs(props);
+		const year = ref();
+		const month = ref();
+		const day = ref();
+		const setYear = (val) => {
+			const nr = Number(val);
+			if (nr && nr > 1e3 && nr < 1e4) year.value = nr;
+			else year.value = void 0;
+		};
+		const setMonth = (val) => {
+			const nr = Number(val);
+			if (nr && nr > 0 && nr < 13) month.value = nr;
+			else month.value = void 0;
+		};
+		const setDay = (val) => {
+			const nr = Number(val);
+			if (nr && nr > 0 && nr < 32) day.value = nr;
+			else day.value = void 0;
+		};
+		const setInternalDate = (dateString, separator = "-") => {
+			if (dateString) {
+				const [yearPart, monthPart, dayPart] = dateString.split(separator);
+				if (yearPart && monthPart && dayPart) {
+					year.value = Number(yearPart);
+					month.value = Number(monthPart);
+					day.value = Number(dayPart);
+				}
+			}
+		};
+		const setDate = (value) => {
+			setInternalDate(value, "/");
+		};
+		watch([
+			year,
+			month,
+			day
+		], () => {
+			const date = `${year.value}-${String(month.value).padStart(2, "0")}-${String(day.value).padStart(2, "0")}`;
+			if (year.value && month.value && day.value && !isNaN(Date.parse(date))) emit("update:modelValue", date);
+			else if (modelValue.value !== null) emit("update:modelValue", null);
+		});
+		const formattedDate = computed(() => {
+			if (modelValue.value) return new Date(Date.parse(modelValue.value)).toLocaleDateString(locale.value, {
+				weekday: "long",
+				year: "numeric",
+				month: "short",
+				day: "numeric"
+			});
+			return "";
+		});
+		watch(modelValue, (newVal) => {
+			if (newVal) setInternalDate(newVal);
+			else if (newVal === null) {
+				year.value = void 0;
+				month.value = void 0;
+				day.value = void 0;
+			}
+		});
+		setInternalDate(modelValue.value);
+		const goToNextElement = (e) => {
+			if (["Minus", "Slash"].includes(e.code)) {
+				e.preventDefault();
+				const next = e.currentTarget.parentElement?.parentElement?.parentElement?.parentElement?.nextElementSibling;
+				if (next) next.focus();
+			}
+		};
+		const dateProps = computed(() => ({
+			YYYY: {
+				modelValue: year.value,
+				placeholder: lang.value.datePicker.YYYY,
+				style: {
+					"max-width": format.value === "YYYY-MM-DD" ? "8ch" : "7ch",
+					"margin-top": "-1.7em",
+					"margin-bottom": "-0.5em",
+					background: "transparent",
+					border: 0
+				},
+				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: lang.value.datePicker.MM,
+				style: {
+					"max-width": "7ch",
+					"margin-top": "-1.7em",
+					"margin-bottom": "-0.5em",
+					background: "transparent",
+					border: 0
+				},
+				class: "q-ml-none",
+				inputClass: "text-center",
+				"onUpdate:modelValue": setMonth,
+				onKeydown: goToNextElement
+			},
+			DD: {
+				modelValue: day.value ? String(day.value).padStart(2, "0") : "",
+				placeholder: lang.value.datePicker.DD,
+				style: {
+					"max-width": format.value === "DD-MM-YYYY" ? "7ch" : "4ch",
+					"margin-top": "-1.7em",
+					"margin-bottom": "-0.5em",
+					background: "transparent",
+					border: 0
+				},
+				class: format.value === "YYYY-MM-DD" ? "q-ml-none" : void 0,
+				inputClass: "text-center",
+				"onUpdate:modelValue": setDay,
+				onKeydown: goToNextElement
+			}
+		}));
+		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 || lang.value.validations.fieldRequired);
+		return (_ctx, _cache) => {
+			const _component_q_icon = QIcon;
+			const _component_q_tooltip = QTooltip;
+			const _component_q_btn = QBtn;
+			const _component_q_popup_proxy = QPopupProxy;
+			const _component_q_field = QField;
+			const _directive_close_popup = resolveDirective("close-popup");
+			return openBlock(), createBlock(_component_q_field, {
+				"model-value": unref(modelValue),
+				"bottom-slots": "",
+				rules: validations.value,
+				label: `${__props.label}${__props.required ? "*" : ""}`,
+				"stack-label": "",
+				"lazy-rules": ""
+			}, createSlots({
+				control: withCtx(() => [createElementVNode("div", _hoisted_1$2, [(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$1, "-")) : createCommentVNode("", true)]),
+						_: 2
+					}, 1040);
+				}), 128))])]),
+				append: withCtx(() => [__props.clearable ? (openBlock(), createBlock(_component_q_icon, {
+					key: 0,
+					name: __props.icons.clear,
+					class: "cursor-pointer",
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", null))
+				}, null, 8, ["name"])) : createCommentVNode("", true), createVNode(_component_q_icon, {
+					name: __props.icons.event,
+					class: "cursor-pointer"
+				}, {
+					default: withCtx(() => [formattedDate.value ? (openBlock(), createBlock(_component_q_tooltip, { key: 0 }, {
+						default: withCtx(() => [createTextVNode(toDisplayString(formattedDate.value), 1)]),
+						_: 1
+					})) : createCommentVNode("", true), createVNode(_component_q_popup_proxy, {
+						cover: "",
+						"transition-show": "scale",
+						"transition-hide": "scale"
+					}, {
+						default: withCtx(() => [createVNode(unref(QDate), mergeProps(__props.date, {
+							"model-value": unref(modelValue)?.replaceAll("-", "/"),
+							"onUpdate:modelValue": setDate
+						}), {
+							default: withCtx(() => [createElementVNode("div", _hoisted_3, [withDirectives(createVNode(_component_q_btn, {
+								label: unref(lang).buttons.close,
+								color: "primary",
+								flat: ""
+							}, null, 8, ["label"]), [[_directive_close_popup]])])]),
+							_: 1
+						}, 16, ["model-value"])]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["name"])]),
+				_: 2
+			}, [renderList(_ctx.$slots, (_, slot) => {
+				return {
+					name: slot,
+					fn: withCtx((scope) => [renderSlot(_ctx.$slots, slot, normalizeProps(guardReactiveProps(scope || {})))])
+				};
+			})]), 1032, [
+				"model-value",
+				"rules",
+				"label"
+			]);
+		};
+	}
 });
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  __name: "BooleanSelect",
-  props: {
-    modelValue: { type: [Boolean, null] },
-    label: {},
-    required: { type: Boolean }
-  },
-  emits: ["update:modelValue"],
-  setup(__props) {
-    const props = __props;
-    const attrs = useAttrs();
-    const lang = useLang();
-    const $q = useQuasar();
-    if (lang.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName);
-    watch($q.lang, () => {
-      loadLang($q.lang.isoName);
-    });
-    const booleanOptions = ref([
-      {
-        label: lang.value.yes,
-        value: true
-      },
-      {
-        label: lang.value.no,
-        value: false
-      }
-    ]);
-    const validations = ref([]);
-    if (props.required)
-      validations.value.push(
-        (val) => val !== null || lang.value.validations.fieldRequired
-      );
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(QSelect), mergeProps(unref(attrs), {
-        rules: validations.value,
-        "model-value": __props.modelValue,
-        options: booleanOptions.value,
-        label: `${__props.label}${__props.required ? "*" : ""}`,
-        "emit-value": "",
-        "map-options": "",
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
-      }), null, 16, ["rules", "model-value", "options", "label"]);
-    };
-  }
+//#endregion
+//#region src/ui/form/BooleanSelect.vue
+var BooleanSelect_default = /* @__PURE__ */ defineComponent({
+	__name: "BooleanSelect",
+	props: {
+		modelValue: { type: [Boolean, null] },
+		label: {},
+		required: { type: Boolean }
+	},
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const props = __props;
+		const attrs = useAttrs();
+		const lang = useLang();
+		const $q = useQuasar();
+		if (lang.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName);
+		watch($q.lang, () => {
+			loadLang($q.lang.isoName);
+		});
+		const booleanOptions = ref([{
+			label: lang.value.yes,
+			value: true
+		}, {
+			label: lang.value.no,
+			value: false
+		}]);
+		const validations = ref([]);
+		if (props.required) validations.value.push((val) => val !== null || lang.value.validations.fieldRequired);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(QSelect), mergeProps(unref(attrs), {
+				rules: validations.value,
+				"model-value": __props.modelValue,
+				options: booleanOptions.value,
+				label: `${__props.label}${__props.required ? "*" : ""}`,
+				"emit-value": "",
+				"map-options": "",
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
+			}), null, 16, [
+				"rules",
+				"model-value",
+				"options",
+				"label"
+			]);
+		};
+	}
 });
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  __name: "BooleanItem",
-  props: {
-    modelValue: { type: [Boolean, null] },
-    label: {}
-  },
-  setup(__props) {
-    const attrs = useAttrs();
-    const lang = useLang();
-    const $q = useQuasar();
-    if (lang.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName);
-    watch($q.lang, () => {
-      loadLang($q.lang.isoName);
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(QItem), normalizeProps(guardReactiveProps(unref(attrs))), {
-        default: withCtx(() => [
-          createVNode(unref(QItemSection), null, {
-            default: withCtx(() => [
-              createVNode(unref(QItemLabel), { overline: "" }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(__props.label), 1)
-                ]),
-                _: 1
-              }),
-              createVNode(unref(QItemLabel), null, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(__props.modelValue === null ? "-" : __props.modelValue ? unref(lang).yes : unref(lang).no), 1)
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 16);
-    };
-  }
+//#endregion
+//#region src/ui/form/BooleanItem.vue
+var BooleanItem_default = /* @__PURE__ */ defineComponent({
+	__name: "BooleanItem",
+	props: {
+		modelValue: { type: [Boolean, null] },
+		label: {}
+	},
+	setup(__props) {
+		const attrs = useAttrs();
+		const lang = useLang();
+		const $q = useQuasar();
+		if (lang.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName);
+		watch($q.lang, () => {
+			loadLang($q.lang.isoName);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(QItem), normalizeProps(guardReactiveProps(unref(attrs))), {
+				default: withCtx(() => [createVNode(unref(QItemSection), null, {
+					default: withCtx(() => [createVNode(unref(QItemLabel), { overline: "" }, {
+						default: withCtx(() => [createTextVNode(toDisplayString(__props.label), 1)]),
+						_: 1
+					}), createVNode(unref(QItemLabel), null, {
+						default: withCtx(() => [createTextVNode(toDisplayString(__props.modelValue === null ? "-" : __props.modelValue ? unref(lang).yes : unref(lang).no), 1)]),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				_: 1
+			}, 16);
+		};
+	}
 });
-const __default__ = {
-  name: "EmailInput"
-};
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: {
-    subject: {},
-    body: {}
-  },
-  emits: ["update:subject", "update:body"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const emit = __emit;
-    const lang = useLang();
-    const variables = ref({
-      // header: lang.value.some.nested.prop
-    });
-    const functions = ref({
-      // submit
-    });
-    __expose({
-      variables,
-      functions
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(unref(QInput), {
-          outlined: "",
-          placeholder: unref(lang).email.subject,
-          "model-value": __props.subject,
-          type: "text",
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:subject", $event))
-        }, null, 8, ["placeholder", "model-value"]),
-        createVNode(unref(QEditor), {
-          "model-value": __props.body,
-          toolbar: [
-            ["left", "center", "right", "justify"],
-            ["bold", "italic", "underline", "strike"],
-            ["undo", "redo"],
-            ["link"]
-          ],
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => emit("update:body", $event))
-        }, null, 8, ["model-value"])
-      ], 64);
-    };
-  }
+//#endregion
+//#region src/ui/form/EmailInput.vue
+var EmailInput_default = /* @__PURE__ */ defineComponent({
+	name: "EmailInput",
+	props: {
+		subject: {},
+		body: {}
+	},
+	emits: ["update:subject", "update:body"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const emit = __emit;
+		const lang = useLang();
+		__expose({
+			variables: ref({}),
+			functions: ref({})
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(QInput), {
+				outlined: "",
+				placeholder: unref(lang).email.subject,
+				"model-value": __props.subject,
+				type: "text",
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:subject", $event))
+			}, null, 8, ["placeholder", "model-value"]), createVNode(unref(QEditor), {
+				"model-value": __props.body,
+				toolbar: [
+					[
+						"left",
+						"center",
+						"right",
+						"justify"
+					],
+					[
+						"bold",
+						"italic",
+						"underline",
+						"strike"
+					],
+					["undo", "redo"],
+					["link"]
+				],
+				"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => emit("update:body", $event))
+			}, null, 8, ["model-value"])], 64);
+		};
+	}
 });
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "DatePicker",
-  props: {
-    modelValue: {},
-    periods: {},
-    range: { type: Boolean },
-    options: { type: Function }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const attrs = useAttrs();
-    const emit = __emit;
-    const $q = useQuasar();
-    const lang = useLang();
-    const { periods, range, options: parentOptions } = toRefs(props);
-    const update = (val) => {
-      if (val && typeof val !== "string") {
-        const parsedFrom = val.from.replaceAll("/", "-");
-        const parsedTo = val.to.replaceAll("/", "-");
-        const unavailablePeriods = periods?.value?.filter(
-          (period) => period.type === "unavailable"
-        );
-        if (unavailablePeriods) {
-          for (const period of unavailablePeriods) {
-            if (parsedFrom <= period.startDate && parsedTo >= period.endDate) {
-              return $q.notify({
-                message: lang.value.datePicker.validations.unavailableRange,
-                color: "red"
-              });
-            }
-          }
-        }
-      }
-      emit("update:modelValue", val);
-    };
-    const dateOptions = function(date) {
-      let parentResult = true;
-      if (parentOptions?.value) parentResult = parentOptions.value(date);
-      const parsedDate = date.replaceAll("/", "-");
-      const unavailablePeriods = periods?.value?.filter(
-        (period) => period.type === "unavailable"
-      );
-      if (unavailablePeriods) {
-        for (const period of unavailablePeriods) {
-          if (parsedDate >= period.startDate && parsedDate <= period.endDate) {
-            return false;
-          }
-        }
-      }
-      return parentResult;
-    };
-    return (_ctx, _cache) => {
-      const _component_q_date = QDate;
-      return openBlock(), createBlock(_component_q_date, mergeProps(unref(attrs), {
-        "model-value": __props.modelValue,
-        "onUpdate:modelValue": update,
-        options: dateOptions,
-        range: unref(range)
-      }), null, 16, ["model-value", "range"]);
-    };
-  }
+//#endregion
+//#region src/ui/form/DatePicker.vue
+var DatePicker_default = /* @__PURE__ */ defineComponent({
+	__name: "DatePicker",
+	props: {
+		modelValue: {},
+		periods: {},
+		range: { type: Boolean },
+		options: { type: Function }
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const attrs = useAttrs();
+		const emit = __emit;
+		const $q = useQuasar();
+		const lang = useLang();
+		const { periods, range, options: parentOptions } = toRefs(props);
+		const update = (val) => {
+			if (val && typeof val !== "string") {
+				const parsedFrom = val.from.replaceAll("/", "-");
+				const parsedTo = val.to.replaceAll("/", "-");
+				const unavailablePeriods = periods?.value?.filter((period) => period.type === "unavailable");
+				if (unavailablePeriods) {
+					for (const period of unavailablePeriods) if (parsedFrom <= period.startDate && parsedTo >= period.endDate) return $q.notify({
+						message: lang.value.datePicker.validations.unavailableRange,
+						color: "red"
+					});
+				}
+			}
+			emit("update:modelValue", val);
+		};
+		const dateOptions = function(date) {
+			let parentResult = true;
+			if (parentOptions?.value) parentResult = parentOptions.value(date);
+			const parsedDate = date.replaceAll("/", "-");
+			const unavailablePeriods = periods?.value?.filter((period) => period.type === "unavailable");
+			if (unavailablePeriods) {
+				for (const period of unavailablePeriods) if (parsedDate >= period.startDate && parsedDate <= period.endDate) return false;
+			}
+			return parentResult;
+		};
+		return (_ctx, _cache) => {
+			const _component_q_date = QDate;
+			return openBlock(), createBlock(_component_q_date, mergeProps(unref(attrs), {
+				"model-value": __props.modelValue,
+				"onUpdate:modelValue": update,
+				options: dateOptions,
+				range: unref(range)
+			}), null, 16, ["model-value", "range"]);
+		};
+	}
 });
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "CurrencySelect",
-  props: {
-    modelValue: {},
-    required: { type: Boolean }
-  },
-  emits: ["update:modelValue"],
-  setup(__props) {
-    const props = __props;
-    const attrs = useAttrs();
-    const lang = useLang();
-    const currencyOptions = ref([
-      {
-        label: lang.value.currency.EUR,
-        value: "EUR"
-      },
-      {
-        label: lang.value.currency.USD,
-        value: "USD"
-      }
-    ]);
-    const validations = ref([]);
-    if (props.required)
-      validations.value.push(
-        (val) => !!val || lang.value.validations.fieldRequired
-      );
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(QSelect), mergeProps(unref(attrs), {
-        rules: validations.value,
-        "model-value": __props.modelValue,
-        options: currencyOptions.value,
-        label: `${unref(lang).currency.currency}${__props.required ? "*" : ""}`,
-        "emit-value": "",
-        "map-options": "",
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
-      }), null, 16, ["rules", "model-value", "options", "label"]);
-    };
-  }
+//#endregion
+//#region src/ui/form/CurrencySelect.vue
+var CurrencySelect_default = /* @__PURE__ */ defineComponent({
+	__name: "CurrencySelect",
+	props: {
+		modelValue: {},
+		required: { type: Boolean }
+	},
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const props = __props;
+		const attrs = useAttrs();
+		const lang = useLang();
+		const currencyOptions = ref([{
+			label: lang.value.currency.EUR,
+			value: "EUR"
+		}, {
+			label: lang.value.currency.USD,
+			value: "USD"
+		}]);
+		const validations = ref([]);
+		if (props.required) validations.value.push((val) => !!val || lang.value.validations.fieldRequired);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(QSelect), mergeProps(unref(attrs), {
+				rules: validations.value,
+				"model-value": __props.modelValue,
+				options: currencyOptions.value,
+				label: `${unref(lang).currency.currency}${__props.required ? "*" : ""}`,
+				"emit-value": "",
+				"map-options": "",
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
+			}), null, 16, [
+				"rules",
+				"model-value",
+				"options",
+				"label"
+			]);
+		};
+	}
 });
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "FilteredModelSelect",
-  props: {
-    modelValue: {},
-    labelKey: {},
-    labelFunction: { type: Function },
-    valueKey: {},
-    extraFields: {},
-    filteredOptions: {},
-    required: { type: Boolean },
-    onFilter: {},
-    multiple: { type: Boolean },
-    label: {},
-    hint: {}
-  },
-  emits: ["update:model-value", "filter"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const attrs = useAttrs();
-    const emit = __emit;
-    const lang = useLang();
-    const {
-      modelValue,
-      onFilter,
-      filteredOptions,
-      labelKey,
-      valueKey,
-      labelFunction,
-      extraFields
-    } = toRefs(props);
-    const options = computed(() => {
-      if (filteredOptions.value.length) {
-        return filteredOptions.value?.map((option) => ({
-          label: labelFunction.value ? labelFunction.value(option) : option[labelKey.value],
-          value: option[valueKey.value || "id"],
-          extraFields: extraFields.value?.reduce(
-            (result, key) => {
-              if (option.hasOwnProperty(key)) {
-                result[key] = option[key];
-              }
-              return result;
-            },
-            {}
-          )
-        }));
-      }
-      return [];
-    });
-    const requiredValidation = ref(
-      (val) => (Array.isArray(val) ? !!val.length : !!val) || lang.value.validations.fieldRequired
-    );
-    const selectedIds = computed(() => {
-      if (Array.isArray(modelValue.value)) {
-        return [...modelValue.value];
-      } else if (modelValue.value) {
-        return [modelValue.value];
-      }
-      return [];
-    });
-    const filterFn = (val, update) => {
-      if (!onFilter.value) update(() => {
-      });
-      emit("filter", {
-        ids: selectedIds.value,
-        searchPhrase: val.toLowerCase(),
-        done: () => update(() => {
-        })
-      });
-    };
-    const selectRef = ref();
-    watch(modelValue, () => {
-      if (!options.value?.find((val) => val.value === modelValue.value))
-        emit("filter", {
-          ids: selectedIds.value,
-          searchPhrase: "",
-          done: () => {
-          }
-        });
-    });
-    return (_ctx, _cache) => {
-      const _component_q_item_section = QItemSection;
-      const _component_q_item = QItem;
-      return openBlock(), createBlock(unref(QSelect), mergeProps({
-        ref_key: "selectRef",
-        ref: selectRef
-      }, unref(attrs), {
-        "model-value": unref(modelValue),
-        options: options.value,
-        label: `${__props.label}${__props.required ? "*" : ""}`,
-        hint: __props.multiple ? unref(lang).selectMultiple : void 0,
-        "emit-value": "",
-        "map-options": "",
-        "fill-input": !__props.multiple,
-        "use-input": !!unref(onFilter),
-        "hide-selected": !__props.multiple && !!unref(onFilter) || Number.isNaN(unref(modelValue)),
-        multiple: __props.multiple,
-        "bottom-slots": !!__props.hint,
-        "input-debounce": "500",
-        rules: __props.required ? [requiredValidation.value] : [],
-        onFilter: filterFn,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:model-value", $event))
-      }), createSlots({
-        hint: withCtx(() => [
-          createTextVNode(toDisplayString(__props.hint), 1)
-        ]),
-        "no-option": withCtx(() => [
-          createVNode(_component_q_item, null, {
-            default: withCtx(() => [
-              createVNode(_component_q_item_section, { class: "text-italic text-grey" }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(unref(lang).noResultsAvailable), 1)
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ]),
-        _: 2
-      }, [
-        renderList(_ctx.$slots, (_2, slot) => {
-          return {
-            name: slot,
-            fn: withCtx((scope) => [
-              renderSlot(_ctx.$slots, slot, normalizeProps(guardReactiveProps(scope || {})))
-            ])
-          };
-        })
-      ]), 1040, ["model-value", "options", "label", "hint", "fill-input", "use-input", "hide-selected", "multiple", "bottom-slots", "rules"]);
-    };
-  }
+//#endregion
+//#region src/ui/form/FilteredModelSelect.vue
+var FilteredModelSelect_default = /* @__PURE__ */ defineComponent({
+	__name: "FilteredModelSelect",
+	props: {
+		modelValue: {},
+		labelKey: {},
+		labelFunction: { type: Function },
+		valueKey: {},
+		extraFields: {},
+		filteredOptions: {},
+		required: { type: Boolean },
+		onFilter: {},
+		multiple: { type: Boolean },
+		label: {},
+		hint: {}
+	},
+	emits: ["update:model-value", "filter"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const attrs = useAttrs();
+		const emit = __emit;
+		const lang = useLang();
+		const { modelValue, onFilter, filteredOptions, labelKey, valueKey, labelFunction, extraFields } = toRefs(props);
+		const options = computed(() => {
+			if (filteredOptions.value.length) return filteredOptions.value?.map((option) => ({
+				label: labelFunction.value ? labelFunction.value(option) : option[labelKey.value],
+				value: option[valueKey.value || "id"],
+				extraFields: extraFields.value?.reduce((result, key) => {
+					if (option.hasOwnProperty(key)) result[key] = option[key];
+					return result;
+				}, {})
+			}));
+			return [];
+		});
+		const requiredValidation = ref((val) => (Array.isArray(val) ? !!val.length : !!val) || lang.value.validations.fieldRequired);
+		const selectedIds = computed(() => {
+			if (Array.isArray(modelValue.value)) return [...modelValue.value];
+			else if (modelValue.value) return [modelValue.value];
+			return [];
+		});
+		const filterFn = (val, update) => {
+			if (!onFilter.value) update(() => {});
+			emit("filter", {
+				ids: selectedIds.value,
+				searchPhrase: val.toLowerCase(),
+				done: () => update(() => {})
+			});
+		};
+		const selectRef = ref();
+		watch(modelValue, () => {
+			if (!options.value?.find((val) => val.value === modelValue.value)) emit("filter", {
+				ids: selectedIds.value,
+				searchPhrase: "",
+				done: () => {}
+			});
+		});
+		return (_ctx, _cache) => {
+			const _component_q_item_section = QItemSection;
+			const _component_q_item = QItem;
+			return openBlock(), createBlock(unref(QSelect), mergeProps({
+				ref_key: "selectRef",
+				ref: selectRef
+			}, unref(attrs), {
+				"model-value": unref(modelValue),
+				options: options.value,
+				label: `${__props.label}${__props.required ? "*" : ""}`,
+				hint: __props.multiple ? unref(lang).selectMultiple : void 0,
+				"emit-value": "",
+				"map-options": "",
+				"fill-input": !__props.multiple,
+				"use-input": !!unref(onFilter),
+				"hide-selected": !__props.multiple && !!unref(onFilter) || Number.isNaN(unref(modelValue)),
+				multiple: __props.multiple,
+				"bottom-slots": !!__props.hint,
+				"input-debounce": "500",
+				rules: __props.required ? [requiredValidation.value] : [],
+				onFilter: filterFn,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:model-value", $event))
+			}), createSlots({
+				hint: withCtx(() => [createTextVNode(toDisplayString(__props.hint), 1)]),
+				"no-option": withCtx(() => [createVNode(_component_q_item, null, {
+					default: withCtx(() => [createVNode(_component_q_item_section, { class: "text-italic text-grey" }, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(lang).noResultsAvailable), 1)]),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				_: 2
+			}, [renderList(_ctx.$slots, (_, slot) => {
+				return {
+					name: slot,
+					fn: withCtx((scope) => [renderSlot(_ctx.$slots, slot, normalizeProps(guardReactiveProps(scope || {})))])
+				};
+			})]), 1040, [
+				"model-value",
+				"options",
+				"label",
+				"hint",
+				"fill-input",
+				"use-input",
+				"hide-selected",
+				"multiple",
+				"bottom-slots",
+				"rules"
+			]);
+		};
+	}
 });
-const _hoisted_1 = { class: "row" };
-const _hoisted_2 = {
-  key: 0,
-  class: "row"
+//#endregion
+//#region src/ui/form/CronScheduleInput.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$1 = { class: "row" };
+var _hoisted_2 = {
+	key: 0,
+	class: "row"
 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "CronScheduleInput",
-  props: {
-    modelValue: {},
-    required: { type: Boolean },
-    showMinute: { type: Boolean },
-    showHour: { type: Boolean },
-    showDayOfWeek: { type: Boolean }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { modelValue } = toRefs(props);
-    const $q = useQuasar();
-    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 = lang.value.cron.name;
-    const minute = ref(["0"]);
-    const hour = ref(["0"]);
-    const dayOfMonth = ref(["1"]);
-    const month = ref([]);
-    const dayOfWeek = ref([]);
-    const minuteOptions = ref([...Array(59).keys()].map(String));
-    const hourOptions = ref([...Array(24).keys()].map(String));
-    const dayOfMonthOptions = ref(
-      Array.from({ length: 31 }, (_2, i) => i + 1).map(
-        (dayOfMonth2) => String(dayOfMonth2)
-      )
-    );
-    const monthOptions = ref([
-      ...Array.from({ length: 12 }, (_2, i) => i + 1).map((month2) => ({
-        label: $q.lang.date.months[month2 - 1],
-        value: String(month2)
-      }))
-    ]);
-    const dayOfWeekOptions = ref(
-      [...Array(7).keys()].map((day) => ({
-        label: $q.lang.date.days[day],
-        value: String(day)
-      }))
-    );
-    const validations = ref([
-      (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(",") || "*"}`;
-      if (cronregex.test(cron)) {
-        emit("update:modelValue", cron);
-      } else {
-        emit("update:modelValue", "0 0 1 * *");
-      }
-    });
-    function setInternalCron(cronString) {
-      if (cronregex.test(cronString)) {
-        const [newMinute, newHour, newDayOfMonth, newMonth, newDayOfWeek] = cronString.split(" ");
-        minute.value = newMinute.split(",").filter((val) => val !== "*");
-        hour.value = newHour.split(",").filter((val) => val !== "*");
-        dayOfMonth.value = newDayOfMonth.split(",").filter((val) => val !== "*");
-        month.value = newMonth.split(",").filter((val) => val !== "*");
-        dayOfWeek.value = newDayOfWeek.split(",").filter((val) => val !== "*");
-      }
-    }
-    const smallStyle = {
-      "margin-top": "-1.7em",
-      "margin-bottom": "-0.5em",
-      background: "transparent",
-      border: 0
-    };
-    const dayOfWeekStyle = {
-      "margin-bottom": "-0.5em",
-      background: "transparent",
-      border: 0
-    };
-    watch(modelValue, (newVal) => {
-      if (newVal) setInternalCron(newVal);
-      else if (newVal === null) {
-        setInternalCron("0 0 1 * *");
-      }
-    });
-    setInternalCron(modelValue.value);
-    return (_ctx, _cache) => {
-      const _component_q_select = QSelect;
-      const _component_q_field = QField;
-      return openBlock(), createBlock(_component_q_field, {
-        "model-value": unref(modelValue),
-        rules: validations.value,
-        label: `${unref(label)}${__props.required ? "*" : ""}`,
-        "stack-label": "",
-        borderless: ""
-      }, {
-        control: withCtx(() => [
-          createElementVNode("div", _hoisted_1, [
-            __props.showHour ? (openBlock(), createBlock(_component_q_select, {
-              key: 0,
-              modelValue: hour.value,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => hour.value = $event),
-              class: "col-auto",
-              options: hourOptions.value,
-              hint: unref(lang).cron.hour,
-              "bottom-slots": "",
-              borderless: "",
-              filled: false,
-              outlined: false,
-              standout: false,
-              rounded: false,
-              style: smallStyle,
-              "map-options": "",
-              "emit-value": "",
-              multiple: ""
-            }, {
-              selected: withCtx(() => [
-                createTextVNode(toDisplayString(hour.value.length ? hour.value.join(",") : unref(lang).cron.every.hour), 1)
-              ]),
-              _: 1
-            }, 8, ["modelValue", "options", "hint"])) : createCommentVNode("", true),
-            __props.showMinute ? (openBlock(), createBlock(_component_q_select, {
-              key: 1,
-              modelValue: minute.value,
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => minute.value = $event),
-              class: "col-auto",
-              options: minuteOptions.value,
-              hint: unref(lang).cron.minute,
-              "bottom-slots": "",
-              borderless: "",
-              filled: false,
-              outlined: false,
-              standout: false,
-              rounded: false,
-              style: smallStyle,
-              "map-options": "",
-              "emit-value": "",
-              multiple: ""
-            }, {
-              selected: withCtx(() => [
-                createTextVNode(toDisplayString(minute.value.length ? minute.value.join(",") : unref(lang).cron.every.minute), 1)
-              ]),
-              _: 1
-            }, 8, ["modelValue", "options", "hint"])) : createCommentVNode("", true),
-            createVNode(_component_q_select, {
-              modelValue: dayOfMonth.value,
-              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => dayOfMonth.value = $event),
-              class: "col-auto",
-              options: dayOfMonthOptions.value,
-              hint: unref(lang).cron.dayOfMonth,
-              "bottom-slots": "",
-              borderless: "",
-              filled: false,
-              outlined: false,
-              standout: false,
-              rounded: false,
-              style: smallStyle,
-              "map-options": "",
-              "emit-value": "",
-              multiple: ""
-            }, {
-              selected: withCtx(() => [
-                createTextVNode(toDisplayString(dayOfMonth.value.length ? dayOfMonth.value.join(",") : unref(lang).cron.every.dayOfMonth), 1)
-              ]),
-              _: 1
-            }, 8, ["modelValue", "options", "hint"]),
-            createVNode(_component_q_select, {
-              modelValue: month.value,
-              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => month.value = $event),
-              class: "col-auto",
-              options: monthOptions.value,
-              hint: unref(lang).cron.month,
-              placeholder: unref(lang).cron.month,
-              "bottom-slots": "",
-              borderless: "",
-              filled: false,
-              outlined: false,
-              standout: false,
-              rounded: false,
-              style: smallStyle,
-              "map-options": "",
-              "emit-value": "",
-              multiple: ""
-            }, {
-              selected: withCtx(() => [
-                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"])
-          ]),
-          __props.showDayOfWeek ? (openBlock(), createElementBlock("div", _hoisted_2, [
-            __props.showDayOfWeek ? (openBlock(), createBlock(_component_q_select, {
-              key: 0,
-              modelValue: dayOfWeek.value,
-              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => dayOfWeek.value = $event),
-              class: "col-auto",
-              options: dayOfWeekOptions.value,
-              placeholder: unref(lang).cron.dayOfWeek,
-              hint: unref(lang).cron.dayOfWeek,
-              style: dayOfWeekStyle,
-              "bottom-slots": "",
-              borderless: "",
-              filled: false,
-              outlined: false,
-              standout: false,
-              rounded: false,
-              "map-options": "",
-              "emit-value": "",
-              multiple: ""
-            }, {
-              selected: withCtx(() => [
-                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", "hint"])) : createCommentVNode("", true)
-          ])) : createCommentVNode("", true)
-        ]),
-        _: 1
-      }, 8, ["model-value", "rules", "label"]);
-    };
-  }
+//#endregion
+//#region src/ui/form/CronScheduleInput.vue
+var CronScheduleInput_default = /* @__PURE__ */ defineComponent({
+	__name: "CronScheduleInput",
+	props: {
+		modelValue: {},
+		required: { type: Boolean },
+		showMinute: { type: Boolean },
+		showHour: { type: Boolean },
+		showDayOfWeek: { type: Boolean }
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { modelValue } = toRefs(props);
+		const $q = useQuasar();
+		const lang = useLang();
+		const cronregex = /* @__PURE__ */ 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 = lang.value.cron.name;
+		const minute = ref(["0"]);
+		const hour = ref(["0"]);
+		const dayOfMonth = ref(["1"]);
+		const month = ref([]);
+		const dayOfWeek = ref([]);
+		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((dayOfMonth) => String(dayOfMonth)));
+		const monthOptions = ref([...Array.from({ length: 12 }, (_, i) => i + 1).map((month) => ({
+			label: $q.lang.date.months[month - 1],
+			value: String(month)
+		}))]);
+		const dayOfWeekOptions = ref([...Array(7).keys()].map((day) => ({
+			label: $q.lang.date.days[day],
+			value: String(day)
+		})));
+		const validations = ref([(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(",") || "*"}`;
+			if (cronregex.test(cron)) emit("update:modelValue", cron);
+			else emit("update:modelValue", "0 0 1 * *");
+		});
+		function setInternalCron(cronString) {
+			if (cronregex.test(cronString)) {
+				const [newMinute, newHour, newDayOfMonth, newMonth, newDayOfWeek] = cronString.split(" ");
+				minute.value = newMinute.split(",").filter((val) => val !== "*");
+				hour.value = newHour.split(",").filter((val) => val !== "*");
+				dayOfMonth.value = newDayOfMonth.split(",").filter((val) => val !== "*");
+				month.value = newMonth.split(",").filter((val) => val !== "*");
+				dayOfWeek.value = newDayOfWeek.split(",").filter((val) => val !== "*");
+			}
+		}
+		const smallStyle = {
+			"margin-top": "-1.7em",
+			"margin-bottom": "-0.5em",
+			background: "transparent",
+			border: 0
+		};
+		const dayOfWeekStyle = {
+			"margin-bottom": "-0.5em",
+			background: "transparent",
+			border: 0
+		};
+		watch(modelValue, (newVal) => {
+			if (newVal) setInternalCron(newVal);
+			else if (newVal === null) setInternalCron("0 0 1 * *");
+		});
+		setInternalCron(modelValue.value);
+		return (_ctx, _cache) => {
+			const _component_q_select = QSelect;
+			const _component_q_field = QField;
+			return openBlock(), createBlock(_component_q_field, {
+				"model-value": unref(modelValue),
+				rules: validations.value,
+				label: `${unref(label)}${__props.required ? "*" : ""}`,
+				"stack-label": "",
+				borderless: ""
+			}, {
+				control: withCtx(() => [createElementVNode("div", _hoisted_1$1, [
+					__props.showHour ? (openBlock(), createBlock(_component_q_select, {
+						key: 0,
+						modelValue: hour.value,
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => hour.value = $event),
+						class: "col-auto",
+						options: hourOptions.value,
+						hint: unref(lang).cron.hour,
+						"bottom-slots": "",
+						borderless: "",
+						filled: false,
+						outlined: false,
+						standout: false,
+						rounded: false,
+						style: smallStyle,
+						"map-options": "",
+						"emit-value": "",
+						multiple: ""
+					}, {
+						selected: withCtx(() => [createTextVNode(toDisplayString(hour.value.length ? hour.value.join(",") : unref(lang).cron.every.hour), 1)]),
+						_: 1
+					}, 8, [
+						"modelValue",
+						"options",
+						"hint"
+					])) : createCommentVNode("", true),
+					__props.showMinute ? (openBlock(), createBlock(_component_q_select, {
+						key: 1,
+						modelValue: minute.value,
+						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => minute.value = $event),
+						class: "col-auto",
+						options: minuteOptions.value,
+						hint: unref(lang).cron.minute,
+						"bottom-slots": "",
+						borderless: "",
+						filled: false,
+						outlined: false,
+						standout: false,
+						rounded: false,
+						style: smallStyle,
+						"map-options": "",
+						"emit-value": "",
+						multiple: ""
+					}, {
+						selected: withCtx(() => [createTextVNode(toDisplayString(minute.value.length ? minute.value.join(",") : unref(lang).cron.every.minute), 1)]),
+						_: 1
+					}, 8, [
+						"modelValue",
+						"options",
+						"hint"
+					])) : createCommentVNode("", true),
+					createVNode(_component_q_select, {
+						modelValue: dayOfMonth.value,
+						"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => dayOfMonth.value = $event),
+						class: "col-auto",
+						options: dayOfMonthOptions.value,
+						hint: unref(lang).cron.dayOfMonth,
+						"bottom-slots": "",
+						borderless: "",
+						filled: false,
+						outlined: false,
+						standout: false,
+						rounded: false,
+						style: smallStyle,
+						"map-options": "",
+						"emit-value": "",
+						multiple: ""
+					}, {
+						selected: withCtx(() => [createTextVNode(toDisplayString(dayOfMonth.value.length ? dayOfMonth.value.join(",") : unref(lang).cron.every.dayOfMonth), 1)]),
+						_: 1
+					}, 8, [
+						"modelValue",
+						"options",
+						"hint"
+					]),
+					createVNode(_component_q_select, {
+						modelValue: month.value,
+						"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => month.value = $event),
+						class: "col-auto",
+						options: monthOptions.value,
+						hint: unref(lang).cron.month,
+						placeholder: unref(lang).cron.month,
+						"bottom-slots": "",
+						borderless: "",
+						filled: false,
+						outlined: false,
+						standout: false,
+						rounded: false,
+						style: smallStyle,
+						"map-options": "",
+						"emit-value": "",
+						multiple: ""
+					}, {
+						selected: withCtx(() => [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"
+					])
+				]), __props.showDayOfWeek ? (openBlock(), createElementBlock("div", _hoisted_2, [__props.showDayOfWeek ? (openBlock(), createBlock(_component_q_select, {
+					key: 0,
+					modelValue: dayOfWeek.value,
+					"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => dayOfWeek.value = $event),
+					class: "col-auto",
+					options: dayOfWeekOptions.value,
+					placeholder: unref(lang).cron.dayOfWeek,
+					hint: unref(lang).cron.dayOfWeek,
+					style: dayOfWeekStyle,
+					"bottom-slots": "",
+					borderless: "",
+					filled: false,
+					outlined: false,
+					standout: false,
+					rounded: false,
+					"map-options": "",
+					"emit-value": "",
+					multiple: ""
+				}, {
+					selected: withCtx(() => [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",
+					"hint"
+				])) : createCommentVNode("", true)])) : createCommentVNode("", true)]),
+				_: 1
+			}, 8, [
+				"model-value",
+				"rules",
+				"label"
+			]);
+		};
+	}
 });
-export {
-  _sfc_main$5 as BooleanItem,
-  _sfc_main$6 as BooleanSelect,
-  _sfc_main as CronScheduleInput,
-  _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$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
-};
+//#endregion
+//#region src/ui/form/CountrySelect.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { key: 1 };
+//#endregion
+//#region src/ui/form/CountrySelect.vue
+var CountrySelect_default = /* @__PURE__ */ defineComponent({
+	__name: "CountrySelect",
+	props: {
+		modelValue: {},
+		countries: {},
+		isItem: { type: Boolean }
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { modelValue, countries } = toRefs(props);
+		const lang = useLang();
+		const attrs = useAttrs();
+		const countryOptions = computed(() => {
+			return countries.value.map((country) => ({
+				label: lang.value.countries[country.iso3166],
+				value: country.iso3166,
+				icon: country.icon
+			}));
+		});
+		__expose({
+			variables: ref({}),
+			functions: ref({})
+		});
+		return (_ctx, _cache) => {
+			const _component_q_icon = QIcon;
+			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: countryOptions.value,
+				"model-value": unref(modelValue),
+				filled: false,
+				"emit-value": "",
+				"map-options": "",
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = (val) => emit("update:modelValue", val))
+			}), {
+				"selected-item": withCtx((scope) => [scope.opt && __props.isItem ? (openBlock(), createBlock(_component_q_item, { key: 0 }, {
+					default: withCtx(() => [createVNode(_component_q_item_section, { avatar: "" }, {
+						default: withCtx(() => [createVNode(_component_q_icon, { name: scope.opt.icon }, null, 8, ["name"])]),
+						_: 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
+				}, 1024)) : scope.opt ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_q_icon, { name: scope.opt.icon }, null, 8, ["name"]), createTextVNode(" " + toDisplayString(scope.opt.label), 1)])) : createCommentVNode("", true)]),
+				option: withCtx((scope) => [createVNode(_component_q_item, normalizeProps(guardReactiveProps(scope.itemProps)), {
+					default: withCtx(() => [createVNode(_component_q_item_section, { avatar: "" }, {
+						default: withCtx(() => [createVNode(_component_q_icon, { name: scope.opt.icon }, null, 8, ["name"])]),
+						_: 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"]);
+		};
+	}
+});
+//#endregion
+export { BooleanItem_default as BooleanItem, BooleanSelect_default as BooleanSelect, CountrySelect_default as CountrySelect, CronScheduleInput_default as CronScheduleInput, CurrencySelect_default as CurrencySelect, DateInput_default as DateInput, DatePicker_default as DatePicker, EmailInput_default as EmailInput, FilteredModelSelect_default as FilteredModelSelect, FormInput_default as FormInput, FormItem_default as FormItem, GenderItem_default as GenderItem, GenderSelect_default as GenderSelect, LocaleSelect_default as LocaleSelect, PostalCodeInput_default as PostalCodeInput, TelephoneNumberInput_default as TelephoneNumberInput, loadLang, useLang };