@simsustech/quasar-components 0.11.9 → 0.11.10

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @simsustech/quasar-components
 
+## 0.11.10
+
+### Patch Changes
+
+- e934bb1: feat(components): add QLanguageSelectBtn
+- c5bc275: feat(components): add icon props
+
 ## 0.11.9
 
 ### Patch Changes

package/dist/authentication.js

@@ -1,5 +1,5 @@
 import { useQuasar, QForm, QInput, QStepper, QStep, QStepperNavigation, QIcon, QBtn, QSlider, QList, QItem, QItemSection, QMenu, QTable, QTr, QTd, QItemLabel, QSelect, QTh } from "quasar";
-import { ref, defineComponent, watch, computed, createBlock, openBlock, unref, mergeProps, withCtx, createVNode, renderSlot, toRef, createCommentVNode, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, toRefs, createElementVNode } from "vue";
+import { ref, defineComponent, watch, computed, createBlock, openBlock, unref, mergeProps, withCtx, createVNode, renderSlot, toRef, createCommentVNode, toRefs, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, createElementVNode } from "vue";
 import { _ as _sfc_main$d } from "./QSubmitButton.vue_vue_type_script_setup_true_lang-UtpXkOh7.js";
 const lang$1 = {
   isoName: "en-US",
@@ -741,7 +741,11 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     email: {},
     minimumPasswordLength: { default: 8 },
     form: { default: void 0 },
-    input: { default: void 0 }
+    input: { default: void 0 },
+    icons: { default: () => ({
+      visibility: "visibility",
+      visibilityOff: "visibility_off"
+    }) }
   },
   emits: ["submit"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -822,7 +826,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           }), {
             append: withCtx(() => [
               createVNode(_component_q_icon, {
-                name: showPassword.value ? "visibility" : "visibility_off",
+                name: showPassword.value ? _ctx.icons.visibility : _ctx.icons.visibilityOff,
                 class: "cursor-pointer",
                 onClick: _cache[1] || (_cache[1] = ($event) => showPassword.value = !showPassword.value)
               }, null, 8, ["name"])
@@ -842,7 +846,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           }), {
             append: withCtx(() => [
               createVNode(_component_q_icon, {
-                name: showRepeatPassword.value ? "visibility" : "visibility_off",
+                name: showRepeatPassword.value ? _ctx.icons.visibility : _ctx.icons.visibilityOff,
                 class: "cursor-pointer",
                 onClick: _cache[3] || (_cache[3] = ($event) => showRepeatPassword.value = !showRepeatPassword.value)
               }, null, 8, ["name"])
@@ -987,10 +991,14 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     useUsername: { type: Boolean },
     passwordForgotUrl: {},
     form: {},
-    input: {}
+    input: {},
+    icons: {}
   },
   emits: ["submit"],
   setup(__props, { expose: __expose, emit: __emit }) {
+    var _a, _b;
+    const props = __props;
+    const { icons } = toRefs(props);
     const emit = __emit;
     const $q = useQuasar();
     const lang2 = useLang();
@@ -1016,8 +1024,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       password: [(val) => !!val || lang2.value.login.validations.fieldRequired]
     }));
     const submit = (evt) => {
-      var _a;
-      (_a = formRef.value) == null ? void 0 : _a.validate().then((success) => {
+      var _a2;
+      (_a2 = formRef.value) == null ? void 0 : _a2.validate().then((success) => {
         if (success) {
           emit("submit", {
             email: email.value.trim(),
@@ -1028,6 +1036,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         } else evt.done();
       });
     };
+    const visibilityIcon = ((_a = icons.value) == null ? void 0 : _a.visibility) ?? "visibility";
+    const visibilityOffIcon = ((_b = icons.value) == null ? void 0 : _b.visibilifyOff) ?? "visibility_off";
     const variables = ref({
       header,
       createAccount,
@@ -1091,7 +1101,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           }), {
             append: withCtx(() => [
               createVNode(_component_q_icon, {
-                name: showPassword.value ? "visibility" : "visibility_off",
+                name: showPassword.value ? unref(visibilityIcon) : unref(visibilityOffIcon),
                 class: "cursor-pointer",
                 onClick: _cache[2] || (_cache[2] = ($event) => showPassword.value = !showPassword.value)
               }, null, 8, ["name"])
@@ -1206,7 +1216,11 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     extraFields: { default: void 0 },
     minimumPasswordLength: { default: 8 },
     form: { default: void 0 },
-    input: { default: void 0 }
+    input: { default: void 0 },
+    icons: { default: () => ({
+      visibility: "visibility",
+      visibilityOff: "visibility_off"
+    }) }
   },
   emits: ["submit"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -1335,7 +1349,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           }), {
             append: withCtx(() => [
               createVNode(_component_q_icon, {
-                name: showPassword.value ? "visibility" : "visibility_off",
+                name: showPassword.value ? _ctx.icons.visibility : _ctx.icons.visibilityOff,
                 class: "cursor-pointer",
                 onClick: _cache[2] || (_cache[2] = ($event) => showPassword.value = !showPassword.value)
               }, null, 8, ["name"])
@@ -1355,7 +1369,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           }, {
             append: withCtx(() => [
               createVNode(_component_q_icon, {
-                name: showPassword.value ? "visibility" : "visibility_off",
+                name: showPassword.value ? _ctx.icons.visibility : _ctx.icons.visibilityOff,
                 class: "cursor-pointer",
                 onClick: _cache[4] || (_cache[4] = ($event) => showPassword.value = !showPassword.value)
               }, null, 8, ["name"])
@@ -1431,9 +1445,13 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   props: {
     scopes: {},
     claims: {},
-    resourceScopes: {}
+    resourceScopes: {},
+    icons: {}
   },
   setup(__props, { expose: __expose }) {
+    var _a;
+    const props = __props;
+    const { icons } = toRefs(props);
     const $q = useQuasar();
     const lang2 = useLang();
     if (lang2.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName);
@@ -1443,6 +1461,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     const message = computed(() => lang2.value.consent.message);
     const allow = computed(() => lang2.value.consent.allow);
     const deny = computed(() => lang2.value.consent.deny);
+    const checkIcon = ((_a = icons.value) == null ? void 0 : _a.check) ?? "check";
     const variables = ref({
       message,
       allow,
@@ -1471,8 +1490,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                   default: withCtx(() => [
                     createVNode(_component_q_icon, {
                       color: "green",
-                      name: "check"
-                    })
+                      name: unref(checkIcon)
+                    }, null, 8, ["name"])
                   ]),
                   _: 1
                 }),
@@ -1495,8 +1514,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                   default: withCtx(() => [
                     createVNode(_component_q_icon, {
                       color: "green",
-                      name: "check"
-                    })
+                      name: unref(checkIcon)
+                    }, null, 8, ["name"])
                   ]),
                   _: 1
                 }),
@@ -1519,8 +1538,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                   default: withCtx(() => [
                     createVNode(_component_q_icon, {
                       color: "green",
-                      name: "check"
-                    })
+                      name: unref(checkIcon)
+                    }, null, 8, ["name"])
                   ]),
                   _: 1
                 }),
@@ -1546,10 +1565,14 @@ const __default__$1 = {
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   ...__default__$1,
   props: {
-    userRoute: {}
+    userRoute: {},
+    icons: {}
   },
   emits: ["signOut"],
   setup(__props, { expose: __expose, emit: __emit }) {
+    var _a;
+    const props = __props;
+    const { icons } = toRefs(props);
     const emit = __emit;
     const $q = useQuasar();
     const lang2 = useLang();
@@ -1557,6 +1580,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     watch($q.lang, (val) => {
       loadLang($q.lang.isoName);
     });
+    const personIcon = ((_a = icons.value) == null ? void 0 : _a.person) ?? "person";
     const variables = ref({
       // header: lang.value.some.nested.prop
     });
@@ -1573,7 +1597,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       const _component_q_list = QList;
       const _component_q_menu = QMenu;
       const _component_q_btn = QBtn;
-      return openBlock(), createBlock(_component_q_btn, { icon: "person" }, {
+      return openBlock(), createBlock(_component_q_btn, { icon: unref(personIcon) }, {
         default: withCtx(() => [
           createVNode(_component_q_menu, null, {
             default: withCtx(() => [
@@ -1613,7 +1637,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           })
         ]),
         _: 3
-      });
+      }, 8, ["icon"]);
     };
   }
 });
@@ -1653,13 +1677,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     count: {},
     pagination: {},
     mappedRoles: {},
-    columns: {}
+    columns: {},
+    icons: {}
   },
   emits: ["update:pagination", "update:criteria", "addRole", "removeRole"],
   setup(__props, { emit: __emit }) {
+    var _a, _b, _c;
     const props = __props;
     const emit = __emit;
-    const { modelValue, count, mappedRoles, columns } = toRefs(props);
+    const { modelValue, count, mappedRoles, columns, icons } = toRefs(props);
     const lang2 = useLang();
     const $q = useQuasar();
     const sortBy = ref(props.pagination.sortBy);
@@ -1768,13 +1794,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
     };
     const openRemoveRoleDialog = (account) => {
-      var _a;
+      var _a2;
       $q.dialog({
         message: lang2.value.account.messages.removeRole(account),
         options: {
           type: "radio",
           model: "role",
-          items: (_a = account.roles) == null ? void 0 : _a.map((role) => ({
+          items: (_a2 = account.roles) == null ? void 0 : _a2.map((role) => ({
             label: mappedRoles.value[role],
             value: role
           }))
@@ -1785,6 +1811,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         emit("removeRole", { id: account.id, role });
       });
     };
+    const searchIcon = ((_a = icons.value) == null ? void 0 : _a.search) ?? "search";
+    const cancelIcon = ((_b = icons.value) == null ? void 0 : _b.cancel) ?? "cancel";
+    const moreVertIcon = ((_c = icons.value) == null ? void 0 : _c.moreVert) ?? "more_vert";
     return (_ctx, _cache) => {
       const _component_q_th = QTh;
       const _component_q_tr = QTr;
@@ -1829,7 +1858,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ]),
         "top-right": withCtx(() => [
           createVNode(_component_q_btn, {
-            icon: "search",
+            icon: unref(searchIcon),
             flat: ""
           }, {
             default: withCtx(() => [
@@ -1844,11 +1873,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       append: withCtx(() => [
                         name.value ? (openBlock(), createBlock(_component_q_icon, {
                           key: 0,
-                          name: "cancel",
-                          onClick: _cache[0] || (_cache[0] = ($event) => name.value = ""),
                           class: "q-field__focusable-action",
-                          role: "button"
-                        })) : createCommentVNode("", true)
+                          role: "button",
+                          name: unref(cancelIcon),
+                          onClick: _cache[0] || (_cache[0] = ($event) => name.value = "")
+                        }, null, 8, ["name"])) : createCommentVNode("", true)
                       ]),
                       _: 1
                     }, 8, ["modelValue", "label"]),
@@ -1860,11 +1889,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       append: withCtx(() => [
                         email.value ? (openBlock(), createBlock(_component_q_icon, {
                           key: 0,
-                          name: "cancel",
-                          onClick: _cache[2] || (_cache[2] = ($event) => email.value = ""),
                           class: "q-field__focusable-action",
-                          role: "button"
-                        })) : createCommentVNode("", true)
+                          role: "button",
+                          name: unref(cancelIcon),
+                          onClick: _cache[2] || (_cache[2] = ($event) => email.value = "")
+                        }, null, 8, ["name"])) : createCommentVNode("", true)
                       ]),
                       _: 1
                     }, 8, ["modelValue", "label"]),
@@ -1881,11 +1910,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       append: withCtx(() => [
                         roles.value.length ? (openBlock(), createBlock(_component_q_icon, {
                           key: 0,
-                          name: "cancel",
-                          onClick: _cache[4] || (_cache[4] = ($event) => roles.value = []),
                           class: "q-field__focusable-action",
-                          role: "button"
-                        })) : createCommentVNode("", true)
+                          role: "button",
+                          name: unref(cancelIcon),
+                          onClick: _cache[4] || (_cache[4] = ($event) => roles.value = [])
+                        }, null, 8, ["name"])) : createCommentVNode("", true)
                       ]),
                       _: 1
                     }, 8, ["modelValue", "label", "options"])
@@ -1895,7 +1924,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               })
             ]),
             _: 1
-          })
+          }, 8, ["icon"])
         ]),
         body: withCtx((props2) => [
           createVNode(_component_q_tr, { props: props2 }, {
@@ -1917,7 +1946,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     size: "sm",
                     round: "",
                     flat: "",
-                    icon: "more_vert"
+                    icon: unref(moreVertIcon)
                   }, {
                     default: withCtx(() => [
                       createVNode(_component_q_menu, null, {
@@ -1970,7 +1999,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       }, 1024)
                     ]),
                     _: 2
-                  }, 1024)
+                  }, 1032, ["icon"])
                 ]),
                 _: 2
               }, 1024)

package/dist/form.js

@@ -381,7 +381,11 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     label: { default: "" },
     required: { type: Boolean },
     clearable: { type: Boolean },
-    date: { default: () => ({}) }
+    date: { default: () => ({}) },
+    icons: { default: () => ({
+      event: "event",
+      clear: "clear"
+    }) }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -543,12 +547,12 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         append: withCtx(() => [
           _ctx.clearable ? (openBlock(), createBlock(_component_q_icon, {
             key: 0,
-            name: "clear",
+            name: _ctx.icons.clear,
             class: "cursor-pointer",
             onClick: _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", null))
-          })) : createCommentVNode("", true),
+          }, null, 8, ["name"])) : createCommentVNode("", true),
           createVNode(_component_q_icon, {
-            name: "event",
+            name: _ctx.icons.event,
             class: "cursor-pointer"
           }, {
             default: withCtx(() => [
@@ -589,7 +593,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               })
             ]),
             _: 1
-          })
+          }, 8, ["name"])
         ]),
         _: 1
       }, 8, ["model-value", "rules", "label"]);

package/dist/general.js

@@ -1,13 +1,13 @@
-import { u as useLang, l as loadLang, _ as _sfc_main$5 } from "./QSubmitButton.vue_vue_type_script_setup_true_lang-UtpXkOh7.js";
-import { useQuasar, QCard, QCardSection, QCardActions, QDialog, QLayout, QHeader, QToolbar, QBtn, QToolbarTitle, QPageContainer, QPage, QPageSticky, QSpace, QSelect, QItem, QItemSection, QItemLabel, QList } from "quasar";
-import { defineComponent, watch, ref, createBlock, openBlock, unref, withCtx, renderSlot, createVNode, createElementVNode, normalizeProps, guardReactiveProps, normalizeClass, createCommentVNode, toRefs, createElementBlock, useAttrs, computed, mergeProps, resolveDynamicComponent, createTextVNode, toDisplayString } from "vue";
+import { u as useLang, l as loadLang, _ as _sfc_main$6 } from "./QSubmitButton.vue_vue_type_script_setup_true_lang-UtpXkOh7.js";
+import { useQuasar, QCard, QCardSection, QCardActions, QDialog, QLayout, QHeader, QToolbar, QBtn, QToolbarTitle, QPageContainer, QPage, QPageSticky, QSpace, QSelect, QItem, QItemSection, QItemLabel, QMenu, QList } from "quasar";
+import { defineComponent, watch, ref, createBlock, openBlock, unref, withCtx, renderSlot, createVNode, createElementVNode, normalizeProps, guardReactiveProps, normalizeClass, createCommentVNode, toRefs, createElementBlock, useAttrs, computed, mergeProps, resolveDynamicComponent, createTextVNode, toDisplayString, resolveDirective, Fragment, renderList, withDirectives } from "vue";
 import { u as useLang$1, f as flags } from "./index-DnmJt2wP.js";
-const _hoisted_1$2 = { class: "text-h6" };
+const _hoisted_1$3 = { class: "text-h6" };
 const _hoisted_2$1 = { class: "text-subtitle2" };
 const __default__$2 = {
   name: "QStyledCard"
 };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   ...__default__$2,
   props: {
     actions: {}
@@ -41,7 +41,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "image"),
           createVNode(_component_q_card_section, null, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_1$2, [
+              createElementVNode("div", _hoisted_1$3, [
                 renderSlot(_ctx.$slots, "title")
               ]),
               createElementVNode("div", _hoisted_2$1, [
@@ -71,13 +71,15 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
 const __default__$1 = {
   name: "ResponsiveDialog"
 };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   ...__default__$1,
   props: {
     display: { type: Boolean },
     buttonType: { default: "submit" },
-    closeIcon: { default: "close" },
-    padding: { type: Boolean }
+    padding: { type: Boolean },
+    icons: { default: () => ({
+      close: "close"
+    }) }
   },
   emits: ["submit"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -148,7 +150,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                   createVNode(_component_q_toolbar, null, {
                     default: withCtx(() => [
                       createVNode(_component_q_btn, {
-                        icon: _ctx.closeIcon,
+                        icon: _ctx.icons.close,
                         flat: "",
                         round: "",
                         dense: "",
@@ -160,7 +162,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                         ]),
                         _: 3
                       }),
-                      !_ctx.display ? (openBlock(), createBlock(_sfc_main$5, {
+                      !_ctx.display ? (openBlock(), createBlock(_sfc_main$6, {
                         key: 0,
                         color: "accent",
                         type: _ctx.buttonType,
@@ -195,19 +197,23 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1 = { style: { "margin-top": "80px" } };
+const _hoisted_1$2 = { style: { "margin-top": "80px" } };
 const _hoisted_2 = { key: 0 };
 const _hoisted_3 = { key: 1 };
 const __default__ = {
   name: "ResourcePage"
 };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   ...__default__,
   props: {
     type: { default: void 0 },
     disabled: { type: Boolean, default: false },
     topBarFab: { type: Boolean, default: false },
-    topBarShrink: { type: Boolean, default: true }
+    topBarShrink: { type: Boolean, default: true },
+    icons: { default: () => ({
+      add: "add",
+      edit: "edit"
+    }) }
   },
   emits: ["create", "update"],
   setup(__props, { emit: __emit }) {
@@ -232,7 +238,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       const _component_q_page = QPage;
       return openBlock(), createBlock(_component_q_page, { class: "q-ma-md" }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$1, [
+          createElementVNode("div", _hoisted_1$2, [
             renderSlot(_ctx.$slots, "default")
           ]),
           createVNode(_component_q_page_sticky, {
@@ -254,10 +260,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                       round: "",
                       size: "lg",
                       dense: "",
-                      icon: "add",
+                      icon: _ctx.icons.add,
                       class: "q-mr-sm bg-primary text-white",
                       onClick: create
-                    }, null, 8, ["disable"])) : unref(type) === "update" ? (openBlock(), createBlock(_component_q_btn, {
+                    }, null, 8, ["disable", "icon"])) : unref(type) === "update" ? (openBlock(), createBlock(_component_q_btn, {
                       key: 1,
                       disable: unref(disabled),
                       flat: "",
@@ -265,10 +271,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                       round: "",
                       size: "lg",
                       dense: "",
-                      icon: "edit",
+                      icon: _ctx.icons.edit,
                       class: "q-mr-sm bg-primary text-white",
                       onClick: update
-                    }, null, 8, ["disable"])) : createCommentVNode("", true)
+                    }, null, 8, ["disable", "icon"])) : createCommentVNode("", true)
                   ])) : createCommentVNode("", true),
                   createVNode(_component_q_toolbar_title, { shrink: _ctx.topBarShrink }, {
                     default: withCtx(() => [
@@ -282,17 +288,17 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                       key: 0,
                       disable: unref(disabled),
                       label: unref(lang).add,
-                      icon: "add",
+                      icon: _ctx.icons.add,
                       outline: "",
                       onClick: create
-                    }, null, 8, ["disable", "label"])) : unref(type) === "update" ? (openBlock(), createBlock(_component_q_btn, {
+                    }, null, 8, ["disable", "label", "icon"])) : unref(type) === "update" ? (openBlock(), createBlock(_component_q_btn, {
                       key: 1,
                       disable: unref(disabled),
                       label: unref(lang).edit,
-                      icon: "edit",
+                      icon: _ctx.icons.edit,
                       outline: "",
                       onClick: update
-                    }, null, 8, ["disable", "label"])) : createCommentVNode("", true)
+                    }, null, 8, ["disable", "label", "icon"])) : createCommentVNode("", true)
                   ])) : createCommentVNode("", true),
                   createVNode(_component_q_space, { horizontal: "" }),
                   renderSlot(_ctx.$slots, "header-side")
@@ -308,8 +314,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1 = { key: 0 };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$1 = { key: 0 };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "QLanguageSelect",
   props: {
     modelValue: {},
@@ -354,11 +360,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(QSelect), mergeProps(unref(attrs), {
         options: languageOptions.value,
         "model-value": _ctx.modelValue,
+        borderless: "",
         "emit-value": "",
         "map-options": ""
       }), {
         selected: withCtx(() => [
-          _ctx.modelValue ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          _ctx.modelValue ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
             (openBlock(), createBlock(resolveDynamicComponent(flags[_ctx.modelValue.slice(-2).toLowerCase()])))
           ])) : createCommentVNode("", true)
         ]),
@@ -393,6 +400,105 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _hoisted_1 = { key: 0 };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "QLanguageSelectBtn",
+  props: {
+    modelValue: {},
+    languageImports: {},
+    allowedCodes: { default: () => ["en-US", "nl"] }
+  },
+  setup(__props) {
+    const $q = useQuasar();
+    const flagsLang = useLang$1();
+    const languageOptions = computed(() => {
+      const options = [];
+      for (let lang of Object.keys(flagsLang.value.languages)) {
+        if (!__props.allowedCodes.length || __props.allowedCodes.includes(lang)) {
+          options.push({
+            label: flagsLang.value.languages[lang],
+            value: lang
+          });
+        }
+      }
+      return options;
+    });
+    watch(
+      () => __props.modelValue,
+      (langIso) => {
+        try {
+          __props.languageImports[langIso]().then(
+            // langList[`../../../node_modules/quasar/lang/${langIso}.mjs`]().then(
+            (lang) => {
+              $q.lang.set(lang.default);
+            }
+          );
+        } catch (e) {
+          console.error(e);
+        }
+      }
+    );
+    return (_ctx, _cache) => {
+      const _component_q_item_section = QItemSection;
+      const _component_q_item_label = QItemLabel;
+      const _component_q_item = QItem;
+      const _component_q_list = QList;
+      const _component_q_menu = QMenu;
+      const _component_q_btn = QBtn;
+      const _directive_close_popup = resolveDirective("close-popup");
+      return openBlock(), createBlock(_component_q_btn, null, {
+        default: withCtx(() => [
+          _ctx.modelValue ? (openBlock(), createElementBlock("div", _hoisted_1, [
+            (openBlock(), createBlock(resolveDynamicComponent(flags[_ctx.modelValue.slice(-2).toLowerCase()])))
+          ])) : createCommentVNode("", true),
+          createVNode(_component_q_menu, null, {
+            default: withCtx(() => [
+              createVNode(_component_q_list, null, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(languageOptions.value, (option) => {
+                    return withDirectives((openBlock(), createBlock(_component_q_item, {
+                      key: option.value,
+                      clickable: "",
+                      onClick: ($event) => _ctx.$emit("update:model-value", option.value)
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_q_item_section, { avatar: "" }, {
+                          default: withCtx(() => [
+                            (openBlock(), createBlock(resolveDynamicComponent(
+                              flags[option.value.slice(-2).toLowerCase()]
+                            )))
+                          ]),
+                          _: 2
+                        }, 1024),
+                        createVNode(_component_q_item_section, null, {
+                          default: withCtx(() => [
+                            createVNode(_component_q_item_label, null, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(option.label), 1)
+                              ]),
+                              _: 2
+                            }, 1024)
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ]),
+                      _: 2
+                    }, 1032, ["onClick"])), [
+                      [_directive_close_popup]
+                    ]);
+                  }), 128))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+});
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "QDrawerList",
   setup(__props) {
@@ -408,11 +514,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 });
 export {
   _sfc_main as QDrawerList,
-  _sfc_main$1 as QLanguageSelect,
-  _sfc_main$4 as QStyledCard,
-  _sfc_main$5 as QSubmitButton,
-  _sfc_main$2 as ResourcePage,
-  _sfc_main$3 as ResponsiveDialog,
+  _sfc_main$2 as QLanguageSelect,
+  _sfc_main$1 as QLanguageSelectBtn,
+  _sfc_main$5 as QStyledCard,
+  _sfc_main$6 as QSubmitButton,
+  _sfc_main$3 as ResourcePage,
+  _sfc_main$4 as ResponsiveDialog,
   loadLang,
   useLang
 };