@simsustech/quasar-components 0.11.6 → 0.11.8

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @simsustech/quasar-components
 
+## 0.11.8
+
+### Patch Changes
+
+- cdb109c: feat(ResponsiveDialog): add padding prop to ResponsiveDialog
+- 41749a7: fix(FormItem): add break-all class
+
+## 0.11.7
+
+### Patch Changes
+
+- 5822b58: fix(components): add word-wrap to FormItem
+- 0a500e8: feat(components): add closeIcon prop to ResponsiveDialog
+
 ## 0.11.6
 
 ### Patch Changes

package/dist/{QSubmitButton.vue_vue_type_script_setup_true_lang-BAoq0ukq.js → QSubmitButton.vue_vue_type_script_setup_true_lang-UtpXkOh7.js}

@@ -1,5 +1,5 @@
 import { useQuasar, debounce, QBtn } from "quasar";
-import { ref, defineComponent, toRefs, useAttrs, watch, computed, openBlock, createBlock, mergeProps, unref, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
+import { ref, defineComponent, toRefs, useAttrs, watch, computed, createBlock, openBlock, mergeProps, unref, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
 const lang$1 = {
   isoName: "en-US",
   submit: "Submit",

package/dist/authentication.js

@@ -1,6 +1,6 @@
-import { useQuasar, QForm, QInput, QStep, QStepperNavigation, QStepper, QIcon, QBtn, QSlider, QItemSection, QItem, QList, QMenu, QTable, QTh, QTr, QSelect, QTd, QItemLabel } from "quasar";
-import { ref, defineComponent, watch, computed, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, renderSlot, toRef, createCommentVNode, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, toRefs, createElementVNode } from "vue";
-import { _ as _sfc_main$d } from "./QSubmitButton.vue_vue_type_script_setup_true_lang-BAoq0ukq.js";
+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 { _ as _sfc_main$d } from "./QSubmitButton.vue_vue_type_script_setup_true_lang-UtpXkOh7.js";
 const lang$1 = {
   isoName: "en-US",
   myAccount: "Account",
@@ -152,6 +152,18 @@ function assertString(input) {
     throw new TypeError("Expected a string but received a ".concat(invalidType));
   }
 }
+function isRegExp(obj) {
+  return Object.prototype.toString.call(obj) === "[object RegExp]";
+}
+function checkHost(host, matches) {
+  for (var i = 0; i < matches.length; i++) {
+    var match = matches[i];
+    if (host === match || isRegExp(match) && match.test(host)) {
+      return true;
+    }
+  }
+  return false;
+}
 function _typeof(o) {
   "@babel/helpers - typeof";
   return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
@@ -315,10 +327,10 @@ function isEmail(str, options) {
   var parts = str.split("@");
   var domain = parts.pop();
   var lower_domain = domain.toLowerCase();
-  if (options.host_blacklist.includes(lower_domain)) {
+  if (options.host_blacklist.length > 0 && checkHost(lower_domain, options.host_blacklist)) {
     return false;
   }
-  if (options.host_whitelist.length > 0 && !options.host_whitelist.includes(lower_domain)) {
+  if (options.host_whitelist.length > 0 && !checkHost(lower_domain, options.host_whitelist)) {
     return false;
   }
   var user = parts.join("@");
@@ -363,7 +375,10 @@ function isEmail(str, options) {
       }
     }
   }
-  if (user[0] === '"') {
+  if (options.blacklisted_chars) {
+    if (user.search(new RegExp("[".concat(options.blacklisted_chars, "]+"), "g")) !== -1) return false;
+  }
+  if (user[0] === '"' && user[user.length - 1] === '"') {
     user = user.slice(1, user.length - 1);
     return options.allow_utf8_local_part ? quotedEmailUserUtf8.test(user) : quotedEmailUser.test(user);
   }
@@ -374,9 +389,6 @@ function isEmail(str, options) {
       return false;
     }
   }
-  if (options.blacklisted_chars) {
-    if (user.search(new RegExp("[".concat(options.blacklisted_chars, "]+"), "g")) !== -1) return false;
-  }
   return true;
 }
 const __default__$a = {

package/dist/form.js

@@ -1,6 +1,6 @@
-import { ref, defineComponent, useAttrs, withAsyncContext, watch, openBlock, createBlock, unref, mergeProps, normalizeProps, guardReactiveProps, withCtx, createVNode, createTextVNode, toDisplayString, toRefs, computed, useSlots, renderSlot, createCommentVNode, createSlots, renderList, resolveDirective, createElementBlock, Fragment, resolveDynamicComponent, createElementVNode, withDirectives } from "vue";
-import { useQuasar, QSelect, QItem, QItemSection, QItemLabel, QInput, QDate, QIcon, QTooltip, QBtn, QPopupProxy, QField, QEditor } from "quasar";
-import { f as flags, u as useLang$1 } from "./index-DnmJt2wP.js";
+import { ref, defineComponent, useAttrs, withAsyncContext, watch, 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 { useQuasar, QSelect, QItem, QItemSection, QItemLabel, QInput, QField, QIcon, QTooltip, QPopupProxy, QDate, QBtn, QEditor } from "quasar";
+import { u as useLang$1, f as flags } from "./index-DnmJt2wP.js";
 const lang$1 = {
   isoName: "en-US",
   yes: "Yes",
@@ -276,7 +276,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               }),
-              createVNode(unref(QItemLabel), null, {
+              createVNode(unref(QItemLabel), { class: "break-all" }, {
                 default: withCtx(() => [
                   createTextVNode(toDisplayString(_ctx.modelValue || "-"), 1)
                 ]),

package/dist/general.js

@@ -1,7 +1,7 @@
-import { l as loadLang, u as useLang, _ as _sfc_main$5 } from "./QSubmitButton.vue_vue_type_script_setup_true_lang-BAoq0ukq.js";
-import { useQuasar, QCard, QCardSection, QCardActions, QDialog, QBtn, QToolbarTitle, QToolbar, QHeader, QPage, QPageContainer, QLayout, QSpace, QPageSticky, QSelect, QItemSection, QItemLabel, QItem, QList } from "quasar";
-import { defineComponent, watch, ref, openBlock, createBlock, unref, withCtx, renderSlot, createVNode, createElementVNode, normalizeProps, guardReactiveProps, normalizeClass, createCommentVNode, toRefs, createElementBlock, useAttrs, computed, mergeProps, resolveDynamicComponent, createTextVNode, toDisplayString } from "vue";
-import { f as flags, u as useLang$1 } from "./index-DnmJt2wP.js";
+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$1, f as flags } from "./index-DnmJt2wP.js";
 const _hoisted_1$2 = { class: "text-h6" };
 const _hoisted_2$1 = { class: "text-subtitle2" };
 const __default__$2 = {
@@ -84,7 +84,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   ...__default__$1,
   props: {
     display: { type: Boolean },
-    buttonType: {}
+    buttonType: { default: "submit" },
+    closeIcon: { default: "close" },
+    padding: { type: Boolean }
   },
   emits: ["submit"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -155,12 +157,12 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                   createVNode(_component_q_toolbar, null, {
                     default: withCtx(() => [
                       createVNode(_component_q_btn, {
-                        icon: "close",
+                        icon: _ctx.closeIcon,
                         flat: "",
                         round: "",
                         dense: "",
                         onClick: close
-                      }),
+                      }, null, 8, ["icon"]),
                       createVNode(_component_q_toolbar_title, null, {
                         default: withCtx(() => [
                           renderSlot(_ctx.$slots, "title")
@@ -179,14 +181,17 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 3
               }),
-              createVNode(_component_q_page_container, { style: { "padding-bottom": "-50px" } }, {
+              createVNode(_component_q_page_container, { style: { "margin-bottom": "50px" } }, {
                 default: withCtx(() => [
-                  createVNode(_component_q_page, { class: "q-pa-md q-pb-xl" }, {
+                  createVNode(_component_q_page, {
+                    padding: _ctx.padding,
+                    class: "q-pb-xl"
+                  }, {
                     default: withCtx(() => [
                       renderSlot(_ctx.$slots, "default")
                     ]),
                     _: 3
-                  })
+                  }, 8, ["padding"])
                 ]),
                 _: 3
               })

package/dist/quasar-components.css

@@ -33,4 +33,7 @@
   min-width: 16px;
   padding-left: 8px;
   padding-right: 0;
-}
+}
+.break-all {
+  word-break: break-all;
+}

package/dist/types/ui/authentication/AccountsTable.vue.d.ts

@@ -26,13 +26,13 @@ declare const _default: <T extends Account>(__VLS_props: NonNullable<Awaited<typ
         }) => any) | undefined;
         readonly "onUpdate:pagination"?: ((pagination: Pagination) => any) | undefined;
         readonly "onUpdate:criteria"?: ((criteria: Criteria) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onAddRole" | "onRemoveRole" | "onUpdate:pagination" | "onUpdate:criteria"> & Partial<{}> & {
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onAddRole" | "onRemoveRole" | "onUpdate:pagination" | "onUpdate:criteria"> & {
         modelValue: T[];
         count: number;
         pagination: Pagination;
         mappedRoles: Record<string, string>;
         columns?: QTableColumn[];
-    }> & import("vue").PublicProps;
+    } & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {};
@@ -48,9 +48,7 @@ declare const _default: <T extends Account>(__VLS_props: NonNullable<Awaited<typ
             role: string;
         }): void;
     };
-}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}> & {
+}>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;

package/dist/types/ui/authentication/EmailChangeForm.vue.d.ts

@@ -6,7 +6,7 @@ export interface Props {
         style?: Partial<CSSStyleDeclaration>;
     })>;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Props, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
     variables: import("vue").Ref<{
         header: string;
     }, {
@@ -45,15 +45,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Pr
         done: () => void;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?(_: {
+    default?: ((props: {
         submit: (args_0: {
             value?: string;
             done: () => void;
         }) => any;
-    }): any;
+    }) => any) | undefined;
 }>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/types/ui/authentication/LoginButton.vue.d.ts

@@ -1,11 +1,11 @@
 export interface Props {
     withNetwork?: string;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    icon?(_: {}): any;
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    icon?: ((props: {}) => any) | undefined;
 }>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/types/ui/authentication/LoginForm.vue.d.ts

@@ -7,7 +7,7 @@ export interface Props {
         style?: Partial<CSSStyleDeclaration>;
     })>;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Props, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
     variables: import("vue").Ref<{
         header: string;
         createAccount: string;
@@ -55,15 +55,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Pr
         done: () => void;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?(_: {
+    default?: ((props: {
         submit: (args_0: {
             value?: string;
             done: () => void;
         }) => any;
-    }): any;
+    }) => any) | undefined;
 }>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/types/ui/authentication/PasswordChangeForm.vue.d.ts

@@ -7,7 +7,7 @@ export interface Props {
         style?: Partial<CSSStyleDeclaration>;
     })>;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Props, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
     variables: import("vue").Ref<{}, {}>;
     functions: import("vue").Ref<{
         submit: (args_0: {
@@ -46,15 +46,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Pr
         style?: Partial<CSSStyleDeclaration>;
     })>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?(_: {
+    default?: ((props: {
         submit: (args_0: {
             value?: string;
             done: () => void;
         }) => any;
-    }): any;
+    }) => any) | undefined;
 }>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/types/ui/authentication/RegisterForm.vue.d.ts

@@ -12,7 +12,7 @@ export interface Props {
         style?: Partial<CSSStyleDeclaration>;
     })>;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Props, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
     variables: import("vue").Ref<{
         header: string;
         forgotPassword: string;
@@ -76,15 +76,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Pr
         rules?: ((val: string) => boolean)[];
     }[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?(_: {
+    default?: ((props: {
         submit: (args_0: {
             value?: string;
             done: () => void;
         }) => any;
-    }): any;
+    }) => any) | undefined;
 }>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/types/ui/authentication/RequestOtpForm.vue.d.ts

@@ -5,7 +5,7 @@ export interface Props {
         style?: Partial<CSSStyleDeclaration>;
     })>;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Props, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
     variables: import("vue").Ref<{}, {}>;
     functions: import("vue").Ref<{
         submit: (args_0: {
@@ -34,15 +34,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Pr
         done: () => void;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?(_: {
+    default?: ((props: {
         submit: (args_0: {
             value?: string;
             done: () => void;
         }) => any;
-    }): any;
+    }) => any) | undefined;
 }>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/types/ui/authentication/UserMenuButton.vue.d.ts

@@ -2,7 +2,7 @@ import type { RouteLocationRaw } from 'vue-router';
 export interface Props {
     userRoute: RouteLocationRaw;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Props, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
     variables: import("vue").Ref<{}, {}>;
     functions: import("vue").Ref<{}, {}>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -10,10 +10,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Pr
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     onSignOut?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?(_: {}): any;
+    default?: ((props: {}) => any) | undefined;
 }>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/types/ui/form/FilteredModelSelect.vue.d.ts

@@ -9,7 +9,7 @@ declare const _default: <T extends {
             done: (success?: boolean) => void;
         }) => any) | undefined;
         readonly "onUpdate:model-value"?: ((id: number) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onFilter" | "onUpdate:model-value"> & Partial<{}> & {
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onFilter" | "onUpdate:model-value"> & {
         modelValue?: number | number[] | null;
         labelKey: string;
         labelFunction?: (option: unknown) => string;
@@ -21,10 +21,13 @@ declare const _default: <T extends {
         multiple?: boolean;
         label?: string;
         hint?: string;
-    }> & import("vue").PublicProps;
+    } & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
-    slots: Partial<Record<NonNullable<string | number>, (_: any) => any>>;
+    slots: {
+        [x: string]: ((props: any) => any) | undefined;
+        [x: number]: ((props: any) => any) | undefined;
+    };
     emit: {
         (e: "update:model-value", id: number): void;
         (e: "filter", { ids, searchPhrase, done }: {
@@ -33,9 +36,7 @@ declare const _default: <T extends {
             done: (success?: boolean) => void;
         }): void;
     };
-}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}> & {
+}>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;

package/dist/types/ui/form/FormInput.vue.d.ts

@@ -1,3 +1,4 @@
+import { QInput, ValidationRule } from 'quasar';
 export type FormItems = 'name' | 'firstName' | 'lastName' | 'address' | 'city' | 'postalCode' | 'telephoneNumber';
 export interface Props {
     modelValue?: string | null;
@@ -5,17 +6,26 @@ export interface Props {
     label?: string;
     required?: boolean;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Partial<Record<NonNullable<string | number>, (_: any) => any>>;
-    refs: {};
-    rootEl: any;
+declare const attrs: {
+    [x: string]: unknown;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const lang: import("vue").Ref<import("./lang").Language, import("./lang").Language>;
+declare const validations: import("vue").Ref<ValidationRule[], ValidationRule[]>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_11: string | number, __VLS_12: any;
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    [K in NonNullable<typeof __VLS_11>]?: (props: typeof __VLS_12) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<Props, {
+    QInput: typeof QInput;
+    attrs: typeof attrs;
+    lang: typeof lang;
+    validations: typeof validations;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/types/ui/form/FormItem.vue.d.ts

@@ -1,23 +1,36 @@
+import { QItem, QItemLabel, QItemSection } from 'quasar';
 export type FormItems = 'name' | 'firstName' | 'lastName' | 'address' | 'city' | 'postalCode';
 export interface Props {
     modelValue?: string;
     label?: string;
     field?: FormItems;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        avatar?(_: {}): any;
-        side?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
+declare const attrs: {
+    [x: string]: unknown;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const slots: Readonly<{
+    [name: string]: import("vue").Slot<any> | undefined;
+}>;
+declare const lang: import("vue").Ref<import("./lang").Language, import("./lang").Language>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_10: {}, __VLS_28: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    avatar?: (props: typeof __VLS_10) => any;
+} & {
+    side?: (props: typeof __VLS_28) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<Props, {
+    QItem: typeof QItem;
+    QItemLabel: typeof QItemLabel;
+    QItemSection: typeof QItemSection;
+    attrs: typeof attrs;
+    slots: typeof slots;
+    lang: typeof lang;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/types/ui/general/QDrawerList.vue.d.ts

@@ -1,16 +1,16 @@
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+import { QList } from 'quasar';
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_6: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_6) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<{}, {
+    QList: typeof QList;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/types/ui/general/QStyledCard.vue.d.ts

@@ -2,18 +2,18 @@ import { QCardActionsProps } from 'quasar';
 export interface Props {
     actions?: QCardActionsProps;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Props, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
     variables: import("vue").Ref<{}, {}>;
     functions: import("vue").Ref<{}, {}>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    image?(_: {}): any;
-    title?(_: {}): any;
-    subtitle?(_: {}): any;
-    default?(_: {}): any;
-    actions?(_: {}): any;
+    image?: ((props: {}) => any) | undefined;
+    title?: ((props: {}) => any) | undefined;
+    subtitle?: ((props: {}) => any) | undefined;
+    default?: ((props: {}) => any) | undefined;
+    actions?: ((props: {}) => any) | undefined;
 }>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/types/ui/general/QStyledLayout.vue.d.ts

@@ -1,14 +1,14 @@
 export interface Props {
     title: string;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Props, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
     variables: import("vue").Ref<{}, {}>;
     functions: import("vue").Ref<{}, {}>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    leftDrawerItems?(_: {}): any;
+    leftDrawerItems?: ((props: {}) => any) | undefined;
 }>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/types/ui/general/QSubmitButton.vue.d.ts

@@ -5,7 +5,7 @@ export interface Props {
     isNextButton?: boolean;
     color?: string;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     submit: (args_0: {
         value?: string;
         done: () => void;
@@ -20,10 +20,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Pr
     color: string;
     loading: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?(_: {}): any;
+    default?: ((props: {}) => any) | undefined;
 }>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/types/ui/general/ResourcePage.vue.d.ts

@@ -4,7 +4,7 @@ export interface Props {
     topBarFab?: boolean;
     topBarShrink?: boolean;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     update: (args_0: {
         data?: unknown;
         done: (success?: boolean) => void;
@@ -28,14 +28,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Pr
     topBarFab: boolean;
     topBarShrink: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?(_: {}): any;
-    fab?(_: {}): any;
-    header?(_: {}): any;
-    "top-bar-buttons"?(_: {}): any;
-    "header-side"?(_: {}): any;
+    default?: ((props: {}) => any) | undefined;
+    fab?: ((props: {}) => any) | undefined;
+    header?: ((props: {}) => any) | undefined;
+    'top-bar-buttons'?: ((props: {}) => any) | undefined;
+    'header-side'?: ((props: {}) => any) | undefined;
 }>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/types/ui/general/ResponsiveDialog.vue.d.ts

@@ -1,8 +1,10 @@
 export interface Props {
     display?: boolean;
     buttonType?: 'submit' | 'send';
+    closeIcon?: string;
+    padding?: boolean;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Props, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
     variables: import("vue").Ref<{}, {}>;
     functions: import("vue").Ref<{
         open: () => void | undefined;
@@ -25,12 +27,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Pr
     onSubmit?: ((args_0: {
         done: (success?: boolean) => void;
     }) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    title?(_: {}): any;
-    default?(_: {}): any;
+}>, {
+    buttonType: "submit" | "send";
+    closeIcon: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    title?: ((props: {}) => any) | undefined;
+    default?: ((props: {}) => any) | undefined;
 }>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simsustech/quasar-components",
-  "version": "0.11.6",
+  "version": "0.11.8",
   "author": "Stefan van Herwijnen",
   "description": "High level components for Quasar Framework",
   "license": "MIT",
@@ -46,37 +46,37 @@
   },
   "bugs": "https://github.com/simsusech/quasar-components/issues",
   "dependencies": {
-    "validator": "^13.12.0"
+    "validator": "^13.15.0"
   },
   "peerDependencies": {
-    "quasar": "^2.17.4"
+    "quasar": "^2.18.1"
   },
   "devDependencies": {
-    "@types/node": "^22.10.0",
-    "@types/validator": "^13.12.2",
-    "@types/ws": "^8.5.13",
-    "@typescript-eslint/eslint-plugin": "^8.16.0",
-    "@typescript-eslint/parser": "^8.16.0",
-    "@vitejs/plugin-vue": "^5.2.1",
+    "@types/node": "^22.14.0",
+    "@types/validator": "^13.12.3",
+    "@types/ws": "^8.18.1",
+    "@typescript-eslint/eslint-plugin": "^8.29.0",
+    "@typescript-eslint/parser": "^8.29.0",
+    "@vitejs/plugin-vue": "^5.2.3",
     "@vue/server-renderer": "^3.5.13",
-    "eslint": "^9.15.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.2.1",
+    "eslint": "^9.24.0",
+    "eslint-config-prettier": "^10.1.1",
+    "eslint-plugin-prettier": "^5.2.6",
     "eslint-plugin-prettier-vue": "^5.0.0",
-    "eslint-plugin-vue": "^9.31.0",
-    "glob": "^11.0.0",
-    "local-pkg": "^0.5.1",
-    "prettier": "^3.4.1",
-    "quasar": "^2.17.4",
+    "eslint-plugin-vue": "^10.0.0",
+    "glob": "^11.0.1",
+    "local-pkg": "^1.1.1",
+    "prettier": "^3.5.3",
+    "quasar": "^2.18.1",
     "rimraf": "^6.0.1",
-    "typescript": "5.6.3",
-    "typescript-eslint": "^8.16.0",
-    "unplugin-vue-components": "^0.27.5",
-    "vite": "^6.0.1",
+    "typescript": "5.8.3",
+    "typescript-eslint": "^8.29.0",
+    "unplugin-vue-components": "^28.4.1",
+    "vite": "^6.2.5",
     "vue": "^3.5.13",
-    "vue-eslint-parser": "^9.4.3",
+    "vue-eslint-parser": "^10.1.3",
     "vue-router": "^4.5.0",
-    "vue-tsc": "^2.1.10"
+    "vue-tsc": "^2.2.8"
   },
   "scripts": {
     "build:plugin": "vite build",

package/src/ui/form/FormItem.vue

@@ -7,7 +7,7 @@
       <q-item-label overline>
         {{ label ? label : field ? lang.fields[field] : '' }}
       </q-item-label>
-      <q-item-label>
+      <q-item-label class="break-all">
         {{ modelValue || '-' }}
       </q-item-label>
     </q-item-section>
@@ -48,3 +48,9 @@ watch($q.lang, () => {
   loadLang($q.lang.isoName)
 })
 </script>
+
+<style>
+.break-all {
+  word-break: break-all;
+}
+</style>

package/src/ui/general/ResponsiveDialog.vue

@@ -8,7 +8,7 @@
     >
       <q-header class="bg-primary">
         <q-toolbar>
-          <q-btn icon="close" flat round dense @click="close" />
+          <q-btn :icon="closeIcon" flat round dense @click="close" />
           <q-toolbar-title>
             <slot name="title" />
           </q-toolbar-title>
@@ -21,8 +21,8 @@
         </q-toolbar>
       </q-header>
 
-      <q-page-container style="padding-bottom: -50px">
-        <q-page class="q-pa-md q-pb-xl">
+      <q-page-container style="margin-bottom: 50px">
+        <q-page :padding="padding" class="q-pb-xl">
           <slot></slot>
         </q-page>
       </q-page-container>
@@ -45,8 +45,10 @@ import QSubmitButton from './QSubmitButton.vue'
 export interface Props {
   display?: boolean
   buttonType?: 'submit' | 'send'
+  closeIcon?: string
+  padding?: boolean
 }
-defineProps<Props>()
+withDefaults(defineProps<Props>(), { buttonType: 'submit', closeIcon: 'close' })
 // const attrs = useAttrs();
 const emit = defineEmits<{
   (