@opendesign-plus/components 0.0.1-rc.16

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

@@ -0,0 +1,692 @@
+export interface OHeaderSearchPropsT {
+    modelValue?: string;
+    placeholder?: string;
+    expandedPlaceholder?: string;
+    expandDirection?: 'left' | 'right';
+    clearable?: boolean;
+    historyItems?: string[];
+    maxHistoryCount?: number;
+    storeHistory?: boolean;
+    historyTitle?: string;
+    storageKey?: string;
+    hotItems?: string[];
+    hotTitle?: string;
+    recommendItems?: string[];
+    searchUrl?: string;
+    searchUrlOpenBlank?: boolean;
+    searchTextMobile?: string;
+}
+export interface OHeaderSearchEmitsT {
+    (e: 'update:modelValue', value: string): void;
+    (e: 'update:historyItems', value: string[]): void;
+    (e: 'clear'): void;
+    (e: 'search', value: string): void;
+    (e: 'delete-history', value: string[]): void;
+    (e: 'delete-history-item', value: string): void;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'input-prefix'?(_: {}): any;
+        'input-suffix'?(_: {}): any;
+        drawer?(_: {
+            recommendItems: string[];
+            historyItems: string[];
+            hotItems: string[];
+        }): any;
+        'recommend-header'?(_: {
+            recommend: string[];
+        }): any;
+        'recommend-content'?(_: {
+            recommend: string[];
+        }): any;
+        'history-header'?(_: {
+            history: string[];
+        }): any;
+        'history-content'?(_: {
+            history: string[];
+        }): any;
+        'hot-header'?(_: {
+            hot: string[];
+        }): any;
+        'hot-content'?(_: {
+            hot: string[];
+        }): any;
+    };
+    refs: {
+        posWrapper: HTMLDivElement;
+        inputRef: ({
+            $: import('../../vue/dist/vue.esm-bundler.js').ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                color: "normal" | "primary" | "success" | "warning" | "danger";
+                type: "text" | "password";
+                disabled: boolean;
+                variant: "solid" | "outline" | "text";
+                clearable: boolean;
+                readonly: boolean;
+                inputOnOutlimit: boolean;
+                showPasswordEvent: "click" | "pointerdown";
+                autoWidth: boolean;
+                passwordPlaceholder: string;
+            }> & Omit<{
+                readonly type: "text" | "password";
+                readonly color: "normal" | "primary" | "success" | "warning" | "danger";
+                readonly variant: "text" | "solid" | "outline";
+                readonly disabled: boolean;
+                readonly clearable: boolean;
+                readonly readonly: boolean;
+                readonly inputOnOutlimit: boolean;
+                readonly showPasswordEvent: "click" | "pointerdown";
+                readonly autoWidth: boolean;
+                readonly passwordPlaceholder: string;
+                readonly size?: "small" | "large" | "medium" | undefined;
+                readonly round?: import('@opensig/opendesign').RoundT | undefined;
+                readonly placeholder?: string | undefined;
+                readonly defaultValue?: string | number | undefined;
+                readonly modelValue?: string | number | 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?: ((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/dist/vue.esm-bundler.js').VNodeProps & import('../../vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('../../vue/dist/vue.esm-bundler.js').ComponentCustomProps, "type" | "color" | "variant" | "disabled" | "clearable" | "readonly" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('../../vue/dist/vue.esm-bundler.js').Slot<any> | undefined;
+            }>;
+            $root: import('../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
+            $parent: import('../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "input", evt: Event, value: string) => void) & ((event: "clear", evt?: Event | undefined) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "change", value: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "pressEnter", evt: KeyboardEvent) => void);
+            $el: any;
+            $options: import('../../vue/dist/vue.esm-bundler.js').ComponentOptionsBase<Readonly<import('../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
+                size: {
+                    type: import('../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').SizeT>;
+                };
+                round: {
+                    type: import('../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').RoundT>;
+                };
+                color: {
+                    type: import('../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').Color2T>;
+                    default: string;
+                };
+                variant: {
+                    type: import('../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').VariantT>;
+                    default: string;
+                };
+                modelValue: {
+                    type: (NumberConstructor | StringConstructor)[];
+                };
+                defaultValue: {
+                    type: (NumberConstructor | StringConstructor)[];
+                };
+                type: {
+                    type: import('../../vue/dist/vue.esm-bundler.js').PropType<"text" | "password">;
+                    default: string;
+                };
+                placeholder: {
+                    type: StringConstructor;
+                };
+                inputId: {
+                    type: StringConstructor;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                };
+                readonly: {
+                    type: BooleanConstructor;
+                };
+                clearable: {
+                    type: BooleanConstructor;
+                };
+                minLength: {
+                    type: NumberConstructor;
+                };
+                maxLength: {
+                    type: NumberConstructor;
+                };
+                getLength: {
+                    type: import('../../vue/dist/vue.esm-bundler.js').PropType<(val: string) => number>;
+                };
+                inputOnOutlimit: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                format: {
+                    type: import('../../vue/dist/vue.esm-bundler.js').PropType<(value: string) => string>;
+                };
+                validate: {
+                    type: import('../../vue/dist/vue.esm-bundler.js').PropType<(value: string) => boolean>;
+                };
+                valueOnInvalidChange: {
+                    type: import('../../vue/dist/vue.esm-bundler.js').PropType<(inputValue: string, lastValidInputValue: string) => string>;
+                };
+                showPasswordEvent: {
+                    type: import('../../vue/dist/vue.esm-bundler.js').PropType<"click" | "pointerdown">;
+                    default: string;
+                };
+                autoWidth: {
+                    type: BooleanConstructor;
+                };
+                passwordPlaceholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & 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 | undefined;
+                togglePassword: () => void | undefined;
+            }, {}, {}, {}, import('../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../vue/dist/vue.esm-bundler.js').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;
+                inputOnOutlimit: boolean;
+                showPasswordEvent: "click" | "pointerdown";
+                autoWidth: boolean;
+                passwordPlaceholder: string;
+            }, {}, string, {}, import('../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, import('../../vue/dist/vue.esm-bundler.js').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/dist/vue.esm-bundler.js').DebuggerEvent) => void) | ((e: import('../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void) | ((e: import('../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('../../vue/dist/vue.esm-bundler.js').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/dist/vue.esm-bundler.js').WatchOptions): import('../../vue/dist/vue.esm-bundler.js').WatchStopHandle;
+        } & Readonly<{
+            color: "normal" | "primary" | "success" | "warning" | "danger";
+            type: "text" | "password";
+            disabled: boolean;
+            variant: "solid" | "outline" | "text";
+            clearable: boolean;
+            readonly: boolean;
+            inputOnOutlimit: boolean;
+            showPasswordEvent: "click" | "pointerdown";
+            autoWidth: boolean;
+            passwordPlaceholder: string;
+        }> & Omit<Readonly<import('../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
+            size: {
+                type: import('../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').SizeT>;
+            };
+            round: {
+                type: import('../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').RoundT>;
+            };
+            color: {
+                type: import('../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').Color2T>;
+                default: string;
+            };
+            variant: {
+                type: import('../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').VariantT>;
+                default: string;
+            };
+            modelValue: {
+                type: (NumberConstructor | StringConstructor)[];
+            };
+            defaultValue: {
+                type: (NumberConstructor | StringConstructor)[];
+            };
+            type: {
+                type: import('../../vue/dist/vue.esm-bundler.js').PropType<"text" | "password">;
+                default: string;
+            };
+            placeholder: {
+                type: StringConstructor;
+            };
+            inputId: {
+                type: StringConstructor;
+            };
+            disabled: {
+                type: BooleanConstructor;
+            };
+            readonly: {
+                type: BooleanConstructor;
+            };
+            clearable: {
+                type: BooleanConstructor;
+            };
+            minLength: {
+                type: NumberConstructor;
+            };
+            maxLength: {
+                type: NumberConstructor;
+            };
+            getLength: {
+                type: import('../../vue/dist/vue.esm-bundler.js').PropType<(val: string) => number>;
+            };
+            inputOnOutlimit: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            format: {
+                type: import('../../vue/dist/vue.esm-bundler.js').PropType<(value: string) => string>;
+            };
+            validate: {
+                type: import('../../vue/dist/vue.esm-bundler.js').PropType<(value: string) => boolean>;
+            };
+            valueOnInvalidChange: {
+                type: import('../../vue/dist/vue.esm-bundler.js').PropType<(inputValue: string, lastValidInputValue: string) => string>;
+            };
+            showPasswordEvent: {
+                type: import('../../vue/dist/vue.esm-bundler.js').PropType<"click" | "pointerdown">;
+                default: string;
+            };
+            autoWidth: {
+                type: BooleanConstructor;
+            };
+            passwordPlaceholder: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & 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;
+        }>, "type" | "color" | "variant" | "disabled" | "clear" | "blur" | "focus" | "clearable" | "readonly" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "inputEl" | "togglePassword"> & import('../../vue/dist/vue.esm-bundler.js').ShallowUnwrapRef<{
+            focus: () => void | undefined;
+            blur: () => void | undefined;
+            clear: () => void | undefined;
+            inputEl: () => HTMLInputElement | undefined;
+            togglePassword: () => void | undefined;
+        }> & {} & import('../../vue/dist/vue.esm-bundler.js').ComponentCustomProperties & {} & {
+            $slots: Readonly<{
+                default(): any;
+                prepend(): any;
+                append(): any;
+                prefix(): any;
+                suffix(): any;
+            }> & {
+                default(): any;
+                prepend(): any;
+                append(): any;
+                prefix(): any;
+                suffix(): any;
+            };
+        }) | null;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('../../vue/dist/vue.esm-bundler.js').DefineComponent<OHeaderSearchPropsT, {}, {}, {}, {}, import('../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {} & {
+    search: (value: string) => any;
+    clear: () => any;
+    "update:modelValue": (value: string) => any;
+    "update:historyItems": (value: string[]) => any;
+    "delete-history": (value: string[]) => any;
+    "delete-history-item": (value: string) => any;
+}, string, import('../../vue/dist/vue.esm-bundler.js').PublicProps, Readonly<OHeaderSearchPropsT> & Readonly<{
+    onSearch?: ((value: string) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:historyItems"?: ((value: string[]) => any) | undefined;
+    "onDelete-history"?: ((value: string[]) => any) | undefined;
+    "onDelete-history-item"?: ((value: string) => any) | undefined;
+}>, {
+    modelValue: string;
+    expandDirection: "left" | "right";
+    clearable: boolean;
+    historyItems: string[];
+    maxHistoryCount: number;
+    storeHistory: boolean;
+    storageKey: string;
+    hotItems: string[];
+    recommendItems: string[];
+    searchUrlOpenBlank: boolean;
+}, {}, {}, {}, string, import('../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, false, {
+    posWrapper: HTMLDivElement;
+    inputRef: ({
+        $: import('../../vue/dist/vue.esm-bundler.js').ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            color: "normal" | "primary" | "success" | "warning" | "danger";
+            type: "text" | "password";
+            disabled: boolean;
+            variant: "solid" | "outline" | "text";
+            clearable: boolean;
+            readonly: boolean;
+            inputOnOutlimit: boolean;
+            showPasswordEvent: "click" | "pointerdown";
+            autoWidth: boolean;
+            passwordPlaceholder: string;
+        }> & Omit<{
+            readonly type: "text" | "password";
+            readonly color: "normal" | "primary" | "success" | "warning" | "danger";
+            readonly variant: "text" | "solid" | "outline";
+            readonly disabled: boolean;
+            readonly clearable: boolean;
+            readonly readonly: boolean;
+            readonly inputOnOutlimit: boolean;
+            readonly showPasswordEvent: "click" | "pointerdown";
+            readonly autoWidth: boolean;
+            readonly passwordPlaceholder: string;
+            readonly size?: "small" | "large" | "medium" | undefined;
+            readonly round?: import('@opensig/opendesign').RoundT | undefined;
+            readonly placeholder?: string | undefined;
+            readonly defaultValue?: string | number | undefined;
+            readonly modelValue?: string | number | 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?: ((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/dist/vue.esm-bundler.js').VNodeProps & import('../../vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('../../vue/dist/vue.esm-bundler.js').ComponentCustomProps, "type" | "color" | "variant" | "disabled" | "clearable" | "readonly" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('../../vue/dist/vue.esm-bundler.js').Slot<any> | undefined;
+        }>;
+        $root: import('../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
+        $parent: import('../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "input", evt: Event, value: string) => void) & ((event: "clear", evt?: Event | undefined) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "change", value: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "pressEnter", evt: KeyboardEvent) => void);
+        $el: any;
+        $options: import('../../vue/dist/vue.esm-bundler.js').ComponentOptionsBase<Readonly<import('../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
+            size: {
+                type: import('../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').SizeT>;
+            };
+            round: {
+                type: import('../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').RoundT>;
+            };
+            color: {
+                type: import('../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').Color2T>;
+                default: string;
+            };
+            variant: {
+                type: import('../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').VariantT>;
+                default: string;
+            };
+            modelValue: {
+                type: (NumberConstructor | StringConstructor)[];
+            };
+            defaultValue: {
+                type: (NumberConstructor | StringConstructor)[];
+            };
+            type: {
+                type: import('../../vue/dist/vue.esm-bundler.js').PropType<"text" | "password">;
+                default: string;
+            };
+            placeholder: {
+                type: StringConstructor;
+            };
+            inputId: {
+                type: StringConstructor;
+            };
+            disabled: {
+                type: BooleanConstructor;
+            };
+            readonly: {
+                type: BooleanConstructor;
+            };
+            clearable: {
+                type: BooleanConstructor;
+            };
+            minLength: {
+                type: NumberConstructor;
+            };
+            maxLength: {
+                type: NumberConstructor;
+            };
+            getLength: {
+                type: import('../../vue/dist/vue.esm-bundler.js').PropType<(val: string) => number>;
+            };
+            inputOnOutlimit: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            format: {
+                type: import('../../vue/dist/vue.esm-bundler.js').PropType<(value: string) => string>;
+            };
+            validate: {
+                type: import('../../vue/dist/vue.esm-bundler.js').PropType<(value: string) => boolean>;
+            };
+            valueOnInvalidChange: {
+                type: import('../../vue/dist/vue.esm-bundler.js').PropType<(inputValue: string, lastValidInputValue: string) => string>;
+            };
+            showPasswordEvent: {
+                type: import('../../vue/dist/vue.esm-bundler.js').PropType<"click" | "pointerdown">;
+                default: string;
+            };
+            autoWidth: {
+                type: BooleanConstructor;
+            };
+            passwordPlaceholder: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & 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 | undefined;
+            togglePassword: () => void | undefined;
+        }, {}, {}, {}, import('../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../vue/dist/vue.esm-bundler.js').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;
+            inputOnOutlimit: boolean;
+            showPasswordEvent: "click" | "pointerdown";
+            autoWidth: boolean;
+            passwordPlaceholder: string;
+        }, {}, string, {}, import('../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, import('../../vue/dist/vue.esm-bundler.js').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/dist/vue.esm-bundler.js').DebuggerEvent) => void) | ((e: import('../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void) | ((e: import('../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('../../vue/dist/vue.esm-bundler.js').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/dist/vue.esm-bundler.js').WatchOptions): import('../../vue/dist/vue.esm-bundler.js').WatchStopHandle;
+    } & Readonly<{
+        color: "normal" | "primary" | "success" | "warning" | "danger";
+        type: "text" | "password";
+        disabled: boolean;
+        variant: "solid" | "outline" | "text";
+        clearable: boolean;
+        readonly: boolean;
+        inputOnOutlimit: boolean;
+        showPasswordEvent: "click" | "pointerdown";
+        autoWidth: boolean;
+        passwordPlaceholder: string;
+    }> & Omit<Readonly<import('../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
+        size: {
+            type: import('../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').SizeT>;
+        };
+        round: {
+            type: import('../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').RoundT>;
+        };
+        color: {
+            type: import('../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').Color2T>;
+            default: string;
+        };
+        variant: {
+            type: import('../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').VariantT>;
+            default: string;
+        };
+        modelValue: {
+            type: (NumberConstructor | StringConstructor)[];
+        };
+        defaultValue: {
+            type: (NumberConstructor | StringConstructor)[];
+        };
+        type: {
+            type: import('../../vue/dist/vue.esm-bundler.js').PropType<"text" | "password">;
+            default: string;
+        };
+        placeholder: {
+            type: StringConstructor;
+        };
+        inputId: {
+            type: StringConstructor;
+        };
+        disabled: {
+            type: BooleanConstructor;
+        };
+        readonly: {
+            type: BooleanConstructor;
+        };
+        clearable: {
+            type: BooleanConstructor;
+        };
+        minLength: {
+            type: NumberConstructor;
+        };
+        maxLength: {
+            type: NumberConstructor;
+        };
+        getLength: {
+            type: import('../../vue/dist/vue.esm-bundler.js').PropType<(val: string) => number>;
+        };
+        inputOnOutlimit: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        format: {
+            type: import('../../vue/dist/vue.esm-bundler.js').PropType<(value: string) => string>;
+        };
+        validate: {
+            type: import('../../vue/dist/vue.esm-bundler.js').PropType<(value: string) => boolean>;
+        };
+        valueOnInvalidChange: {
+            type: import('../../vue/dist/vue.esm-bundler.js').PropType<(inputValue: string, lastValidInputValue: string) => string>;
+        };
+        showPasswordEvent: {
+            type: import('../../vue/dist/vue.esm-bundler.js').PropType<"click" | "pointerdown">;
+            default: string;
+        };
+        autoWidth: {
+            type: BooleanConstructor;
+        };
+        passwordPlaceholder: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & 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;
+    }>, "type" | "color" | "variant" | "disabled" | "clear" | "blur" | "focus" | "clearable" | "readonly" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "inputEl" | "togglePassword"> & import('../../vue/dist/vue.esm-bundler.js').ShallowUnwrapRef<{
+        focus: () => void | undefined;
+        blur: () => void | undefined;
+        clear: () => void | undefined;
+        inputEl: () => HTMLInputElement | undefined;
+        togglePassword: () => void | undefined;
+    }> & {} & import('../../vue/dist/vue.esm-bundler.js').ComponentCustomProperties & {} & {
+        $slots: Readonly<{
+            default(): any;
+            prepend(): any;
+            append(): any;
+            prefix(): any;
+            suffix(): any;
+        }> & {
+            default(): any;
+            prepend(): any;
+            append(): any;
+            prefix(): any;
+            suffix(): any;
+        };
+    }) | null;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};