@simsustech/quasar-components 0.11.22 → 0.11.24

package/dist/form.js

@@ -1,7 +1,7 @@
-import { defineComponent, useAttrs, withAsyncContext, watch, ref, createBlock, openBlock, unref, mergeProps, normalizeProps, guardReactiveProps, withCtx, createVNode, createTextVNode, toDisplayString, toRefs, computed, useSlots, createCommentVNode, renderSlot, createSlots, renderList, resolveDirective, createElementVNode, withDirectives, createElementBlock, Fragment, resolveDynamicComponent } from "vue";
+import { 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 { u as useLang, l as loadLang } from "./LocaleSelect.vue_vue_type_script_setup_true_lang-CMvTDKR3.js";
-import { _ } from "./LocaleSelect.vue_vue_type_script_setup_true_lang-CMvTDKR3.js";
+import { l as loadLang, u as useLang } from "./LocaleSelect.vue_vue_type_script_setup_true_lang-DThzjchm.js";
+import { _ } from "./LocaleSelect.vue_vue_type_script_setup_true_lang-DThzjchm.js";
 const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "GenderSelect",
   props: {
@@ -44,9 +44,9 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(QSelect), mergeProps(unref(attrs), {
         rules: validations.value,
-        "model-value": _ctx.modelValue,
+        "model-value": __props.modelValue,
         options: genderOptions.value,
-        label: `${unref(lang).gender.gender}${_ctx.required ? "*" : ""}`,
+        label: `${unref(lang).gender.gender}${__props.required ? "*" : ""}`,
         "emit-value": "",
         "map-options": "",
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
@@ -80,7 +80,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               }),
               createVNode(unref(QItemLabel), null, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.modelValue ? unref(lang).gender[_ctx.modelValue] : ""), 1)
+                  createTextVNode(toDisplayString(__props.modelValue ? unref(lang).gender[__props.modelValue] : ""), 1)
                 ]),
                 _: 1
               })
@@ -132,8 +132,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(QInput), mergeProps(unref(attrs), {
         mask: computedMask.value,
         rules: computedValidations.value,
-        "model-value": _ctx.modelValue,
-        label: `${unref(lang).postalCode.postalCode}${_ctx.required ? "*" : ""}`,
+        "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"]);
     };
@@ -171,13 +171,13 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               createVNode(unref(QItemLabel), { overline: "" }, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.label ? _ctx.label : _ctx.field ? unref(lang).fields[_ctx.field] : ""), 1)
+                  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(_ctx.modelValue || "-"), 1)
+                  createTextVNode(toDisplayString(__props.modelValue || "-"), 1)
                 ]),
                 _: 1
               })
@@ -224,8 +224,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(QInput), mergeProps(unref(attrs), {
         rules: validations.value,
-        "model-value": _ctx.modelValue,
-        label: `${_ctx.field ? unref(lang).fields[_ctx.field] : _ctx.label ? _ctx.label : ""}${_ctx.required ? "*" : ""}`,
+        "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) => {
@@ -259,8 +259,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(QInput), mergeProps(unref(attrs), {
         rules: validations.value,
-        "model-value": _ctx.modelValue,
-        label: `${unref(lang).fields.telephoneNumber}${_ctx.required ? "*" : ""}`,
+        "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"]);
     };
@@ -328,7 +328,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       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 {
+      } else if (modelValue.value !== null) {
         emit("update:modelValue", null);
       }
     });
@@ -355,10 +355,9 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     });
     setInternalDate(modelValue.value);
     const goToNextElement = (e) => {
-      var _a, _b, _c, _d;
       if (["Minus", "Slash"].includes(e.code)) {
         e.preventDefault();
-        const next = (_d = (_c = (_b = (_a = e.currentTarget.parentElement) == null ? void 0 : _a.parentElement) == null ? void 0 : _b.parentElement) == null ? void 0 : _c.parentElement) == null ? void 0 : _d.nextElementSibling;
+        const next = e.currentTarget.parentElement?.parentElement?.parentElement?.parentElement?.nextElementSibling;
         if (next) {
           next.focus();
         }
@@ -436,8 +435,9 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         "model-value": unref(modelValue),
         "bottom-slots": "",
         rules: validations.value,
-        label: `${_ctx.label}${_ctx.required ? "*" : ""}`,
-        "stack-label": ""
+        label: `${__props.label}${__props.required ? "*" : ""}`,
+        "stack-label": "",
+        "lazy-rules": ""
       }, createSlots({
         control: withCtx(() => [
           createElementVNode("div", _hoisted_1$1, [
@@ -463,14 +463,14 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           ])
         ]),
         append: withCtx(() => [
-          _ctx.clearable ? (openBlock(), createBlock(_component_q_icon, {
+          __props.clearable ? (openBlock(), createBlock(_component_q_icon, {
             key: 0,
-            name: _ctx.icons.clear,
+            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: _ctx.icons.event,
+            name: __props.icons.event,
             class: "cursor-pointer"
           }, {
             default: withCtx(() => [
@@ -485,28 +485,25 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                 "transition-show": "scale",
                 "transition-hide": "scale"
               }, {
-                default: withCtx(() => {
-                  var _a;
-                  return [
-                    createVNode(unref(QDate), mergeProps(_ctx.date, {
-                      "model-value": (_a = unref(modelValue)) == null ? void 0 : _a.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]
-                          ])
+                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
+                  }, 16, ["model-value"])
+                ]),
                 _: 1
               })
             ]),
@@ -562,9 +559,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(QSelect), mergeProps(unref(attrs), {
         rules: validations.value,
-        "model-value": _ctx.modelValue,
+        "model-value": __props.modelValue,
         options: booleanOptions.value,
-        label: `${_ctx.label}${_ctx.required ? "*" : ""}`,
+        label: `${__props.label}${__props.required ? "*" : ""}`,
         "emit-value": "",
         "map-options": "",
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
@@ -593,13 +590,13 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               createVNode(unref(QItemLabel), { overline: "" }, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.label), 1)
+                  createTextVNode(toDisplayString(__props.label), 1)
                 ]),
                 _: 1
               }),
               createVNode(unref(QItemLabel), null, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.modelValue === null ? "-" : _ctx.modelValue ? unref(lang).yes : unref(lang).no), 1)
+                  createTextVNode(toDisplayString(__props.modelValue === null ? "-" : __props.modelValue ? unref(lang).yes : unref(lang).no), 1)
                 ]),
                 _: 1
               })
@@ -640,12 +637,12 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         createVNode(unref(QInput), {
           outlined: "",
           placeholder: unref(lang).email.subject,
-          "model-value": _ctx.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": _ctx.body,
+          "model-value": __props.body,
           toolbar: [
             ["left", "center", "right", "justify"],
             ["bold", "italic", "underline", "strike"],
@@ -675,11 +672,10 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     const lang = useLang();
     const { periods, range, options: parentOptions } = toRefs(props);
     const update = (val) => {
-      var _a;
       if (val && typeof val !== "string") {
         const parsedFrom = val.from.replaceAll("/", "-");
         const parsedTo = val.to.replaceAll("/", "-");
-        const unavailablePeriods = (_a = periods == null ? void 0 : periods.value) == null ? void 0 : _a.filter(
+        const unavailablePeriods = periods?.value?.filter(
           (period) => period.type === "unavailable"
         );
         if (unavailablePeriods) {
@@ -696,11 +692,10 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       emit("update:modelValue", val);
     };
     const dateOptions = function(date) {
-      var _a;
       let parentResult = true;
-      if (parentOptions == null ? void 0 : parentOptions.value) parentResult = parentOptions.value(date);
+      if (parentOptions?.value) parentResult = parentOptions.value(date);
       const parsedDate = date.replaceAll("/", "-");
-      const unavailablePeriods = (_a = periods == null ? void 0 : periods.value) == null ? void 0 : _a.filter(
+      const unavailablePeriods = periods?.value?.filter(
         (period) => period.type === "unavailable"
       );
       if (unavailablePeriods) {
@@ -715,7 +710,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_q_date = QDate;
       return openBlock(), createBlock(_component_q_date, mergeProps(unref(attrs), {
-        "model-value": _ctx.modelValue,
+        "model-value": __props.modelValue,
         "onUpdate:modelValue": update,
         options: dateOptions,
         range: unref(range)
@@ -752,9 +747,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(QSelect), mergeProps(unref(attrs), {
         rules: validations.value,
-        "model-value": _ctx.modelValue,
+        "model-value": __props.modelValue,
         options: currencyOptions.value,
-        label: `${unref(lang).currency.currency}${_ctx.required ? "*" : ""}`,
+        label: `${unref(lang).currency.currency}${__props.required ? "*" : ""}`,
         "emit-value": "",
         "map-options": "",
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
@@ -793,24 +788,20 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       extraFields
     } = toRefs(props);
     const options = computed(() => {
-      var _a;
       if (filteredOptions.value.length) {
-        return (_a = filteredOptions.value) == null ? void 0 : _a.map((option) => {
-          var _a2;
-          return {
-            label: labelFunction.value ? labelFunction.value(option) : option[labelKey.value],
-            value: option[valueKey.value || "id"],
-            extraFields: (_a2 = extraFields.value) == null ? void 0 : _a2.reduce(
-              (result, key) => {
-                if (option.hasOwnProperty(key)) {
-                  result[key] = option[key];
-                }
-                return result;
-              },
-              {}
-            )
-          };
-        });
+        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 [];
     });
@@ -837,8 +828,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
     const selectRef = ref();
     watch(modelValue, () => {
-      var _a;
-      if (!((_a = options.value) == null ? void 0 : _a.find((val) => val.value === modelValue.value)))
+      if (!options.value?.find((val) => val.value === modelValue.value))
         emit("filter", {
           ids: selectedIds.value,
           searchPhrase: "",
@@ -855,22 +845,22 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       }, unref(attrs), {
         "model-value": unref(modelValue),
         options: options.value,
-        label: `${_ctx.label}${_ctx.required ? "*" : ""}`,
-        hint: _ctx.multiple ? unref(lang).selectMultiple : void 0,
+        label: `${__props.label}${__props.required ? "*" : ""}`,
+        hint: __props.multiple ? unref(lang).selectMultiple : void 0,
         "emit-value": "",
         "map-options": "",
-        "fill-input": !_ctx.multiple,
+        "fill-input": !__props.multiple,
         "use-input": !!unref(onFilter),
-        "hide-selected": !_ctx.multiple && !!unref(onFilter) || Number.isNaN(unref(modelValue)),
-        multiple: _ctx.multiple,
-        "bottom-slots": !!_ctx.hint,
+        "hide-selected": !__props.multiple && !!unref(onFilter) || Number.isNaN(unref(modelValue)),
+        multiple: __props.multiple,
+        "bottom-slots": !!__props.hint,
         "input-debounce": "500",
-        rules: _ctx.required ? [requiredValidation.value] : [],
+        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(_ctx.hint), 1)
+          createTextVNode(toDisplayString(__props.hint), 1)
         ]),
         "no-option": withCtx(() => [
           createVNode(_component_q_item, null, {
@@ -993,13 +983,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(_component_q_field, {
         "model-value": unref(modelValue),
         rules: validations.value,
-        label: `${unref(label)}${_ctx.required ? "*" : ""}`,
+        label: `${unref(label)}${__props.required ? "*" : ""}`,
         "stack-label": "",
         borderless: ""
       }, {
         control: withCtx(() => [
           createElementVNode("div", _hoisted_1, [
-            _ctx.showHour ? (openBlock(), createBlock(_component_q_select, {
+            __props.showHour ? (openBlock(), createBlock(_component_q_select, {
               key: 0,
               modelValue: hour.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => hour.value = $event),
@@ -1022,7 +1012,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }, 8, ["modelValue", "options", "hint"])) : createCommentVNode("", true),
-            _ctx.showMinute ? (openBlock(), createBlock(_component_q_select, {
+            __props.showMinute ? (openBlock(), createBlock(_component_q_select, {
               key: 1,
               modelValue: minute.value,
               "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => minute.value = $event),
@@ -1091,8 +1081,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               _: 1
             }, 8, ["modelValue", "options", "hint", "placeholder"])
           ]),
-          _ctx.showDayOfWeek ? (openBlock(), createElementBlock("div", _hoisted_2, [
-            _ctx.showDayOfWeek ? (openBlock(), createBlock(_component_q_select, {
+          __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),

package/dist/general.js

@@ -1,7 +1,7 @@
-import { u as useLang, l as loadLang, _ as _sfc_main$5 } from "./QSubmitButton.vue_vue_type_script_setup_true_lang-UtpXkOh7.js";
+import { l as loadLang, u as useLang, _ as _sfc_main$5 } from "./QSubmitButton.vue_vue_type_script_setup_true_lang-D-I0Gws4.js";
 import { useQuasar, QCard, QCardSection, QCardActions, QDialog, QLayout, QHeader, QToolbar, QBtn, QToolbarTitle, QPageContainer, QPage, QPageSticky, QSpace, QList } from "quasar";
-import { defineComponent, watch, ref, createBlock, openBlock, unref, withCtx, renderSlot, createVNode, createElementVNode, normalizeProps, guardReactiveProps, createCommentVNode, toRefs, normalizeClass, createElementBlock } from "vue";
-import { _ as _sfc_main$6 } from "./LocaleSelect.vue_vue_type_script_setup_true_lang-CMvTDKR3.js";
+import { defineComponent, watch, ref, openBlock, createBlock, unref, withCtx, renderSlot, createVNode, createElementVNode, normalizeProps, guardReactiveProps, createCommentVNode, toRefs, normalizeClass, createElementBlock } from "vue";
+import { _ as _sfc_main$6 } from "./LocaleSelect.vue_vue_type_script_setup_true_lang-DThzjchm.js";
 const _hoisted_1$1 = { class: "text-h6" };
 const _hoisted_2$1 = { class: "text-subtitle2" };
 const __default__$2 = {
@@ -57,7 +57,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             ]),
             _: 3
           }),
-          createVNode(_component_q_card_actions, normalizeProps(guardReactiveProps(_ctx.actions)), {
+          createVNode(_component_q_card_actions, normalizeProps(guardReactiveProps(__props.actions)), {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "actions")
             ]),
@@ -94,25 +94,15 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     const submit = (evt) => {
       emit("submit", {
         done: (success = true) => {
-          var _a;
           evt.done();
-          if (success) (_a = dialogRef.value) == null ? void 0 : _a.hide();
+          if (success) dialogRef.value?.hide();
         }
       });
     };
     const dialogRef = ref();
-    const open = () => {
-      var _a;
-      return (_a = dialogRef.value) == null ? void 0 : _a.show();
-    };
-    const close = () => {
-      var _a;
-      return (_a = dialogRef.value) == null ? void 0 : _a.hide();
-    };
-    const toggle = () => {
-      var _a;
-      return (_a = dialogRef.value) == null ? void 0 : _a.toggle();
-    };
+    const open = () => dialogRef.value?.show();
+    const close = () => dialogRef.value?.hide();
+    const toggle = () => dialogRef.value?.toggle();
     const variables = ref({
       // header: lang.value.some.nested.prop
     });
@@ -151,7 +141,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                   createVNode(_component_q_toolbar, null, {
                     default: withCtx(() => [
                       createVNode(_component_q_btn, {
-                        icon: _ctx.icons.close,
+                        icon: __props.icons.close,
                         class: "text-light-on-surface dark:text-dark-on-surface",
                         flat: "",
                         round: "",
@@ -164,11 +154,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                         ]),
                         _: 3
                       }),
-                      !_ctx.display ? (openBlock(), createBlock(_sfc_main$5, {
+                      !__props.display ? (openBlock(), createBlock(_sfc_main$5, {
                         key: 0,
                         flat: "",
                         class: "text-light-primary dark:text-dark-primary",
-                        type: _ctx.buttonType,
+                        type: __props.buttonType,
                         onSubmit: submit
                       }, null, 8, ["type"])) : createCommentVNode("", true)
                     ]),
@@ -180,7 +170,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
               createVNode(_component_q_page_container, { style: { "margin-bottom": "50px" } }, {
                 default: withCtx(() => [
                   createVNode(_component_q_page, {
-                    padding: _ctx.padding,
+                    padding: __props.padding,
                     class: "q-pb-xl"
                   }, {
                     default: withCtx(() => [
@@ -253,7 +243,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                 class: normalizeClass(["shadow-2", { "bg-dark": unref($q).dark.isActive, "bg-white": !unref($q).dark.isActive }])
               }, {
                 default: withCtx(() => [
-                  _ctx.topBarFab ? (openBlock(), createElementBlock("div", _hoisted_2, [
+                  __props.topBarFab ? (openBlock(), createElementBlock("div", _hoisted_2, [
                     renderSlot(_ctx.$slots, "fab"),
                     unref(type) === "create" ? (openBlock(), createBlock(_component_q_btn, {
                       key: 0,
@@ -263,7 +253,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                       round: "",
                       size: "lg",
                       dense: "",
-                      icon: _ctx.icons.add,
+                      icon: __props.icons.add,
                       class: "q-mr-sm bg-primary text-white",
                       onClick: create
                     }, null, 8, ["disable", "icon"])) : unref(type) === "update" ? (openBlock(), createBlock(_component_q_btn, {
@@ -274,31 +264,31 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                       round: "",
                       size: "lg",
                       dense: "",
-                      icon: _ctx.icons.edit,
+                      icon: __props.icons.edit,
                       class: "q-mr-sm bg-primary text-white",
                       onClick: update
                     }, null, 8, ["disable", "icon"])) : createCommentVNode("", true)
                   ])) : createCommentVNode("", true),
-                  createVNode(_component_q_toolbar_title, { shrink: _ctx.topBarShrink }, {
+                  createVNode(_component_q_toolbar_title, { shrink: __props.topBarShrink }, {
                     default: withCtx(() => [
                       renderSlot(_ctx.$slots, "header")
                     ]),
                     _: 3
                   }, 8, ["shrink"]),
-                  !_ctx.topBarFab ? (openBlock(), createElementBlock("div", _hoisted_3, [
+                  !__props.topBarFab ? (openBlock(), createElementBlock("div", _hoisted_3, [
                     renderSlot(_ctx.$slots, "top-bar-buttons"),
                     unref(type) === "create" ? (openBlock(), createBlock(_component_q_btn, {
                       key: 0,
                       disable: unref(disabled),
                       label: unref(lang).add,
-                      icon: _ctx.icons.add,
+                      icon: __props.icons.add,
                       outline: "",
                       onClick: create
                     }, null, 8, ["disable", "label", "icon"])) : unref(type) === "update" ? (openBlock(), createBlock(_component_q_btn, {
                       key: 1,
                       disable: unref(disabled),
                       label: unref(lang).edit,
-                      icon: _ctx.icons.edit,
+                      icon: __props.icons.edit,
                       outline: "",
                       onClick: update
                     }, null, 8, ["disable", "label", "icon"])) : createCommentVNode("", true)
@@ -324,8 +314,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     languageImports: {},
     locales: {}
   },
-  setup(__props) {
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const { modelValue, languageImports, locales } = toRefs(props);
     const $q = useQuasar();
     watch(modelValue, (langIso) => {
@@ -344,7 +336,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(_sfc_main$6, {
         "model-value": unref(modelValue),
         locales: unref(locales),
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = (val) => _ctx.$emit("update:model-value", val))
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = (val) => emit("update:modelValue", val))
       }, null, 8, ["model-value", "locales"]);
     };
   }