@simsustech/quasar-components 0.11.8 → 0.11.10

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @simsustech/quasar-components
 
+## 0.11.10
+
+### Patch Changes
+
+- e934bb1: feat(components): add QLanguageSelectBtn
+- c5bc275: feat(components): add icon props
+
+## 0.11.9
+
+### Patch Changes
+
+- 365945e: feat(QStyledCard): remove max-width
+
 ## 0.11.8
 
 ### 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"]);