@simsustech/quasar-components 0.1.3 → 0.3.0

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

@@ -2,66 +2,16 @@ import { QCardActionsProps } from 'quasar';
 export interface Props {
     actions?: QCardActionsProps;
 }
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: string, ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {
-            variables: import("vue").Ref<{}>;
-            functions: import("vue").Ref<{}>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & import("vue").ShallowUnwrapRef<{
-        variables: import("vue").Ref<{}>;
-        functions: import("vue").Ref<{}>;
-    }> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {
     variables: import("vue").Ref<{}>;
     functions: import("vue").Ref<{}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {
-        image: (_: {}) => any;
-        title: (_: {}) => any;
-        subtitle: (_: {}) => any;
-        default: (_: {}) => any;
-        actions: (_: {}) => any;
-    };
-});
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}>, {
+    image?(_: {}): any;
+    title?(_: {}): any;
+    subtitle?(_: {}): any;
+    default?(_: {}): any;
+    actions?(_: {}): any;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
@@ -72,3 +22,8 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,62 +1,12 @@
 export interface Props {
     title: string;
 }
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: string, ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {
-            variables: import("vue").Ref<{}>;
-            functions: import("vue").Ref<{}>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & import("vue").ShallowUnwrapRef<{
-        variables: import("vue").Ref<{}>;
-        functions: import("vue").Ref<{}>;
-    }> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {
     variables: import("vue").Ref<{}>;
     functions: import("vue").Ref<{}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {
-        leftDrawerItems: (_: {}) => any;
-    };
-});
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}>, {
+    leftDrawerItems?(_: {}): any;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
@@ -67,3 +17,8 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -2,114 +2,9 @@ export interface Props {
     loading?: boolean;
     useForm?: boolean;
     isNextButton?: boolean;
+    color?: string;
 }
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            loading: boolean;
-            useForm: boolean;
-            isNextButton: boolean;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            loading: {
-                type: BooleanConstructor;
-                default: undefined;
-            };
-            useForm: {
-                type: BooleanConstructor;
-            };
-            isNextButton: {
-                type: BooleanConstructor;
-            };
-        }>> & {
-            onSubmit?: ((args_0: {
-                value?: string | undefined;
-                done: () => void;
-            }) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "loading" | "useForm" | "isNextButton">;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: "submit", args_0: {
-            value?: string | undefined;
-            done: () => void;
-        }) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            loading: {
-                type: BooleanConstructor;
-                default: undefined;
-            };
-            useForm: {
-                type: BooleanConstructor;
-            };
-            isNextButton: {
-                type: BooleanConstructor;
-            };
-        }>> & {
-            onSubmit?: ((args_0: {
-                value?: string | undefined;
-                done: () => void;
-            }) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            submit: (payload_0: {
-                value?: string | undefined;
-                done: () => void;
-            }) => void;
-        }, string, {
-            loading: boolean;
-            useForm: boolean;
-            isNextButton: boolean;
-        }, {}, string> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
-        loading: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        useForm: {
-            type: BooleanConstructor;
-        };
-        isNextButton: {
-            type: BooleanConstructor;
-        };
-    }>> & {
-        onSubmit?: ((args_0: {
-            value?: string | undefined;
-            done: () => void;
-        }) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+declare const _default: import("vue").DefineComponent<{
     loading: {
         type: BooleanConstructor;
         default: undefined;
@@ -120,19 +15,39 @@ declare const _default: {
     isNextButton: {
         type: BooleanConstructor;
     };
-}>> & {
-    onSubmit?: ((args_0: {
-        value?: string | undefined;
-        done: () => void;
-    }) => any) | undefined;
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     submit: (payload_0: {
         value?: string | undefined;
         done: () => void;
     }) => void;
-}, string, {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    loading: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    useForm: {
+        type: BooleanConstructor;
+    };
+    isNextButton: {
+        type: BooleanConstructor;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    onSubmit?: ((args_0: {
+        value?: string | undefined;
+        done: () => void;
+    }) => any) | undefined;
+}, {
+    color: string;
     loading: boolean;
     useForm: boolean;
     isNextButton: boolean;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+}>;
 export default _default;

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

@@ -0,0 +1,61 @@
+export interface Props {
+    type?: 'create' | 'update';
+    disabled?: boolean;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    type: string;
+    disabled: boolean;
+}>, {
+    variables: import("vue").Ref<{}>;
+    functions: import("vue").Ref<{}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    create: (payload_0: {
+        data?: any;
+        done: (success?: boolean) => void;
+    }) => void;
+    update: (payload_0: {
+        data?: any;
+        done: (success?: boolean) => void;
+    }) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    type: string;
+    disabled: boolean;
+}>>> & {
+    onCreate?: ((args_0: {
+        data?: any;
+        done: (success?: boolean) => void;
+    }) => any) | undefined;
+    onUpdate?: ((args_0: {
+        data?: any;
+        done: (success?: boolean) => void;
+    }) => any) | undefined;
+}, {
+    type: "create" | "update";
+    disabled: boolean;
+}>, {
+    default?(_: {}): any;
+    header?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -0,0 +1,37 @@
+export interface Props {
+    display?: boolean;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {
+    variables: import("vue").Ref<{}>;
+    functions: import("vue").Ref<{
+        open: () => void | undefined;
+        close: () => void | undefined;
+        toggle: () => void | undefined;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (payload_0: {
+        done: (success?: boolean) => void;
+    }) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
+    onSubmit?: ((args_0: {
+        done: (success?: boolean) => void;
+    }) => any) | undefined;
+}, {}>, {
+    title?(_: {}): any;
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/ui/general/index.d.ts

@@ -1,2 +1,5 @@
 export { default as QSubmitButton } from './QSubmitButton.vue';
 export { default as QStyledCard } from './QStyledCard.vue';
+export { default as ResponsiveDialog } from './ResponsiveDialog.vue';
+export { default as ResourcePage } from './ResourcePage.vue';
+export { default as QLanguageSelect } from './QLanguageSelect.vue';

package/dist/types/virtualModules.d.ts

@@ -1,2 +1,3 @@
 export declare const FlagIcon: (locale: string) => string;
 export declare const Icon: (icon: string) => string;
+export declare const FormItem: (field: string) => string;

package/dist/virtualModules.d.ts

@@ -1,2 +1,3 @@
 export declare const FlagIcon: (locale: string) => string;
 export declare const Icon: (icon: string) => string;
+export declare const FormItem: (field: string) => string;

package/dist/virtualModules.js

@@ -1,2 +1,3 @@
-export var FlagIcon = function (locale) { return "\n  import { computed, ref, watch, h } from 'vue'\n  import { QuasarLanguageCodes, useQuasar, QIcon } from 'quasar'\n  import { useLang, loadLang } from '".concat(new URL("../src/ui/flags/lang", import.meta.url).pathname, "'\n  import icon from '").concat(new URL("../src/ui/flags/assets/".concat(locale, ".svg"), import.meta.url).pathname, "'\n  export default {\n  setup(props, context) {\n    const $q = useQuasar()\n    const lang = useLang()\n    if (lang.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName)\n    watch($q.lang, (val) => {\n      loadLang($q.lang.isoName)\n    })\n    \n    const country = computed(\n      () => lang.value.countries['").concat(locale, "']\n    )\n    // @ts-ignore\n    const language = computed(() => lang.value.languages['").concat(locale, "'])\n    const variables = ref({\n      country,\n      language\n      // header: lang.value.some.nested.prop\n    })\n    const functions = ref({\n      // submit\n    })\n\n    context.expose({\n      variables,\n      functions\n    })\n\n    // return the render function\n    return () => h(QIcon, { name: `img:${icon}` })\n  }}\n"); };
-export var Icon = function (icon) { return "\n  import { computed, ref, watch, h } from 'vue'\n  import { QuasarLanguageCodes, useQuasar, QIcon } from 'quasar'\n  import icon from '".concat(new URL("../src/ui/icons/assets/".concat(icon, ".svg"), import.meta.url).pathname, "'\n  import icons from '").concat(new URL("../src/ui/icons/icons.ts", import.meta.url).pathname, "'\n  export default {\n  setup(props, context) {\n    const $q = useQuasar()\n\n    const variables = ref(icons['").concat(icon, "'])\n\n    const functions = ref({\n      // submit\n    })\n\n    context.expose({\n      variables,\n      functions\n    })\n\n    // return the render function\n    return () => h(QIcon, { name: `img:${icon}` })\n  }}\n"); };
+export var FlagIcon = function (locale) { return "\n  import { computed, ref, watch, h } from 'vue'\n  import { useQuasar, QIcon } from 'quasar'\n  import { useLang, loadLang } from '".concat(new URL("../src/ui/flags/lang", import.meta.url).pathname, "'\n  import icon from '").concat(new URL("../src/ui/flags/assets/".concat(locale, ".svg"), import.meta.url).pathname, "'\n  export default {\n  setup(props, context) {\n    const $q = useQuasar()\n    const lang = useLang()\n    if (lang.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName)\n    watch($q.lang, (val) => {\n      loadLang($q.lang.isoName)\n    })\n    \n    const country = computed(\n      () => lang.value.countries['").concat(locale, "']\n    )\n    // @ts-ignore\n    // const language = computed(() => lang.value.languages['").concat(locale, "'])\n    const language = computed(() => lang.value.languages['").concat(locale, "'])\n    const variables = ref({\n      country,\n      language\n      // header: lang.value.some.nested.prop\n    })\n    const functions = ref({\n      // submit\n    })\n\n    context.expose({\n      variables,\n      functions\n    })\n\n    // return the render function\n    return () => h(QIcon, { name: `img:${icon}` })\n  }}\n"); };
+export var Icon = function (icon) { return "\n  import { computed, ref, watch, h } from 'vue'\n  import { useQuasar, QIcon } from 'quasar'\n  import icon from '".concat(new URL("../src/ui/icons/assets/".concat(icon, ".svg"), import.meta.url).pathname, "'\n  import labels from '").concat(new URL("../src/ui/icons/labels.ts", import.meta.url).pathname, "'\n  export default {\n  setup(props, context) {\n    const $q = useQuasar()\n\n    const variables = ref(labels['").concat(icon, "'])\n\n    const functions = ref({\n      // submit\n    })\n\n    context.expose({\n      variables,\n      functions\n    })\n\n    // return the render function\n    return () => h(QIcon, { name: `img:${icon}` })\n  }}\n"); };
+export var FormItem = function (field) { return "\nimport { ref, watch, useAttrs, h } from 'vue'\nimport { QItem, QItemLabel, QItemSection, useQuasar } from 'quasar'\nimport { useLang, loadLang } from '".concat(new URL("../src/ui/form/lang/index.ts", import.meta.url).pathname, "'\n\nexport default {\n  setup(props, context) {\n    const $q = useQuasar()\n    const attrs = useAttrs()\n\n    const lang = useLang()\n\n    if (lang.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName)\n    watch($q.lang, (val) => {\n      loadLang($q.lang.isoName)\n    })\n\n    const variables = ref({})\n\n    const functions = ref({\n      // submit\n    })\n\n    context.expose({\n      variables,\n      functions\n    })\n\n    // return the render function\n    return () =>\n      h(QItem, { attrs }, [\n        h(QItemSection, {}, [\n          h(QItemLabel, { overline: true }, 'field'),\n          h(QItemLabel, {}, 'field')\n        ])\n      ])\n  }\n}\n"); };

package/dist/vite-plugin.js

@@ -35,6 +35,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import { promises } from 'fs';
+import { Icon, FlagIcon } from './virtualModules.js';
 var readFile = promises.readFile;
 export default function (_a) {
     var _b = _a === void 0 ? {} : _a, buildFromSrc = _b.buildFromSrc;
@@ -51,20 +52,40 @@ export default function (_a) {
                     name = pkgJson.name;
                     return [2 /*return*/, {
                             name: "".concat(name, "-plugin"),
+                            enforce: 'pre',
+                            resolveId: function (id) {
+                                if (id.includes('.flag'))
+                                    return id;
+                                else if (id.includes('.icon'))
+                                    return id;
+                            },
+                            load: function (id) {
+                                if (id.includes('.flag')) {
+                                    var locale = id.slice(0, -5);
+                                    var flag = FlagIcon(locale);
+                                    return flag;
+                                }
+                                else if (id.includes('.icon')) {
+                                    var iconId = id.slice(0, -5);
+                                    var icon = Icon(iconId);
+                                    return icon;
+                                }
+                            },
                             config: function (config, _a) {
                                 var mode = _a.mode;
                                 if (mode === 'development' || buildFromSrc) {
                                     var alias = Object.entries(exports)
+                                        .filter(function (_a) {
+                                        var key = _a[0], val = _a[1];
+                                        return val.src;
+                                    })
                                         .map(function (_a) {
                                         var key = _a[0], val = _a[1];
                                         return {
-                                            find: name + key.slice(1),
+                                            find: new RegExp("^".concat(name.replace(/[.*+?^${}()|[\]\\]/g, '\\$&') + key.slice(1), "$")),
+                                            // name: name + key.slice(1),
                                             replacement: new URL('.' + val.src, import.meta.url).pathname
                                         };
-                                    })
-                                        .sort(function (a, b) {
-                                        return (b.find.match(/\//g) || []).length -
-                                            (a.find.match(/\//g) || []).length;
                                     });
                                     return {
                                         resolve: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simsustech/quasar-components",
-  "version": "0.1.3",
+  "version": "0.3.0",
   "author": "Stefan van Herwijnen",
   "description": "High level components for Quasar Framework",
   "license": "MIT",
@@ -27,6 +27,11 @@
       "import": "./dist/icons.js",
       "src": "./src/ui/icons/index.ts"
     },
+    "./form": {
+      "types": "./dist/types/ui/form/index.d.ts",
+      "import": "./dist/form.js",
+      "src": "./src/ui/form/index.ts"
+    },
     "./css": {
       "import": "./dist/style.css"
     },
@@ -41,34 +46,34 @@
   },
   "bugs": "https://github.com/simsusech/quasar-components/issues",
   "dependencies": {
-    "validator": "^13.7.0"
+    "validator": "^13.9.0"
   },
   "peerDependencies": {
     "quasar": "^2.9.2"
   },
   "devDependencies": {
-    "@types/node": "^18.7.13",
-    "@types/validator": "^13.7.5",
-    "@types/ws": "^8.5.3",
-    "@typescript-eslint/eslint-plugin": "^5.34.0",
-    "@typescript-eslint/parser": "^5.34.0",
-    "@vitejs/plugin-vue": "^3.2.0-beta.0",
-    "@vue/server-renderer": "^3.2.37",
-    "eslint": "^8.22.0",
-    "eslint-config-prettier": "^8.5.0",
+    "@types/node": "^18.16.3",
+    "@types/validator": "^13.7.15",
+    "@types/ws": "^8.5.4",
+    "@typescript-eslint/eslint-plugin": "^5.59.2",
+    "@typescript-eslint/parser": "^5.59.2",
+    "@vitejs/plugin-vue": "^4.2.1",
+    "@vue/server-renderer": "^3.2.47",
+    "eslint": "^8.39.0",
+    "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-prettier-vue": "^4.2.0",
-    "eslint-plugin-vue": "^9.6.0",
-    "glob": "^8.0.3",
-    "local-pkg": "^0.4.2",
-    "prettier": "^2.7.1",
-    "quasar": "^2.9.2",
-    "rimraf": "^3.0.2",
-    "typescript": "^4.7.4",
-    "unplugin-vue-components": "^0.22.8",
-    "vite": "^3.2.0-beta.0",
-    "vue": "^3.2.37",
-    "vue-router": "^4.1.4",
-    "vue-tsc": "^1.0.8"
+    "eslint-plugin-vue": "^9.11.0",
+    "glob": "^10.2.2",
+    "local-pkg": "^0.4.3",
+    "prettier": "^2.8.8",
+    "quasar": "^2.11.10",
+    "rimraf": "^5.0.0",
+    "typescript": "^5.0.4",
+    "unplugin-vue-components": "^0.24.1",
+    "vite": "^4.3.4",
+    "vue": "^3.2.47",
+    "vue-router": "^4.1.6",
+    "vue-tsc": "^1.6.4"
   },
   "scripts": {
     "build:plugin": "vite build",

package/src/ui/authentication/EmailChangeStepper.vue

@@ -100,7 +100,7 @@ watch($q.lang, (val) => {
 })
 
 const steps = ['requestOtp', 'changeEmail'] as const
-const step = ref<typeof steps[number]>('requestOtp')
+const step = ref<(typeof steps)[number]>('requestOtp')
 const email = ref('')
 const header = computed(() => lang.value.email.changeEmail)
 const emailChanged = computed(() => lang.value.email.emailChanged)
@@ -148,7 +148,7 @@ const variables = ref({
   steps
 })
 const functions = ref({
-  goToStep: (newStep: typeof steps[number]) => (step.value = newStep)
+  goToStep: (newStep: (typeof steps)[number]) => (step.value = newStep)
 })
 defineExpose({
   variables,

package/src/ui/authentication/PasswordChangeStepper.vue

@@ -100,7 +100,7 @@ watch($q.lang, (val) => {
 })
 
 const steps = ['requestOtp', 'changePassword'] as const
-const step = ref<typeof steps[number]>('requestOtp')
+const step = ref<(typeof steps)[number]>('requestOtp')
 const email = ref('')
 const header = computed(() => lang.value.password.changePassword)
 const passwordChanged = computed(() => lang.value.password.passwordChanged)
@@ -148,7 +148,7 @@ const variables = ref({
   steps
 })
 const functions = ref({
-  goToStep: (newStep: typeof steps[number]) => (step.value = newStep)
+  goToStep: (newStep: (typeof steps)[number]) => (step.value = newStep)
 })
 defineExpose({
   variables,

package/src/ui/authentication/lang/en-US.ts

@@ -86,8 +86,7 @@ const lang: Language = {
     alreadyRegistered: 'Email address is already registered.'
   },
   verification: {
-    slider:
-      'Sleep a.u.b. de onderstaande balk helemaal naar rechts tot deze groen wordt.'
+    slider: 'Please drag the slider below all the way to the right.'
   }
 }
 

package/src/ui/authentication/lang/nl.ts

@@ -86,8 +86,7 @@ const lang: Language = {
     alreadyRegistered: 'Email adres is al geregistreerd.'
   },
   verification: {
-    slider:
-      'Please drag the slider all the way to the right until it turns green.'
+    slider: 'Sleep a.u.b. het onderstaande bolletje helemaal naar rechts.'
   }
 }