@volverjs/ui-vue 0.0.10-beta.38 → 0.0.10-beta.39

package/dist/{components → src/components}/VvDialog/index.d.ts

@@ -20,6 +20,7 @@ export declare const VvDialogProps: {
     };
     /**
      * Dialog size
+     * @deprecated use modifiers instead
      */
     size: StringConstructor;
     /**

package/dist/{components → src/components}/VvInputFile/VvInputFile.vue.d.ts

@@ -4,14 +4,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             name: string;
             size: number;
             type: string;
-            url: string;
+            url?: string | undefined;
             thumbnailUrl?: string | undefined;
             lastModified?: number | undefined;
         } | File | ({
             name: string;
             size: number;
             type: string;
-            url: string;
+            url?: string | undefined;
             thumbnailUrl?: string | undefined;
             lastModified?: number | undefined;
         } | File)[]>;
@@ -132,35 +132,51 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     id: (StringConstructor | NumberConstructor)[];
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    download: (args_0: {
+        name: string;
+        size: number;
+        type: string;
+        url?: string | undefined;
+        thumbnailUrl?: string | undefined;
+        lastModified?: number | undefined;
+    } | File) => void;
     "update:modelValue": (args_0: {
         name: string;
         size: number;
         type: string;
-        url: string;
+        url?: string | undefined;
         thumbnailUrl?: string | undefined;
         lastModified?: number | undefined;
     } | File | ({
         name: string;
         size: number;
         type: string;
-        url: string;
+        url?: string | undefined;
         thumbnailUrl?: string | undefined;
         lastModified?: number | undefined;
     } | File)[] | undefined) => void;
+    remove: (args_0: {
+        name: string;
+        size: number;
+        type: string;
+        url?: string | undefined;
+        thumbnailUrl?: string | undefined;
+        lastModified?: number | undefined;
+    } | File) => void;
 }, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     modelValue: {
         type: globalThis.PropType<{
             name: string;
             size: number;
             type: string;
-            url: string;
+            url?: string | undefined;
             thumbnailUrl?: string | undefined;
             lastModified?: number | undefined;
         } | File | ({
             name: string;
             size: number;
             type: string;
-            url: string;
+            url?: string | undefined;
             thumbnailUrl?: string | undefined;
             lastModified?: number | undefined;
         } | File)[]>;
@@ -285,17 +301,33 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         name: string;
         size: number;
         type: string;
-        url: string;
+        url?: string | undefined;
         thumbnailUrl?: string | undefined;
         lastModified?: number | undefined;
     } | File | ({
         name: string;
         size: number;
         type: string;
-        url: string;
+        url?: string | undefined;
         thumbnailUrl?: string | undefined;
         lastModified?: number | undefined;
     } | File)[] | undefined) => any) | undefined;
+    onDownload?: ((args_0: {
+        name: string;
+        size: number;
+        type: string;
+        url?: string | undefined;
+        thumbnailUrl?: string | undefined;
+        lastModified?: number | undefined;
+    } | File) => any) | undefined;
+    onRemove?: ((args_0: {
+        name: string;
+        size: number;
+        type: string;
+        url?: string | undefined;
+        thumbnailUrl?: string | undefined;
+        lastModified?: number | undefined;
+    } | File) => any) | undefined;
 }, {
     label: string | number;
     modifiers: string | string[];

package/dist/{components → src/components}/VvInputFile/index.d.ts

@@ -1,6 +1,12 @@
 import { type VvIconProps } from '../VvIcon';
 import type { UploadedFile } from '@/types';
 export type VvInputFileEvents = {
+    'remove': [
+        File | UploadedFile
+    ];
+    'download': [
+        File | UploadedFile
+    ];
     'update:modelValue': [
         File | UploadedFile | (File | UploadedFile)[] | undefined
     ];
@@ -14,14 +20,14 @@ export declare const VvInputFileProps: {
             name: string;
             size: number;
             type: string;
-            url: string;
+            url?: string | undefined;
             thumbnailUrl?: string | undefined;
             lastModified?: number | undefined;
         } | File | ({
             name: string;
             size: number;
             type: string;
-            url: string;
+            url?: string | undefined;
             thumbnailUrl?: string | undefined;
             lastModified?: number | undefined;
         } | File)[]>;
@@ -155,6 +161,10 @@ export declare const VvInputFileProps: {
     };
     loading: {
         type: BooleanConstructor;
+        /**
+         * Front or rear camera
+         * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/capture
+         */
         default: boolean;
     };
     loadingLabel: {
@@ -162,10 +172,7 @@ export declare const VvInputFileProps: {
         default: string;
     };
     label: {
-        type: (StringConstructor | NumberConstructor)[]; /**
-         * VvIcon name for replace button
-         * @see VVIcon
-         */
+        type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
     hintLabel: {
@@ -186,7 +193,10 @@ export declare const VvInputFileProps: {
     };
     validLabel: {
         type: (ArrayConstructor | StringConstructor)[];
-        default: undefined;
+        default: undefined; /**
+         * File types to accept
+         * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept
+         */
     };
     modifiers: {
         type: globalThis.PropType<string | string[]>;

package/dist/src/components/VvSelect/VvSelect.vue.d.ts

@@ -0,0 +1,230 @@
+import type { Option } from '../../types/generic';
+declare const _default: <T extends string | Option>(__VLS_props: {
+    floating?: boolean | undefined;
+    readonly name?: string | undefined;
+    options?: T[] | undefined;
+    readonly size?: string | number | undefined;
+    label?: string | number | undefined;
+    disabled?: boolean | undefined;
+    modelValue?: string | number | boolean | unknown[] | Record<string, any> | undefined;
+    modifiers?: string | string[] | undefined;
+    readonly?: boolean | undefined;
+    readonly id?: string | number | undefined;
+    onFocus?: ((args_0: import("@vueuse/core").MaybeElement) => any) | undefined;
+    onBlur?: ((args_0: import("@vueuse/core").MaybeElement) => any) | undefined;
+    required?: boolean | undefined;
+    icon?: string | import("../VvIcon/index.js").VvIconProps | undefined;
+    iconPosition?: "before" | "after" | undefined;
+    loading?: boolean | undefined;
+    loadingLabel?: string | undefined;
+    unselectable?: boolean | undefined;
+    multiple?: boolean | undefined;
+    hintLabel?: string | undefined;
+    valid?: boolean | undefined;
+    validLabel?: string | unknown[] | undefined;
+    invalid?: boolean | undefined;
+    invalidLabel?: string | unknown[] | undefined;
+    tabindex?: string | number | undefined;
+    labelKey?: string | Function | undefined;
+    valueKey?: string | Function | undefined;
+    disabledKey?: string | Function | undefined;
+    "onUpdate:modelValue"?: ((args_0: any) => any) | undefined;
+    readonly placeholder?: string | undefined;
+    autocomplete?: string | undefined;
+    autofocus?: boolean | undefined;
+} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
+    slots: {
+        before?(_: {
+            valid: boolean;
+            invalid: boolean;
+            modelValue: string | number | boolean | unknown[] | Record<string, any> | undefined;
+        }): any;
+        after?(_: {
+            valid: boolean;
+            invalid: boolean;
+            modelValue: string | number | boolean | unknown[] | Record<string, any> | undefined;
+        }): any;
+        hint?(_: {
+            modelValue: unknown;
+            valid: boolean;
+            invalid: boolean;
+            loading: boolean;
+        }): any;
+        loading?(_: {
+            modelValue: unknown;
+            valid: boolean;
+            invalid: boolean;
+            loading: boolean;
+        }): any;
+        valid?(_: {
+            modelValue: unknown;
+            valid: boolean;
+            invalid: boolean;
+            loading: boolean;
+        }): any;
+        invalid?(_: {
+            modelValue: unknown;
+            valid: boolean;
+            invalid: boolean;
+            loading: boolean;
+        }): any;
+    };
+    attrs: any;
+    emit: ((evt: "update:modelValue", args_0: any) => void) & ((evt: "blur", args_0: import("@vueuse/core").MaybeElement) => void) & ((evt: "focus", args_0: import("@vueuse/core").MaybeElement) => void);
+} | undefined, __VLS_expose?: ((exposed: import('vue').ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
+    props: {
+        floating?: boolean | undefined;
+        readonly name?: string | undefined;
+        options?: T[] | undefined;
+        readonly size?: string | number | undefined;
+        label?: string | number | undefined;
+        disabled?: boolean | undefined;
+        modelValue?: string | number | boolean | unknown[] | Record<string, any> | undefined;
+        modifiers?: string | string[] | undefined;
+        readonly?: boolean | undefined;
+        readonly id?: string | number | undefined;
+        onFocus?: ((args_0: import("@vueuse/core").MaybeElement) => any) | undefined;
+        onBlur?: ((args_0: import("@vueuse/core").MaybeElement) => any) | undefined;
+        required?: boolean | undefined;
+        icon?: string | import("../VvIcon/index.js").VvIconProps | undefined;
+        iconPosition?: "before" | "after" | undefined;
+        loading?: boolean | undefined;
+        loadingLabel?: string | undefined;
+        unselectable?: boolean | undefined;
+        multiple?: boolean | undefined;
+        hintLabel?: string | undefined;
+        valid?: boolean | undefined;
+        validLabel?: string | unknown[] | undefined;
+        invalid?: boolean | undefined;
+        invalidLabel?: string | unknown[] | undefined;
+        tabindex?: string | number | undefined;
+        labelKey?: string | Function | undefined;
+        valueKey?: string | Function | undefined;
+        disabledKey?: string | Function | undefined;
+        "onUpdate:modelValue"?: ((args_0: any) => any) | undefined;
+        readonly placeholder?: string | undefined;
+        autocomplete?: string | undefined;
+        autofocus?: boolean | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        before?(_: {
+            valid: boolean;
+            invalid: boolean;
+            modelValue: string | number | boolean | unknown[] | Record<string, any> | undefined;
+        }): any;
+        after?(_: {
+            valid: boolean;
+            invalid: boolean;
+            modelValue: string | number | boolean | unknown[] | Record<string, any> | undefined;
+        }): any;
+        hint?(_: {
+            modelValue: unknown;
+            valid: boolean;
+            invalid: boolean;
+            loading: boolean;
+        }): any;
+        loading?(_: {
+            modelValue: unknown;
+            valid: boolean;
+            invalid: boolean;
+            loading: boolean;
+        }): any;
+        valid?(_: {
+            modelValue: unknown;
+            valid: boolean;
+            invalid: boolean;
+            loading: boolean;
+        }): any;
+        invalid?(_: {
+            modelValue: unknown;
+            valid: boolean;
+            invalid: boolean;
+            loading: boolean;
+        }): any;
+    };
+    emit: ((evt: "update:modelValue", args_0: any) => void) & ((evt: "blur", args_0: import("@vueuse/core").MaybeElement) => void) & ((evt: "focus", args_0: import("@vueuse/core").MaybeElement) => void);
+}>) => globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: {
+        props: {
+            floating?: boolean | undefined;
+            readonly name?: string | undefined;
+            options?: T[] | undefined;
+            readonly size?: string | number | undefined;
+            label?: string | number | undefined;
+            disabled?: boolean | undefined;
+            modelValue?: string | number | boolean | unknown[] | Record<string, any> | undefined;
+            modifiers?: string | string[] | undefined;
+            readonly?: boolean | undefined;
+            readonly id?: string | number | undefined;
+            onFocus?: ((args_0: import("@vueuse/core").MaybeElement) => any) | undefined;
+            onBlur?: ((args_0: import("@vueuse/core").MaybeElement) => any) | undefined;
+            required?: boolean | undefined;
+            icon?: string | import("../VvIcon/index.js").VvIconProps | undefined;
+            iconPosition?: "before" | "after" | undefined;
+            loading?: boolean | undefined;
+            loadingLabel?: string | undefined;
+            unselectable?: boolean | undefined;
+            multiple?: boolean | undefined;
+            hintLabel?: string | undefined;
+            valid?: boolean | undefined;
+            validLabel?: string | unknown[] | undefined;
+            invalid?: boolean | undefined;
+            invalidLabel?: string | unknown[] | undefined;
+            tabindex?: string | number | undefined;
+            labelKey?: string | Function | undefined;
+            valueKey?: string | Function | undefined;
+            disabledKey?: string | Function | undefined;
+            "onUpdate:modelValue"?: ((args_0: any) => any) | undefined;
+            readonly placeholder?: string | undefined;
+            autocomplete?: string | undefined;
+            autofocus?: boolean | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+        expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+        attrs: any;
+        slots: {
+            before?(_: {
+                valid: boolean;
+                invalid: boolean;
+                modelValue: string | number | boolean | unknown[] | Record<string, any> | undefined;
+            }): any;
+            after?(_: {
+                valid: boolean;
+                invalid: boolean;
+                modelValue: string | number | boolean | unknown[] | Record<string, any> | undefined;
+            }): any;
+            hint?(_: {
+                modelValue: unknown;
+                valid: boolean;
+                invalid: boolean;
+                loading: boolean;
+            }): any;
+            loading?(_: {
+                modelValue: unknown;
+                valid: boolean;
+                invalid: boolean;
+                loading: boolean;
+            }): any;
+            valid?(_: {
+                modelValue: unknown;
+                valid: boolean;
+                invalid: boolean;
+                loading: boolean;
+            }): any;
+            invalid?(_: {
+                modelValue: unknown;
+                valid: boolean;
+                invalid: boolean;
+                loading: boolean;
+            }): any;
+        };
+        emit: ((evt: "update:modelValue", args_0: any) => void) & ((evt: "blur", args_0: import("@vueuse/core").MaybeElement) => void) & ((evt: "focus", args_0: import("@vueuse/core").MaybeElement) => void);
+    } | undefined;
+};
+export default _default;
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/{components/VvSelect/VvSelect.vue.d.ts → src/components/VvSelect/index.d.ts}

@@ -1,12 +1,40 @@
-import type { Option } from '@/types/generic';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+import type { MaybeElement } from '@vueuse/core';
+import type { Option } from '../../types/generic';
+export type VvSelectEmits = {
+    'update:modelValue': [any];
+    'focus': [MaybeElement];
+    'blur': [MaybeElement];
+};
+export declare const VvSelectProps: {
+    /**
+     * This Boolean attribute indicates that multiple options can be selected in the list.
+     * If it is not specified, then only one option can be selected at a time.
+     * When multiple is specified, most browsers will show a scrolling list box instead of a single line dropdown.
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select#attr-multiple
+     */
     multiple: BooleanConstructor;
+    /**
+     * A Boolean attribute indicating that an option with a non-empty string value must be selected.
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select#attr-required
+     */
     required: BooleanConstructor;
+    /**
+     * If the control is presented as a scrolling list box (e.g. when multiple is specified),
+     * this attribute represents the number of rows in the list that should be visible at one time.
+     * Browsers are not required to present a select element as a scrolled list box. The default value is 0.
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select#attr-size
+     */
     size: (StringConstructor | NumberConstructor)[];
+    /**
+     * modelValue can be a string, number, boolean, object or array of string, number, boolean, object
+     */
     modelValue: {
         type: (ObjectConstructor | ArrayConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
         default: undefined;
     };
+    /**
+     * Select placeholder
+     */
     placeholder: StringConstructor;
     label: {
         type: (StringConstructor | NumberConstructor)[];
@@ -21,13 +49,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     icon: {
-        type: globalThis.PropType<string | import("../VvIcon/index.js").VvIconProps>;
+        type: globalThis.PropType<string | import("../VvIcon").VvIconProps>;
         default: undefined;
     };
     iconPosition: {
         type: globalThis.PropType<"before" | "after">;
-        default: import("../../constants.js").Position;
-        validation: (value: import("../../constants.js").Position) => boolean;
+        default: import("../../constants").Position;
+        validation: (value: import("../../constants").Position) => boolean;
     };
     options: {
         type: globalThis.PropType<(string | Option)[]>;
@@ -102,16 +130,41 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         required: boolean;
     };
     id: (StringConstructor | NumberConstructor)[];
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    [x: string]: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+};
+export declare function useVvSelectProps<T extends Option | string>(): {
+    options: {
+        type: globalThis.PropType<T[]>;
+        default: () => never[];
+    };
+    /**
+     * This Boolean attribute indicates that multiple options can be selected in the list.
+     * If it is not specified, then only one option can be selected at a time.
+     * When multiple is specified, most browsers will show a scrolling list box instead of a single line dropdown.
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select#attr-multiple
+     */
     multiple: BooleanConstructor;
+    /**
+     * A Boolean attribute indicating that an option with a non-empty string value must be selected.
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select#attr-required
+     */
     required: BooleanConstructor;
+    /**
+     * If the control is presented as a scrolling list box (e.g. when multiple is specified),
+     * this attribute represents the number of rows in the list that should be visible at one time.
+     * Browsers are not required to present a select element as a scrolled list box. The default value is 0.
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select#attr-size
+     */
     size: (StringConstructor | NumberConstructor)[];
+    /**
+     * modelValue can be a string, number, boolean, object or array of string, number, boolean, object
+     */
     modelValue: {
         type: (ObjectConstructor | ArrayConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
         default: undefined;
     };
+    /**
+     * Select placeholder
+     */
     placeholder: StringConstructor;
     label: {
         type: (StringConstructor | NumberConstructor)[];
@@ -126,17 +179,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     icon: {
-        type: globalThis.PropType<string | import("../VvIcon/index.js").VvIconProps>;
+        type: globalThis.PropType<string | import("../VvIcon").VvIconProps>;
         default: undefined;
     };
     iconPosition: {
         type: globalThis.PropType<"before" | "after">;
-        default: import("../../constants.js").Position;
-        validation: (value: import("../../constants.js").Position) => boolean;
-    };
-    options: {
-        type: globalThis.PropType<(string | Option)[]>;
-        default: () => never[];
+        default: import("../../constants").Position;
+        validation: (value: import("../../constants").Position) => boolean;
     };
     labelKey: {
         type: (StringConstructor | FunctionConstructor)[];
@@ -207,71 +256,4 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         required: boolean;
     };
     id: (StringConstructor | NumberConstructor)[];
-}>>, {
-    floating: boolean;
-    options: (string | Option)[];
-    label: string | number;
-    disabled: boolean;
-    modelValue: string | number | boolean | unknown[] | Record<string, any>;
-    modifiers: string | string[];
-    readonly: boolean;
-    required: boolean;
-    icon: string | import("../VvIcon/index.js").VvIconProps;
-    iconPosition: "before" | "after";
-    loading: boolean;
-    loadingLabel: string;
-    unselectable: boolean;
-    multiple: boolean;
-    hintLabel: string;
-    valid: boolean;
-    validLabel: string | unknown[];
-    invalid: boolean;
-    invalidLabel: string | unknown[];
-    tabindex: string | number;
-    labelKey: string | Function;
-    valueKey: string | Function;
-    disabledKey: string | Function;
-    autocomplete: string;
-    autofocus: boolean;
-}, {}>, {
-    before?(_: {
-        valid: boolean;
-        invalid: boolean;
-        modelValue: string | number | boolean | unknown[] | Record<string, any> | undefined;
-    }): any;
-    after?(_: {
-        valid: boolean;
-        invalid: boolean;
-        modelValue: string | number | boolean | unknown[] | Record<string, any> | undefined;
-    }): any;
-    hint?(_: {
-        modelValue: unknown;
-        valid: boolean;
-        invalid: boolean;
-        loading: boolean;
-    }): any;
-    loading?(_: {
-        modelValue: unknown;
-        valid: boolean;
-        invalid: boolean;
-        loading: boolean;
-    }): any;
-    valid?(_: {
-        modelValue: unknown;
-        valid: boolean;
-        invalid: boolean;
-        loading: boolean;
-    }): any;
-    invalid?(_: {
-        modelValue: unknown;
-        valid: boolean;
-        invalid: boolean;
-        loading: boolean;
-    }): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
 };

package/dist/{composables → src/composables}/useComponentFocus.d.ts

@@ -1,4 +1,4 @@
 import type { MaybeElement, MaybeElementRef } from '@vueuse/core';
-export declare function useComponentFocus(inputTemplateRef: MaybeElementRef<MaybeElement>, emit: (event: 'focus' | 'blur', value: unknown) => void): {
+export declare function useComponentFocus(inputTemplateRef: MaybeElementRef<MaybeElement>, emit: ((name: 'blur', ...args: any[]) => void) & ((name: 'focus', ...args: any[]) => void) & ((name: any, ...args: any[]) => void)): {
     focused: globalThis.Ref<boolean>;
 };

package/dist/src/composables/useOptions.d.ts

@@ -0,0 +1,8 @@
+import type { Option } from '../types/generic';
+export declare function useOptions(props: any): {
+    options: globalThis.Ref<any>;
+    getOptionLabel: <T extends string | Option>(option: T) => string;
+    getOptionValue: <T_1 extends string | Option>(option: T_1) => any;
+    isOptionDisabled: <T_2 extends string | Option>(option: T_2) => boolean;
+    getOptionGrouped: <T_3 extends string | Option>(option: T_3) => T_3[];
+};

package/dist/{types → src/types}/input-file.d.ts

@@ -2,14 +2,14 @@ export type UploadedFile<Source = undefined> = Source extends undefined ? {
     name: string;
     size: number;
     type: string;
-    url: string;
+    url?: string;
     thumbnailUrl?: string;
     lastModified?: number;
 } : {
     name: string;
     size: number;
     type: string;
-    url: string;
+    url?: string;
     thumbnailUrl?: string;
     lastModified?: number;
     source: Source;