@volverjs/ui-vue 0.0.1-beta.6 → 0.0.1

package/dist/components/VvTextarea/VvTextarea.vue.d.ts

@@ -1,314 +1,188 @@
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            disabled: boolean;
-            readonly: boolean;
-            icon: string;
-            iconPosition: string;
-            loading: boolean;
-            error: boolean;
-            valid: boolean;
-            hintLabel: string;
-            autocomplete: string;
-            autofocus: boolean;
-            floating: boolean;
-            cols: number;
-            rows: number;
-            wrap: string;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            modelValue: null;
-            id: StringConstructor;
-            name: {
-                type: StringConstructor;
-                required: boolean;
-            };
-            autocomplete: {
-                type: StringConstructor;
-                default: string;
-            };
-            autofocus: BooleanConstructor;
-            minlength: NumberConstructor;
-            maxlength: NumberConstructor;
-            label: StringConstructor;
-            placeholder: StringConstructor;
-            icon: {
-                type: StringConstructor;
-                default: string;
-            };
-            iconPosition: {
-                type: StringConstructor;
-                validation: (value: string) => boolean;
-                default: string;
-            };
-            floating: BooleanConstructor;
-            debounce: NumberConstructor;
-            cols: {
-                type: NumberConstructor;
-                default: number;
-            };
-            rows: {
-                type: NumberConstructor;
-                default: number;
-            };
-            wrap: {
-                type: StringConstructor;
-                default: string;
-            };
-            readonly: BooleanConstructor;
-            disabled: BooleanConstructor;
-            loading: BooleanConstructor;
-            loadingLabel: StringConstructor;
-            hintLabel: {
-                type: StringConstructor;
-                default: string;
-            };
-            error: BooleanConstructor;
-            errorLabel: (StringConstructor | ArrayConstructor)[];
-            valid: BooleanConstructor;
-            validLabel: (StringConstructor | ArrayConstructor)[];
-        }>> & {
-            [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "readonly" | "icon" | "iconPosition" | "loading" | "error" | "valid" | "hintLabel" | "autocomplete" | "autofocus" | "floating" | "cols" | "rows" | "wrap">;
-        $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<{
-            modelValue: null;
-            id: StringConstructor;
-            name: {
-                type: StringConstructor;
-                required: boolean;
-            };
-            autocomplete: {
-                type: StringConstructor;
-                default: string;
-            };
-            autofocus: BooleanConstructor;
-            minlength: NumberConstructor;
-            maxlength: NumberConstructor;
-            label: StringConstructor;
-            placeholder: StringConstructor;
-            icon: {
-                type: StringConstructor;
-                default: string;
-            };
-            iconPosition: {
-                type: StringConstructor;
-                validation: (value: string) => boolean;
-                default: string;
-            };
-            floating: BooleanConstructor;
-            debounce: NumberConstructor;
-            cols: {
-                type: NumberConstructor;
-                default: number;
-            };
-            rows: {
-                type: NumberConstructor;
-                default: number;
-            };
-            wrap: {
-                type: StringConstructor;
-                default: string;
-            };
-            readonly: BooleanConstructor;
-            disabled: BooleanConstructor;
-            loading: BooleanConstructor;
-            loadingLabel: StringConstructor;
-            hintLabel: {
-                type: StringConstructor;
-                default: string;
-            };
-            error: BooleanConstructor;
-            errorLabel: (StringConstructor | ArrayConstructor)[];
-            valid: BooleanConstructor;
-            validLabel: (StringConstructor | ArrayConstructor)[];
-        }>> & {
-            [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
-            disabled: boolean;
-            readonly: boolean;
-            icon: string;
-            iconPosition: string;
-            loading: boolean;
-            error: boolean;
-            valid: boolean;
-            hintLabel: string;
-            autocomplete: string;
-            autofocus: boolean;
-            floating: boolean;
-            cols: number;
-            rows: number;
-            wrap: 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<{
-        modelValue: null;
-        id: StringConstructor;
-        name: {
-            type: StringConstructor;
-            required: boolean;
-        };
-        autocomplete: {
-            type: StringConstructor;
-            default: string;
-        };
-        autofocus: BooleanConstructor;
-        minlength: NumberConstructor;
-        maxlength: NumberConstructor;
-        label: StringConstructor;
-        placeholder: StringConstructor;
-        icon: {
-            type: StringConstructor;
-            default: string;
-        };
-        iconPosition: {
-            type: StringConstructor;
-            validation: (value: string) => boolean;
-            default: string;
-        };
-        floating: BooleanConstructor;
-        debounce: NumberConstructor;
-        cols: {
-            type: NumberConstructor;
-            default: number;
-        };
-        rows: {
-            type: NumberConstructor;
-            default: number;
-        };
-        wrap: {
-            type: StringConstructor;
-            default: string;
-        };
-        readonly: BooleanConstructor;
-        disabled: BooleanConstructor;
-        loading: BooleanConstructor;
-        loadingLabel: StringConstructor;
-        hintLabel: {
-            type: StringConstructor;
-            default: string;
-        };
-        error: BooleanConstructor;
-        errorLabel: (StringConstructor | ArrayConstructor)[];
-        valid: BooleanConstructor;
-        validLabel: (StringConstructor | ArrayConstructor)[];
-    }>> & {
-        [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    modelValue: null;
-    id: StringConstructor;
-    name: {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    modelValue: StringConstructor;
+    cols: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    rows: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    wrap: {
         type: StringConstructor;
-        required: boolean;
+        default: string;
+    };
+    spellcheck: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: string;
     };
+    resizable: BooleanConstructor;
+    autofocus: BooleanConstructor;
     autocomplete: {
         type: StringConstructor;
         default: string;
     };
-    autofocus: BooleanConstructor;
     minlength: NumberConstructor;
     maxlength: NumberConstructor;
-    label: StringConstructor;
     placeholder: StringConstructor;
+    required: BooleanConstructor;
+    label: StringConstructor;
+    floating: BooleanConstructor;
     icon: {
-        type: StringConstructor;
-        default: string;
+        type: (ObjectConstructor | StringConstructor)[];
     };
     iconPosition: {
+        type: import("vue").PropType<import("../../props/index.js").IconPosition>;
+        validation: (value: import("../../props/index.js").IconPosition) => boolean;
+        default: "right";
+    };
+    debounce: (StringConstructor | NumberConstructor)[];
+    count: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+        validator: (value: string) => boolean;
+    };
+    modifiers: import("vue").PropType<string | string[]>;
+    loading: BooleanConstructor;
+    loadingLabel: StringConstructor;
+    hintLabel: {
         type: StringConstructor;
-        validation: (value: string) => boolean;
         default: string;
     };
-    floating: BooleanConstructor;
-    debounce: NumberConstructor;
+    invalid: BooleanConstructor;
+    invalidLabel: (ArrayConstructor | StringConstructor)[];
+    valid: BooleanConstructor;
+    validLabel: (ArrayConstructor | StringConstructor)[];
+    readonly: BooleanConstructor;
+    disabled: BooleanConstructor;
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    id: (StringConstructor | NumberConstructor)[];
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: StringConstructor;
     cols: {
-        type: NumberConstructor;
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     rows: {
-        type: NumberConstructor;
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     wrap: {
         type: StringConstructor;
         default: string;
     };
-    readonly: BooleanConstructor;
-    disabled: BooleanConstructor;
+    spellcheck: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: string;
+    };
+    resizable: BooleanConstructor;
+    autofocus: BooleanConstructor;
+    autocomplete: {
+        type: StringConstructor;
+        default: string;
+    };
+    minlength: NumberConstructor;
+    maxlength: NumberConstructor;
+    placeholder: StringConstructor;
+    required: BooleanConstructor;
+    label: StringConstructor;
+    floating: BooleanConstructor;
+    icon: {
+        type: (ObjectConstructor | StringConstructor)[];
+    };
+    iconPosition: {
+        type: import("vue").PropType<import("../../props/index.js").IconPosition>;
+        validation: (value: import("../../props/index.js").IconPosition) => boolean;
+        default: "right";
+    };
+    debounce: (StringConstructor | NumberConstructor)[];
+    count: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+        validator: (value: string) => boolean;
+    };
+    modifiers: import("vue").PropType<string | string[]>;
     loading: BooleanConstructor;
     loadingLabel: StringConstructor;
     hintLabel: {
         type: StringConstructor;
         default: string;
     };
-    error: BooleanConstructor;
-    errorLabel: (StringConstructor | ArrayConstructor)[];
+    invalid: BooleanConstructor;
+    invalidLabel: (ArrayConstructor | StringConstructor)[];
     valid: BooleanConstructor;
-    validLabel: (StringConstructor | ArrayConstructor)[];
+    validLabel: (ArrayConstructor | StringConstructor)[];
+    readonly: BooleanConstructor;
+    disabled: BooleanConstructor;
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    id: (StringConstructor | NumberConstructor)[];
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
 }>> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
+}, {
     disabled: boolean;
-    readonly: boolean;
-    icon: string;
-    iconPosition: string;
+    required: boolean;
+    iconPosition: import("../../props/index.js").IconPosition;
     loading: boolean;
-    error: boolean;
-    valid: boolean;
+    readonly: boolean;
     hintLabel: string;
-    autocomplete: string;
+    invalid: boolean;
+    valid: boolean;
+    tabindex: string | number;
     autofocus: boolean;
+    autocomplete: string;
     floating: boolean;
-    cols: number;
-    rows: number;
+    count: string | boolean;
+    cols: string | number;
+    rows: string | number;
     wrap: string;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {
-        'icon-left': (_: {
-            valid: boolean;
-            error: boolean;
-            modelValue: any;
-        }) => any;
-        'icon-right': (_: {
-            valid: boolean;
-            error: boolean;
-            modelValue: any;
-        }) => any;
-    };
-});
+    spellcheck: string | boolean;
+    resizable: boolean;
+}>, {
+    before: (_: {
+        valid: boolean;
+        invalid: boolean;
+        modelValue: string | undefined;
+        hintLabel: string;
+        maxlength: number | undefined;
+        minlength: number | undefined;
+        clear: () => void;
+    }) => any;
+    after: (_: {
+        valid: boolean;
+        invalid: boolean;
+        modelValue: string | undefined;
+        hintLabel: string;
+        maxlength: number | undefined;
+        minlength: number | undefined;
+        clear: () => void;
+    }) => any;
+    count: (_: {
+        valid: boolean;
+        invalid: boolean;
+        modelValue: string | undefined;
+        hintLabel: string;
+        maxlength: number | undefined;
+        minlength: number | undefined;
+        clear: () => void;
+    }) => any;
+}>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/VvTextarea/index.d.ts

@@ -0,0 +1,102 @@
+import type { ExtractPropTypes } from 'vue';
+export declare const WRAP: {
+    hard: string;
+    soft: string;
+};
+export declare const SPELLCHECK: {
+    true: boolean;
+    false: boolean;
+    default: string;
+};
+export declare const VvTextareaEvents: string[];
+export declare const VvTextareaProps: {
+    /**
+     * Textarea value
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#value
+     */
+    modelValue: StringConstructor;
+    /**
+     * The visible width of the text control, in average character widths. If it is specified, it must be a positive integer. If it is not specified, the default value is 20.
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#cols
+     */
+    cols: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    /**
+     * The number of visible text lines for the control. If it is specified, it must be a positive integer. If it is not specified, the default value is 2.
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#rows
+     */
+    rows: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    /**
+     * Indicates how the control should wrap the value for form submission.
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#wrap
+     */
+    wrap: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Specifies whether the <textarea> is subject to spell checking by the underlying browser/OS.
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#wrap
+     */
+    spellcheck: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: string;
+    };
+    /**
+     * If true, the textarea will be resizable
+     */
+    resizable: BooleanConstructor;
+    autofocus: BooleanConstructor;
+    autocomplete: {
+        type: StringConstructor;
+        default: string;
+    };
+    minlength: NumberConstructor;
+    maxlength: NumberConstructor;
+    placeholder: StringConstructor;
+    required: BooleanConstructor;
+    label: StringConstructor;
+    floating: BooleanConstructor;
+    icon: {
+        type: (ObjectConstructor | StringConstructor)[];
+    };
+    iconPosition: {
+        type: import("vue").PropType<import("@/props").IconPosition>;
+        validation: (value: import("@/props").IconPosition) => boolean;
+        default: "right";
+    };
+    debounce: (StringConstructor | NumberConstructor)[];
+    count: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+        validator: (value: string) => boolean;
+    };
+    modifiers: import("vue").PropType<string | string[]>;
+    loading: BooleanConstructor;
+    loadingLabel: StringConstructor;
+    hintLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    invalid: BooleanConstructor;
+    invalidLabel: (ArrayConstructor | StringConstructor)[];
+    valid: BooleanConstructor;
+    validLabel: (ArrayConstructor | StringConstructor)[];
+    readonly: BooleanConstructor;
+    disabled: BooleanConstructor;
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    id: (StringConstructor | NumberConstructor)[];
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+};
+export type VvTextareaPropsTypes = ExtractPropTypes<typeof VvTextareaProps>;

package/dist/components/common/HintSlot.d.ts

@@ -1,4 +1,4 @@
-import { type Component, type ExtractPropTypes, type Slots } from 'vue';
+import { type Component, type ExtractPropTypes, type Slots, type Ref } from 'vue';
 interface HintSlotProps {
     hintLabel: {
         type: StringConstructor;
@@ -8,8 +8,8 @@ interface HintSlotProps {
     modelValue: null;
     valid: BooleanConstructor;
     validLabel: (StringConstructor | ArrayConstructor)[];
-    error: BooleanConstructor;
-    errorLabel: (StringConstructor | ArrayConstructor)[];
+    invalid: BooleanConstructor;
+    invalidLabel: (StringConstructor | ArrayConstructor)[];
 }
 interface HintSlotPropsWithLoading extends HintSlotProps {
     loading: BooleanConstructor;
@@ -17,9 +17,15 @@ interface HintSlotPropsWithLoading extends HintSlotProps {
 }
 /**
  * Return a vue component (HintSlot) to render and manage hint, errors, valid, loading state and messages
- * @param {Readonly<ExtractPropTypes<HintSlotProps | HintSlotPropsWithLoading>>} pProps vue props
- * @param {Slots} pSlots vue slots
+ * @param {Readonly<ExtractPropTypes<HintSlotProps | HintSlotPropsWithLoading>>} parentProps vue props
+ * @param {Slots} parentSlots vue slots
  * @returns {Component} vue component
  */
-export declare function HintSlotFactory(pProps: Readonly<ExtractPropTypes<HintSlotProps | HintSlotPropsWithLoading>>, pSlots: Slots): Component;
+export declare function HintSlotFactory(parentProps: Readonly<ExtractPropTypes<HintSlotProps | HintSlotPropsWithLoading>>, parentSlots: Slots): {
+    HintSlot: Component;
+    hasHint: Ref<boolean>;
+    hasInvalid: Ref<boolean>;
+    hasValid: Ref<boolean>;
+    hasLoading: Ref<boolean>;
+};
 export default HintSlotFactory;

package/dist/components/index.d.ts

@@ -1,12 +1,19 @@
-export { default as VvButton } from '@/components/VvButton/VvButton.vue';
-export { default as VvIcon } from '@/components/VvIcon/VvIcon.vue';
-export { default as VvBadge } from '@/components/VvBadge/VvBadge.vue';
-export { default as VvButtonGroup } from '@/components/VvButtonGroup/VvButtonGroup.vue';
-export { default as VvAccordion } from '@/components/VvAccordion/VvAccordion.vue';
-export { default as VvAccordionGroup } from '@/components/VvAccordionGroup/VvAccordionGroup.vue';
-export { default as VvBreadcrumb } from '@/components/VvBreadcrumb/VvBreadcrumb.vue';
-export { default as VvCard } from '@/components/VvCard/VvCard.vue';
-export { default as VvCheck } from '@/components/VvCheck/VvCheck.vue';
-export { default as VvCheckGroup } from '@/components/VvCheckGroup/VvCheckGroup.vue';
-export { default as VvDialog } from '@/components/VvDialog/VvDialog.vue';
-export { default as VvDropdown } from '@/components/VvDropdown/VvDropdown.vue';
+export { default as VvAccordion } from './VvAccordion/VvAccordion.vue';
+export { default as VvAccordionGroup } from './VvAccordionGroup/VvAccordionGroup.vue';
+export { default as VvBadge } from './VvBadge/VvBadge.vue';
+export { default as VvBreadcrumb } from './VvBreadcrumb/VvBreadcrumb.vue';
+export { default as VvButton } from './VvButton/VvButton.vue';
+export { default as VvButtonGroup } from './VvButtonGroup/VvButtonGroup.vue';
+export { default as VvCard } from './VvCard/VvCard.vue';
+export { default as VvCheckbox } from './VvCheckbox/VvCheckbox.vue';
+export { default as VvCheckboxGroup } from './VvCheckboxGroup/VvCheckboxGroup.vue';
+export { default as VvCombobox } from './VvCombobox/VvCombobox.vue';
+export { default as VvDialog } from './VvDialog/VvDialog.vue';
+export { default as VvDropdown } from './VvDropdown/VvDropdown.vue';
+export { default as VvIcon } from './VvIcon/VvIcon.vue';
+export { default as VvInputText } from './VvInputText/VvInputText.vue';
+export { default as VvProgress } from './VvProgress/VvProgress.vue';
+export { default as VvRadio } from './VvRadio/VvRadio.vue';
+export { default as VvRadioGroup } from './VvRadioGroup/VvRadioGroup.vue';
+export { default as VvSelect } from './VvSelect/VvSelect.vue';
+export { default as VvTextarea } from './VvTextarea/VvTextarea.vue';