@volverjs/ui-vue 0.0.13 → 0.0.14

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

@@ -0,0 +1,120 @@
+import type { PropType } from 'vue';
+import { DropdownRole } from '../../constants';
+export declare const VvDropdownProps: {
+    /**
+     * Show / hide dropdown programmatically
+     */
+    modelValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /**
+     * Dropdown trigger element
+     */
+    reference: {
+        type: PropType<HTMLElement | null>;
+        default: null;
+    };
+    /**
+     * Dropdown role
+     */
+    role: {
+        type: PropType<`${DropdownRole}`>;
+        default: DropdownRole;
+        validator: (value: DropdownRole) => boolean;
+    };
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+    placement: {
+        type: PropType<`${import("../../constants").Side}` | `${import("../../constants").Placement}`>;
+        default: import("../../constants").Side;
+        validator: (value: import("../../constants").Side & import("../../constants").Placement) => boolean;
+    };
+    strategy: {
+        type: PropType<`${import("../../constants").Strategy}`>;
+        default: undefined;
+        validator: (value: import("../../constants").Strategy) => boolean;
+    };
+    transitionName: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    offset: {
+        type: PropType<import("../..").OffsetOptions | number | string>;
+        default: number;
+    };
+    shift: {
+        type: PropType<import("../..").ShiftOptions | boolean>;
+        default: boolean;
+    };
+    flip: {
+        type: PropType<import("../..").FlipOptions | boolean>;
+        default: boolean;
+    };
+    size: {
+        type: PropType<import("../..").SizeOptions | boolean>;
+        default: () => {
+            padding: number;
+        };
+    };
+    autoPlacement: {
+        type: PropType<import("../..").AutoPlacementOptions | boolean>;
+        default: boolean;
+    };
+    arrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    keepOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autofocusFirst: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    triggerWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    id: (NumberConstructor | StringConstructor)[];
+};
+export declare const VvDropdownItemProps: {
+    focusOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export declare const VvDropdownOptionProps: {
+    deselectHintLabel: {
+        type: StringConstructor;
+    };
+    selectHintLabel: {
+        type: StringConstructor;
+    };
+    selectedHintLabel: {
+        type: StringConstructor;
+    };
+    focusOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+    unselectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};

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

@@ -0,0 +1,6 @@
+import type { VvIconProps } from '.';
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<VvIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VvIconProps> & Readonly<{}>, {
+    prefix: import(".").IconPrefix | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -0,0 +1,86 @@
+import type { IconifyIcon, IconifyRenderMode } from '@iconify/vue';
+export declare const ACTION_ICONS: {
+    readonly showPassword: "eye-on";
+    readonly hidePassword: "eye-off";
+    readonly showDatePicker: "calendar";
+    readonly showTimePicker: "time";
+    readonly showColorPicker: "color";
+    readonly clear: "close";
+    readonly add: "add";
+    readonly remove: "trash";
+    readonly edit: "edit";
+    readonly download: "download";
+};
+export declare enum IconPrefix {
+    simple = "simple",
+    normal = "normal",
+    detailed = "detailed"
+}
+export type VvIconProps = {
+    /**
+     * Icon name
+     * Can be the full composition of iconify name "@{provider}:{prefix}:{name}" or "{prefix}:{name}" or "{name}"
+     * https://docs.iconify.design/api/providers.html#provider-in-icon-name
+     */
+    name: string;
+    color?: string;
+    width?: string | number;
+    height?: string | number;
+    /**
+     * If custom collection is not added with "addCollection" DS class method, this prop could not be used
+     * Icon provider: https://docs.iconify.design/api/providers.html#provider-in-icon-name
+     */
+    provider?: string;
+    /**
+     * @default 'normal'
+     * The name of icon set.
+     * Icon default options prefix: simple | normal | detailed
+     */
+    prefix?: IconPrefix | string;
+    /**
+     * Url remote SVG icon
+     */
+    src?: string;
+    horizontalFlip?: boolean;
+    verticalFlip?: boolean;
+    /**
+     * String alternative to "horizontalFlip" and "verticalFlip".
+     * Example: https://docs.iconify.design/icon-components/vue/transform.html
+     */
+    flip?: string;
+    /**
+     * Icon render mode
+     * 'style' = 'bg' or 'mask', depending on icon content
+     * 'bg' = span with style using `background`
+     * 'mask' = span with style using `mask`
+     * 'svg' = svg
+     * Iconify doc: https://docs.iconify.design/iconify-icon/modes.html
+     */
+    mode?: IconifyRenderMode;
+    /**
+     * Toggles inline or block mode
+     * Example https://docs.iconify.design/icon-components/vue/inline.html
+     */
+    inline?: boolean;
+    /**
+     * rotates icon
+     * Example https://docs.iconify.design/icon-components/vue/transform.html
+     */
+    rotate?: number | string;
+    /**
+     * A callback that is called when icon data has been loaded
+     */
+    onLoad?: (icon: IconifyIcon) => void;
+    /**
+     * SVG icon string
+     */
+    svg?: string;
+    /**
+     * Icon modifiers: vv-icon css helper classes, value/s are concatened with prefix 'vv-icon--'
+     * @values string | string[]
+     */
+    modifiers?: string | string[];
+};
+export declare const VvIconPropsDefaults: {
+    prefix: IconPrefix;
+};

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

@@ -0,0 +1,361 @@
+import type { UploadedFile } from '../../types';
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
+    modelValue: {
+        type: PropType<File | UploadedFile | (File | UploadedFile)[]>;
+    };
+    progress: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    accept: {
+        type: StringConstructor;
+        default: string;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    capture: {
+        type: PropType<"user" | "environment">;
+        default: undefined;
+        validation: (value?: string) => boolean;
+    };
+    max: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    dropArea: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    sortable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hidePreview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelAdd: {
+        type: StringConstructor;
+        default: string;
+    };
+    iconAdd: {
+        type: PropType<string | import("../VvIcon").VvIconProps>;
+        default: "add";
+    };
+    labelReplace: {
+        type: StringConstructor;
+        default: string;
+    };
+    iconReplace: {
+        type: PropType<string | import("../VvIcon").VvIconProps>;
+        default: "edit";
+    };
+    labelDownload: {
+        type: StringConstructor;
+        default: string;
+    };
+    iconDownload: {
+        type: PropType<string | import("../VvIcon").VvIconProps>;
+        default: "download";
+    };
+    labelRemove: {
+        type: StringConstructor;
+        default: string;
+    };
+    icon: {
+        type: PropType<string | import("../VvIcon").VvIconProps>;
+        default: undefined;
+    };
+    iconPosition: {
+        type: PropType<`${import("../../constants").Position}`>;
+        default: import("../../constants").Position;
+        validation: (value: import("../../constants").Position) => boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadingLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    hintLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    invalidLabel: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    valid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    validLabel: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    id: (NumberConstructor | StringConstructor)[];
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    download: (args_0: File | UploadedFile) => any;
+    "update:modelValue": (args_0: File | UploadedFile | (File | UploadedFile)[] | undefined) => any;
+    remove: (args_0: File | UploadedFile) => any;
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    modelValue: {
+        type: PropType<File | UploadedFile | (File | UploadedFile)[]>;
+    };
+    progress: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    accept: {
+        type: StringConstructor;
+        default: string;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    capture: {
+        type: PropType<"user" | "environment">;
+        default: undefined;
+        validation: (value?: string) => boolean;
+    };
+    max: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    dropArea: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    sortable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hidePreview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelAdd: {
+        type: StringConstructor;
+        default: string;
+    };
+    iconAdd: {
+        type: PropType<string | import("../VvIcon").VvIconProps>;
+        default: "add";
+    };
+    labelReplace: {
+        type: StringConstructor;
+        default: string;
+    };
+    iconReplace: {
+        type: PropType<string | import("../VvIcon").VvIconProps>;
+        default: "edit";
+    };
+    labelDownload: {
+        type: StringConstructor;
+        default: string;
+    };
+    iconDownload: {
+        type: PropType<string | import("../VvIcon").VvIconProps>;
+        default: "download";
+    };
+    labelRemove: {
+        type: StringConstructor;
+        default: string;
+    };
+    icon: {
+        type: PropType<string | import("../VvIcon").VvIconProps>;
+        default: undefined;
+    };
+    iconPosition: {
+        type: PropType<`${import("../../constants").Position}`>;
+        default: import("../../constants").Position;
+        validation: (value: import("../../constants").Position) => boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadingLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    hintLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    invalidLabel: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    valid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    validLabel: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    id: (NumberConstructor | StringConstructor)[];
+}>> & Readonly<{
+    onDownload?: ((args_0: File | UploadedFile) => any) | undefined;
+    "onUpdate:modelValue"?: ((args_0: File | UploadedFile | (File | UploadedFile)[] | undefined) => any) | undefined;
+    onRemove?: ((args_0: File | UploadedFile) => any) | undefined;
+}>, {
+    icon: string | import("../VvIcon").VvIconProps;
+    modifiers: string | string[];
+    label: string | number;
+    disabled: boolean;
+    progress: string | number;
+    invalid: boolean;
+    iconPosition: "before" | "after";
+    required: boolean;
+    loading: boolean;
+    loadingLabel: string;
+    multiple: boolean;
+    readonly: boolean;
+    hintLabel: string;
+    invalidLabel: string | unknown[];
+    valid: boolean;
+    validLabel: string | unknown[];
+    placeholder: string;
+    accept: string;
+    capture: "user" | "environment";
+    max: string | number;
+    dropArea: boolean;
+    sortable: boolean;
+    hidePreview: boolean;
+    labelAdd: string;
+    iconAdd: string | import("../VvIcon").VvIconProps;
+    labelReplace: string;
+    iconReplace: string | import("../VvIcon").VvIconProps;
+    labelDownload: string;
+    iconDownload: string | import("../VvIcon").VvIconProps;
+    labelRemove: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    'drop-area'?: (props: {
+        previewSrc: string | undefined;
+        onClickDropArea: () => void;
+    }) => any;
+} & {
+    'file-list'?: (props: {
+        files: (File | UploadedFile)[];
+        selectedFileIndex: number;
+        onSelectIndex: (index: number) => void;
+        onRemoveIndex: (index: number) => void;
+        onDownloadFile: (file: File | UploadedFile) => void;
+        formatBytes: (bytes?: number, decimals?: number) => string | undefined;
+    }) => any;
+} & {
+    'file-item'?: (props: {
+        file: any;
+        index: any;
+        isSelected: boolean;
+        onRemoveIndex: (index: number) => void;
+        onDownloadFile: (file: File | UploadedFile) => void;
+        formatBytes: (bytes?: number, decimals?: number) => string | undefined;
+    }) => any;
+} & {
+    hint?: (props: {
+        modelValue: unknown;
+        valid: boolean;
+        invalid: boolean;
+        loading: boolean;
+    }) => any;
+} & {
+    loading?: (props: {
+        modelValue: unknown;
+        valid: boolean;
+        invalid: boolean;
+        loading: boolean;
+    }) => any;
+} & {
+    valid?: (props: {
+        modelValue: unknown;
+        valid: boolean;
+        invalid: boolean;
+        loading: boolean;
+    }) => any;
+} & {
+    invalid?: (props: {
+        modelValue: unknown;
+        valid: boolean;
+        invalid: boolean;
+        loading: boolean;
+    }) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};