@opendesign-plus/components 0.0.1-rc.34 → 0.0.1-rc.36

package/dist/treeshaking/components/search/internal/SearchImageInput.vue.d.ts

@@ -0,0 +1,736 @@
+import { nextTick } from 'vue';
+import { OSearchUploadImageFn } from '../types';
+export interface SearchImageInputPropsT {
+    modelValue?: string;
+    imageUrl?: string;
+    placeholder?: string;
+    imagePlaceholder?: string;
+    size?: 'small' | 'medium' | 'large';
+    enableImageSearch?: boolean;
+    uploadImage?: OSearchUploadImageFn;
+    maxImageSize?: number;
+    imageUploadTooltip?: string;
+    /** Show preview block below input when true and image staged */
+    expanded?: boolean;
+    /** Whether to render the clear icon when there is content */
+    clearable?: boolean;
+    /** Show the right suffix area (upload + clear). When false, suffix is empty. */
+    showSuffix?: boolean;
+    /** When true, render thumbnail inline inside prefix area (compact mode) */
+    inlineThumbnail?: boolean;
+    preview?: boolean;
+    disabled?: boolean;
+    allowedImageTypes?: string[];
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        prefix?(_: {}): any;
+        suffix?(_: {
+            hasValue: boolean;
+        }): any;
+        preview?(_: {
+            previewUrl: string;
+            remove: () => void;
+        }): any;
+    };
+    refs: {
+        inputRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                color: "normal" | "primary" | "success" | "warning" | "danger";
+                type: "text" | "password";
+                disabled: boolean;
+                variant: "solid" | "outline" | "text";
+                clearable: boolean;
+                readonly: boolean;
+                noKeyboard: boolean;
+                showLength: "auto" | "always" | "never";
+                inputOnOutlimit: boolean;
+                showPasswordEvent: "click" | "pointerdown";
+                autoWidth: boolean;
+                passwordPlaceholder: string;
+                onlyNumericInput: boolean;
+            }> & Omit<{
+                readonly type: "text" | "password";
+                readonly color: "danger" | "warning" | "success" | "primary" | "normal";
+                readonly variant: "solid" | "outline" | "text";
+                readonly disabled: boolean;
+                readonly readonly: boolean;
+                readonly noKeyboard: boolean;
+                readonly clearable: boolean;
+                readonly showLength: "auto" | "always" | "never";
+                readonly inputOnOutlimit: boolean;
+                readonly showPasswordEvent: "click" | "pointerdown";
+                readonly autoWidth: boolean;
+                readonly passwordPlaceholder: string;
+                readonly onlyNumericInput: boolean;
+                readonly size?: "small" | "large" | "medium" | undefined;
+                readonly round?: import('@opensig/opendesign').RoundT | undefined;
+                readonly modelValue?: string | number | undefined;
+                readonly defaultValue?: string | number | undefined;
+                readonly placeholder?: string | undefined;
+                readonly inputId?: string | undefined;
+                readonly minLength?: number | undefined;
+                readonly maxLength?: number | undefined;
+                readonly getLength?: ((val: string) => number) | undefined;
+                readonly format?: ((value: string) => string) | undefined;
+                readonly validate?: ((value: string) => boolean) | undefined;
+                readonly valueOnInvalidChange?: boolean | ((inputValue: string, lastValidInputValue: string) => string) | undefined;
+                readonly onInput?: ((evt: Event, value: string) => any) | undefined | undefined;
+                readonly onClear?: ((evt?: Event | undefined) => any) | undefined | undefined;
+                readonly onBlur?: ((evt: FocusEvent) => any) | undefined | undefined;
+                readonly onChange?: ((value: string) => any) | undefined | undefined;
+                readonly onFocus?: ((evt: FocusEvent) => any) | undefined | undefined;
+                readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined | undefined;
+                readonly onPressEnter?: ((evt: KeyboardEvent) => any) | undefined | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "type" | "color" | "variant" | "disabled" | "readonly" | "noKeyboard" | "clearable" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput">;
+            $attrs: import('vue').Attrs;
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "change", value: string) => void) & ((event: "input", evt: Event, value: string) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "clear", evt?: Event | undefined) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "pressEnter", evt: KeyboardEvent) => void);
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+                size: {
+                    type: import('vue').PropType<import('@opensig/opendesign').SizeT>;
+                };
+                round: {
+                    type: import('vue').PropType<import('@opensig/opendesign').RoundT>;
+                };
+                color: {
+                    type: import('vue').PropType<import('@opensig/opendesign').Color2T>;
+                    default: string;
+                };
+                variant: {
+                    type: import('vue').PropType<import('@opensig/opendesign').VariantT>;
+                    default: string;
+                };
+                modelValue: {
+                    type: (NumberConstructor | StringConstructor)[];
+                };
+                defaultValue: {
+                    type: (NumberConstructor | StringConstructor)[];
+                };
+                type: {
+                    type: import('vue').PropType<"text" | "password">;
+                    default: string;
+                };
+                placeholder: {
+                    type: StringConstructor;
+                };
+                inputId: {
+                    type: StringConstructor;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                };
+                readonly: {
+                    type: BooleanConstructor;
+                };
+                noKeyboard: {
+                    type: BooleanConstructor;
+                };
+                clearable: {
+                    type: BooleanConstructor;
+                };
+                minLength: {
+                    type: NumberConstructor;
+                };
+                maxLength: {
+                    type: NumberConstructor;
+                };
+                showLength: {
+                    type: import('vue').PropType<"always" | "auto" | "never">;
+                    default: string;
+                };
+                getLength: {
+                    type: import('vue').PropType<(val: string) => number>;
+                };
+                inputOnOutlimit: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                format: {
+                    type: import('vue').PropType<(value: string) => string>;
+                };
+                validate: {
+                    type: import('vue').PropType<(value: string) => boolean>;
+                };
+                valueOnInvalidChange: {
+                    type: import('vue').PropType<boolean | ((inputValue: string, lastValidInputValue: string) => string)>;
+                };
+                showPasswordEvent: {
+                    type: import('vue').PropType<"click" | "pointerdown">;
+                    default: string;
+                };
+                autoWidth: {
+                    type: BooleanConstructor;
+                };
+                passwordPlaceholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                onlyNumericInput: {
+                    type: BooleanConstructor;
+                };
+            }>> & Readonly<{
+                onInput?: ((evt: Event, value: string) => any) | undefined;
+                onClear?: ((evt?: Event | undefined) => any) | undefined;
+                onBlur?: ((evt: FocusEvent) => any) | undefined;
+                onChange?: ((value: string) => any) | undefined;
+                onFocus?: ((evt: FocusEvent) => any) | undefined;
+                "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
+            }>, {
+                focus: () => void | undefined;
+                blur: () => void | undefined;
+                clear: () => void | undefined;
+                inputEl: () => HTMLInputElement | HTMLTextAreaElement | undefined;
+                togglePassword: () => void | undefined;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                input: (evt: Event, value: string) => any;
+                clear: (evt?: Event | undefined) => any;
+                blur: (evt: FocusEvent) => any;
+                change: (value: string) => any;
+                focus: (evt: FocusEvent) => any;
+                "update:modelValue": (value: string) => any;
+                pressEnter: (evt: KeyboardEvent) => any;
+            }, string, {
+                color: "normal" | "primary" | "success" | "warning" | "danger";
+                type: "text" | "password";
+                disabled: boolean;
+                variant: "solid" | "outline" | "text";
+                clearable: boolean;
+                readonly: boolean;
+                noKeyboard: boolean;
+                showLength: "auto" | "always" | "never";
+                inputOnOutlimit: boolean;
+                showPasswordEvent: "click" | "pointerdown";
+                autoWidth: boolean;
+                passwordPlaceholder: string;
+                onlyNumericInput: boolean;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            color: "normal" | "primary" | "success" | "warning" | "danger";
+            type: "text" | "password";
+            disabled: boolean;
+            variant: "solid" | "outline" | "text";
+            clearable: boolean;
+            readonly: boolean;
+            noKeyboard: boolean;
+            showLength: "auto" | "always" | "never";
+            inputOnOutlimit: boolean;
+            showPasswordEvent: "click" | "pointerdown";
+            autoWidth: boolean;
+            passwordPlaceholder: string;
+            onlyNumericInput: boolean;
+        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+            size: {
+                type: import('vue').PropType<import('@opensig/opendesign').SizeT>;
+            };
+            round: {
+                type: import('vue').PropType<import('@opensig/opendesign').RoundT>;
+            };
+            color: {
+                type: import('vue').PropType<import('@opensig/opendesign').Color2T>;
+                default: string;
+            };
+            variant: {
+                type: import('vue').PropType<import('@opensig/opendesign').VariantT>;
+                default: string;
+            };
+            modelValue: {
+                type: (NumberConstructor | StringConstructor)[];
+            };
+            defaultValue: {
+                type: (NumberConstructor | StringConstructor)[];
+            };
+            type: {
+                type: import('vue').PropType<"text" | "password">;
+                default: string;
+            };
+            placeholder: {
+                type: StringConstructor;
+            };
+            inputId: {
+                type: StringConstructor;
+            };
+            disabled: {
+                type: BooleanConstructor;
+            };
+            readonly: {
+                type: BooleanConstructor;
+            };
+            noKeyboard: {
+                type: BooleanConstructor;
+            };
+            clearable: {
+                type: BooleanConstructor;
+            };
+            minLength: {
+                type: NumberConstructor;
+            };
+            maxLength: {
+                type: NumberConstructor;
+            };
+            showLength: {
+                type: import('vue').PropType<"always" | "auto" | "never">;
+                default: string;
+            };
+            getLength: {
+                type: import('vue').PropType<(val: string) => number>;
+            };
+            inputOnOutlimit: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            format: {
+                type: import('vue').PropType<(value: string) => string>;
+            };
+            validate: {
+                type: import('vue').PropType<(value: string) => boolean>;
+            };
+            valueOnInvalidChange: {
+                type: import('vue').PropType<boolean | ((inputValue: string, lastValidInputValue: string) => string)>;
+            };
+            showPasswordEvent: {
+                type: import('vue').PropType<"click" | "pointerdown">;
+                default: string;
+            };
+            autoWidth: {
+                type: BooleanConstructor;
+            };
+            passwordPlaceholder: {
+                type: StringConstructor;
+                default: string;
+            };
+            onlyNumericInput: {
+                type: BooleanConstructor;
+            };
+        }>> & Readonly<{
+            onInput?: ((evt: Event, value: string) => any) | undefined;
+            onClear?: ((evt?: Event | undefined) => any) | undefined;
+            onBlur?: ((evt: FocusEvent) => any) | undefined;
+            onChange?: ((value: string) => any) | undefined;
+            onFocus?: ((evt: FocusEvent) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
+        }>, "blur" | "focus" | "type" | "color" | "variant" | "disabled" | "clear" | "readonly" | "noKeyboard" | "clearable" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput" | "inputEl" | "togglePassword"> & {
+            focus: () => void | undefined;
+            blur: () => void | undefined;
+            clear: () => void | undefined;
+            inputEl: () => HTMLInputElement | HTMLTextAreaElement | undefined;
+            togglePassword: () => void | undefined;
+        } & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: Readonly<{
+                default(): any;
+                prepend(): any;
+                append(): any;
+                prefix(): any;
+                suffix(): any;
+            }> & {
+                default(): any;
+                prepend(): any;
+                append(): any;
+                prefix(): any;
+                suffix(): any;
+            };
+        }) | null;
+        uploadBtnRef: HTMLSpanElement;
+        fileInputRef: HTMLInputElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<SearchImageInputPropsT, {
+    focus: () => void | undefined;
+    blur: () => void | undefined;
+    awaitUpload: () => Promise<void>;
+    getUploadedUrl: () => string;
+    getIsUploading: () => boolean;
+    resetImage: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    [x: string]: any;
+} & {
+    [x: string]: any;
+}, string, import('vue').PublicProps, Readonly<SearchImageInputPropsT> & Readonly<{
+    [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
+}>, {
+    size: "small" | "medium" | "large";
+    disabled: boolean;
+    modelValue: string;
+    clearable: boolean;
+    expanded: boolean;
+    preview: boolean;
+    imageUrl: string;
+    enableImageSearch: boolean;
+    maxImageSize: number;
+    showSuffix: boolean;
+    inlineThumbnail: boolean;
+    allowedImageTypes: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            color: "normal" | "primary" | "success" | "warning" | "danger";
+            type: "text" | "password";
+            disabled: boolean;
+            variant: "solid" | "outline" | "text";
+            clearable: boolean;
+            readonly: boolean;
+            noKeyboard: boolean;
+            showLength: "auto" | "always" | "never";
+            inputOnOutlimit: boolean;
+            showPasswordEvent: "click" | "pointerdown";
+            autoWidth: boolean;
+            passwordPlaceholder: string;
+            onlyNumericInput: boolean;
+        }> & Omit<{
+            readonly type: "text" | "password";
+            readonly color: "danger" | "warning" | "success" | "primary" | "normal";
+            readonly variant: "solid" | "outline" | "text";
+            readonly disabled: boolean;
+            readonly readonly: boolean;
+            readonly noKeyboard: boolean;
+            readonly clearable: boolean;
+            readonly showLength: "auto" | "always" | "never";
+            readonly inputOnOutlimit: boolean;
+            readonly showPasswordEvent: "click" | "pointerdown";
+            readonly autoWidth: boolean;
+            readonly passwordPlaceholder: string;
+            readonly onlyNumericInput: boolean;
+            readonly size?: "small" | "large" | "medium" | undefined;
+            readonly round?: import('@opensig/opendesign').RoundT | undefined;
+            readonly modelValue?: string | number | undefined;
+            readonly defaultValue?: string | number | undefined;
+            readonly placeholder?: string | undefined;
+            readonly inputId?: string | undefined;
+            readonly minLength?: number | undefined;
+            readonly maxLength?: number | undefined;
+            readonly getLength?: ((val: string) => number) | undefined;
+            readonly format?: ((value: string) => string) | undefined;
+            readonly validate?: ((value: string) => boolean) | undefined;
+            readonly valueOnInvalidChange?: boolean | ((inputValue: string, lastValidInputValue: string) => string) | undefined;
+            readonly onInput?: ((evt: Event, value: string) => any) | undefined | undefined;
+            readonly onClear?: ((evt?: Event | undefined) => any) | undefined | undefined;
+            readonly onBlur?: ((evt: FocusEvent) => any) | undefined | undefined;
+            readonly onChange?: ((value: string) => any) | undefined | undefined;
+            readonly onFocus?: ((evt: FocusEvent) => any) | undefined | undefined;
+            readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined | undefined;
+            readonly onPressEnter?: ((evt: KeyboardEvent) => any) | undefined | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "type" | "color" | "variant" | "disabled" | "readonly" | "noKeyboard" | "clearable" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput">;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "change", value: string) => void) & ((event: "input", evt: Event, value: string) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "clear", evt?: Event | undefined) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "pressEnter", evt: KeyboardEvent) => void);
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            size: {
+                type: import('vue').PropType<import('@opensig/opendesign').SizeT>;
+            };
+            round: {
+                type: import('vue').PropType<import('@opensig/opendesign').RoundT>;
+            };
+            color: {
+                type: import('vue').PropType<import('@opensig/opendesign').Color2T>;
+                default: string;
+            };
+            variant: {
+                type: import('vue').PropType<import('@opensig/opendesign').VariantT>;
+                default: string;
+            };
+            modelValue: {
+                type: (NumberConstructor | StringConstructor)[];
+            };
+            defaultValue: {
+                type: (NumberConstructor | StringConstructor)[];
+            };
+            type: {
+                type: import('vue').PropType<"text" | "password">;
+                default: string;
+            };
+            placeholder: {
+                type: StringConstructor;
+            };
+            inputId: {
+                type: StringConstructor;
+            };
+            disabled: {
+                type: BooleanConstructor;
+            };
+            readonly: {
+                type: BooleanConstructor;
+            };
+            noKeyboard: {
+                type: BooleanConstructor;
+            };
+            clearable: {
+                type: BooleanConstructor;
+            };
+            minLength: {
+                type: NumberConstructor;
+            };
+            maxLength: {
+                type: NumberConstructor;
+            };
+            showLength: {
+                type: import('vue').PropType<"always" | "auto" | "never">;
+                default: string;
+            };
+            getLength: {
+                type: import('vue').PropType<(val: string) => number>;
+            };
+            inputOnOutlimit: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            format: {
+                type: import('vue').PropType<(value: string) => string>;
+            };
+            validate: {
+                type: import('vue').PropType<(value: string) => boolean>;
+            };
+            valueOnInvalidChange: {
+                type: import('vue').PropType<boolean | ((inputValue: string, lastValidInputValue: string) => string)>;
+            };
+            showPasswordEvent: {
+                type: import('vue').PropType<"click" | "pointerdown">;
+                default: string;
+            };
+            autoWidth: {
+                type: BooleanConstructor;
+            };
+            passwordPlaceholder: {
+                type: StringConstructor;
+                default: string;
+            };
+            onlyNumericInput: {
+                type: BooleanConstructor;
+            };
+        }>> & Readonly<{
+            onInput?: ((evt: Event, value: string) => any) | undefined;
+            onClear?: ((evt?: Event | undefined) => any) | undefined;
+            onBlur?: ((evt: FocusEvent) => any) | undefined;
+            onChange?: ((value: string) => any) | undefined;
+            onFocus?: ((evt: FocusEvent) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
+        }>, {
+            focus: () => void | undefined;
+            blur: () => void | undefined;
+            clear: () => void | undefined;
+            inputEl: () => HTMLInputElement | HTMLTextAreaElement | undefined;
+            togglePassword: () => void | undefined;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            input: (evt: Event, value: string) => any;
+            clear: (evt?: Event | undefined) => any;
+            blur: (evt: FocusEvent) => any;
+            change: (value: string) => any;
+            focus: (evt: FocusEvent) => any;
+            "update:modelValue": (value: string) => any;
+            pressEnter: (evt: KeyboardEvent) => any;
+        }, string, {
+            color: "normal" | "primary" | "success" | "warning" | "danger";
+            type: "text" | "password";
+            disabled: boolean;
+            variant: "solid" | "outline" | "text";
+            clearable: boolean;
+            readonly: boolean;
+            noKeyboard: boolean;
+            showLength: "auto" | "always" | "never";
+            inputOnOutlimit: boolean;
+            showPasswordEvent: "click" | "pointerdown";
+            autoWidth: boolean;
+            passwordPlaceholder: string;
+            onlyNumericInput: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        color: "normal" | "primary" | "success" | "warning" | "danger";
+        type: "text" | "password";
+        disabled: boolean;
+        variant: "solid" | "outline" | "text";
+        clearable: boolean;
+        readonly: boolean;
+        noKeyboard: boolean;
+        showLength: "auto" | "always" | "never";
+        inputOnOutlimit: boolean;
+        showPasswordEvent: "click" | "pointerdown";
+        autoWidth: boolean;
+        passwordPlaceholder: string;
+        onlyNumericInput: boolean;
+    }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: import('vue').PropType<import('@opensig/opendesign').SizeT>;
+        };
+        round: {
+            type: import('vue').PropType<import('@opensig/opendesign').RoundT>;
+        };
+        color: {
+            type: import('vue').PropType<import('@opensig/opendesign').Color2T>;
+            default: string;
+        };
+        variant: {
+            type: import('vue').PropType<import('@opensig/opendesign').VariantT>;
+            default: string;
+        };
+        modelValue: {
+            type: (NumberConstructor | StringConstructor)[];
+        };
+        defaultValue: {
+            type: (NumberConstructor | StringConstructor)[];
+        };
+        type: {
+            type: import('vue').PropType<"text" | "password">;
+            default: string;
+        };
+        placeholder: {
+            type: StringConstructor;
+        };
+        inputId: {
+            type: StringConstructor;
+        };
+        disabled: {
+            type: BooleanConstructor;
+        };
+        readonly: {
+            type: BooleanConstructor;
+        };
+        noKeyboard: {
+            type: BooleanConstructor;
+        };
+        clearable: {
+            type: BooleanConstructor;
+        };
+        minLength: {
+            type: NumberConstructor;
+        };
+        maxLength: {
+            type: NumberConstructor;
+        };
+        showLength: {
+            type: import('vue').PropType<"always" | "auto" | "never">;
+            default: string;
+        };
+        getLength: {
+            type: import('vue').PropType<(val: string) => number>;
+        };
+        inputOnOutlimit: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        format: {
+            type: import('vue').PropType<(value: string) => string>;
+        };
+        validate: {
+            type: import('vue').PropType<(value: string) => boolean>;
+        };
+        valueOnInvalidChange: {
+            type: import('vue').PropType<boolean | ((inputValue: string, lastValidInputValue: string) => string)>;
+        };
+        showPasswordEvent: {
+            type: import('vue').PropType<"click" | "pointerdown">;
+            default: string;
+        };
+        autoWidth: {
+            type: BooleanConstructor;
+        };
+        passwordPlaceholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        onlyNumericInput: {
+            type: BooleanConstructor;
+        };
+    }>> & Readonly<{
+        onInput?: ((evt: Event, value: string) => any) | undefined;
+        onClear?: ((evt?: Event | undefined) => any) | undefined;
+        onBlur?: ((evt: FocusEvent) => any) | undefined;
+        onChange?: ((value: string) => any) | undefined;
+        onFocus?: ((evt: FocusEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
+    }>, "blur" | "focus" | "type" | "color" | "variant" | "disabled" | "clear" | "readonly" | "noKeyboard" | "clearable" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput" | "inputEl" | "togglePassword"> & {
+        focus: () => void | undefined;
+        blur: () => void | undefined;
+        clear: () => void | undefined;
+        inputEl: () => HTMLInputElement | HTMLTextAreaElement | undefined;
+        togglePassword: () => void | undefined;
+    } & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: Readonly<{
+            default(): any;
+            prepend(): any;
+            append(): any;
+            prefix(): any;
+            suffix(): any;
+        }> & {
+            default(): any;
+            prepend(): any;
+            append(): any;
+            prefix(): any;
+            suffix(): any;
+        };
+    }) | null;
+    uploadBtnRef: HTMLSpanElement;
+    fileInputRef: HTMLInputElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};