@a-vision-software/vue-input-components 1.3.12 → 1.3.14

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

@@ -0,0 +1,60 @@
+interface ActionProps {
+    icon?: string;
+    label?: string;
+    href?: string;
+    type?: 'button' | 'submit' | 'reset';
+    disabled?: boolean;
+    color?: string;
+    size?: 'small' | 'regular' | 'large';
+    variant?: 'solid' | 'transparent';
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ActionProps>, {
+    icon: undefined;
+    label: undefined;
+    href: undefined;
+    type: string;
+    disabled: boolean;
+    color: string;
+    size: string;
+    variant: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ActionProps>, {
+    icon: undefined;
+    label: undefined;
+    href: undefined;
+    type: string;
+    disabled: boolean;
+    color: string;
+    size: string;
+    variant: string;
+}>>> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    disabled: boolean;
+    type: "reset" | "submit" | "button";
+    icon: string;
+    label: string;
+    href: string;
+    color: string;
+    size: "small" | "regular" | "large";
+    variant: "solid" | "transparent";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -0,0 +1,95 @@
+import { DropdownProps } from '../types/dropdown';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DropdownProps>, {
+    multiple: boolean;
+    placeholder: string;
+    filterable: boolean;
+    disabled: boolean;
+    maxHeight: string;
+    width: string;
+    color: string;
+    hoverColor: string;
+    activeColor: string;
+    disabledColor: string;
+    backgroundColor: string;
+    borderRadius: string;
+    padding: string;
+    icon: string;
+    iconSize: string;
+    required: boolean;
+    error: string;
+    label: string;
+    labelPosition: string;
+    labelAlign: string;
+    labelWidth: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | string[]) => void;
+    changed: () => void;
+    saved: () => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DropdownProps>, {
+    multiple: boolean;
+    placeholder: string;
+    filterable: boolean;
+    disabled: boolean;
+    maxHeight: string;
+    width: string;
+    color: string;
+    hoverColor: string;
+    activeColor: string;
+    disabledColor: string;
+    backgroundColor: string;
+    borderRadius: string;
+    padding: string;
+    icon: string;
+    iconSize: string;
+    required: boolean;
+    error: string;
+    label: string;
+    labelPosition: string;
+    labelAlign: string;
+    labelWidth: string;
+}>>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | string[]) => any) | undefined;
+    onChanged?: (() => any) | undefined;
+    onSaved?: (() => any) | undefined;
+}>, {
+    error: string;
+    disabled: boolean;
+    icon: string;
+    label: string;
+    color: string;
+    backgroundColor: string;
+    multiple: boolean;
+    placeholder: string;
+    filterable: boolean;
+    maxHeight: string;
+    width: string;
+    hoverColor: string;
+    activeColor: string;
+    disabledColor: string;
+    borderRadius: string;
+    padding: string;
+    iconSize: "large" | "normal";
+    required: boolean;
+    labelPosition: "top" | "left";
+    labelAlign: "left" | "center" | "right";
+    labelWidth: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -0,0 +1,27 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    icon?: string | undefined;
+    uploadUrl?: string | undefined;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "upload-complete": (files: File[]) => void;
+    "upload-error": (error: string) => void;
+    "files-selected": (files: File[]) => void;
+    "start-upload": (files: File[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    icon?: string | undefined;
+    uploadUrl?: string | undefined;
+}>>> & Readonly<{
+    "onUpload-complete"?: ((files: File[]) => any) | undefined;
+    "onUpload-error"?: ((error: string) => any) | undefined;
+    "onFiles-selected"?: ((files: File[]) => any) | undefined;
+    "onStart-upload"?: ((files: File[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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;
+    };
+};

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

@@ -0,0 +1,19 @@
+import { NavigationProps, NavigationItem } from '../types/navigation';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<NavigationProps>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:activeItem": (value: string) => void;
+    "item-click": (item: NavigationItem) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<NavigationProps>>> & Readonly<{
+    "onUpdate:activeItem"?: ((value: string) => any) | undefined;
+    "onItem-click"?: ((item: NavigationItem) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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;
+    };
+};

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

@@ -0,0 +1,95 @@
+import { TextInputProps } from '../types/textinput';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TextInputProps>, {
+    modelValue: string;
+    type: string;
+    placeholder: string;
+    label: string;
+    icon: undefined;
+    disabled: boolean;
+    readonly: boolean;
+    maxlength: undefined;
+    error: string;
+    min: undefined;
+    max: undefined;
+    labelPosition: string;
+    labelAlign: string;
+    labelWidth: string;
+    height: string;
+    maxHeight: string;
+    bgColor: string;
+    width: (props: any) => "100%" | "10rem";
+}>>, {
+    focus: () => void | undefined;
+    blur: () => void | undefined;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => void;
+    changed: () => void;
+    saved: () => void;
+    focus: () => void;
+    blur: () => void;
+    keydown: (event: KeyboardEvent) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TextInputProps>, {
+    modelValue: string;
+    type: string;
+    placeholder: string;
+    label: string;
+    icon: undefined;
+    disabled: boolean;
+    readonly: boolean;
+    maxlength: undefined;
+    error: string;
+    min: undefined;
+    max: undefined;
+    labelPosition: string;
+    labelAlign: string;
+    labelWidth: string;
+    height: string;
+    maxHeight: string;
+    bgColor: string;
+    width: (props: any) => "100%" | "10rem";
+}>>> & Readonly<{
+    onBlur?: (() => any) | undefined;
+    onFocus?: (() => any) | undefined;
+    onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onChanged?: (() => any) | undefined;
+    onSaved?: (() => any) | undefined;
+}>, {
+    error: string;
+    disabled: boolean;
+    max: string | Date;
+    type: "number" | "textarea" | "text" | "date" | "email" | "password" | "tel" | "url";
+    icon: string;
+    label: string;
+    modelValue: string;
+    placeholder: string;
+    maxHeight: string;
+    width: string;
+    labelPosition: "top" | "left";
+    labelAlign: "left" | "center" | "right";
+    labelWidth: string;
+    height: string;
+    readonly: boolean;
+    maxlength: number;
+    min: string | Date;
+    bgColor: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/src/index.d.ts

@@ -0,0 +1,8 @@
+import { default as TextInput } from './components/TextInput.vue';
+import { default as FileUpload } from './components/FileUpload.vue';
+import { default as Navigation } from './components/Navigation.vue';
+import { default as Action } from './components/Action.vue';
+import { default as Dropdown } from './components/Dropdown.vue';
+
+export { TextInput, FileUpload, Navigation, Action, Dropdown };
+export * from './types';

package/dist/src/main.d.ts

@@ -0,0 +1 @@
+

package/dist/src/router/index.d.ts

@@ -0,0 +1,2 @@
+declare const router: import('vue-router').Router;
+export default router;

package/dist/src/types/action.d.ts

@@ -0,0 +1,17 @@
+export interface ActionProps {
+    icon?: string;
+    label?: string;
+    href?: string;
+    type?: 'button' | 'submit' | 'reset';
+    disabled?: boolean;
+    color?: string;
+    size?: 'small' | 'regular' | 'large';
+    variant?: 'solid' | 'transparent';
+}
+export interface ActionEmits {
+    (e: 'click', event: MouseEvent): void;
+}
+export interface ActionComponent {
+    focus: () => void;
+    blur: () => void;
+}

package/dist/src/types/dropdown.d.ts

@@ -0,0 +1,31 @@
+export interface DropdownOption {
+    id: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface DropdownProps {
+    options: DropdownOption[];
+    modelValue: string | string[];
+    multiple?: boolean;
+    placeholder?: string;
+    filterable?: boolean;
+    disabled?: boolean;
+    maxHeight?: string;
+    width?: string;
+    color?: string;
+    hoverColor?: string;
+    activeColor?: string;
+    disabledColor?: string;
+    backgroundColor?: string;
+    borderRadius?: string;
+    padding?: string;
+    icon?: string;
+    iconSize?: 'normal' | 'large';
+    error?: string;
+    required?: boolean;
+    autosave?: (value: string | string[]) => Promise<void>;
+    label?: string;
+    labelPosition?: 'top' | 'left';
+    labelAlign?: 'left' | 'center' | 'right';
+    labelWidth?: string;
+}

package/dist/src/types/fileupload.d.ts

@@ -0,0 +1,24 @@
+export interface FileUploadProps {
+    modelValue: File[];
+    label?: string;
+    placeholder?: string;
+    error?: string;
+    disabled?: boolean;
+    required?: boolean;
+    multiple?: boolean;
+    accept?: string;
+    maxSize?: number;
+    uploadUrl?: string;
+}
+export interface FileUploadEmits {
+    (e: 'update:modelValue', files: File[]): void;
+    (e: 'files-selected', files: File[]): void;
+    (e: 'start-upload', files: File[]): void;
+    (e: 'upload-progress', progress: number): void;
+    (e: 'upload-success', response: any): void;
+    (e: 'upload-error', error: Error): void;
+}
+export interface FileUploadComponent {
+    focus: () => void;
+    blur: () => void;
+}

package/dist/src/types/index.d.ts

@@ -0,0 +1,8 @@
+import { NavigationProps, NavigationItem } from './navigation';
+
+export type { NavigationProps, NavigationItem };
+export * from './textinput';
+export * from './fileupload';
+export * from './action';
+export * from './navigation';
+export * from './dropdown';

package/dist/src/types/navigation.d.ts

@@ -0,0 +1,33 @@
+export interface NavigationItem {
+    id: string;
+    label: string;
+    url?: string;
+    icon?: string;
+    disabled?: boolean;
+    alignment?: 'left' | 'right' | 'start' | 'end';
+    width?: string;
+    children?: NavigationItem[];
+    hideExternalOpen?: boolean;
+    labelSize?: 'small' | 'normal' | 'large';
+}
+export interface NavigationProps {
+    items: NavigationItem[];
+    type?: 'tiles' | 'dropdowns';
+    orientation?: 'horizontal' | 'vertical';
+    activeItem?: string;
+    color?: string;
+    hoverColor?: string;
+    activeColor?: string;
+    disabledColor?: string;
+    gap?: string;
+    padding?: string;
+    borderRadius?: string;
+    height?: string;
+    width?: string;
+    backgroundColor?: string;
+    activeBackgroundColor?: string;
+    activeItemAlignment?: 'left' | 'right' | 'top' | 'bottom';
+    showBottomBorder?: boolean;
+    bottomBorderColor?: string;
+    iconSize?: 'normal' | 'large';
+}

package/dist/src/types/textinput.d.ts

@@ -0,0 +1,34 @@
+export interface TextInputProps {
+    modelValue: string;
+    type?: 'text' | 'textarea' | 'password' | 'email' | 'tel' | 'url' | 'date' | 'number';
+    placeholder?: string;
+    label?: string;
+    icon?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    maxlength?: number;
+    error?: string;
+    min?: Date | string;
+    max?: Date | string;
+    autosave?: (value: string) => Promise<void>;
+    labelPosition?: 'top' | 'left';
+    labelAlign?: 'left' | 'center' | 'right';
+    labelWidth?: string;
+    height?: string;
+    maxHeight?: string;
+    bgColor?: string;
+    width?: string;
+    required?: boolean;
+}
+export interface TextInputEmits {
+    (e: 'update:modelValue', value: string): void;
+    (e: 'changed'): void;
+    (e: 'saved'): void;
+    (e: 'focus'): void;
+    (e: 'blur'): void;
+    (e: 'keydown', event: KeyboardEvent): void;
+}
+export interface TextInputComponent {
+    focus: () => void;
+    blur: () => void;
+}