@aotearoan/neon/dist/src/components/user-input/password/NeonPassword.d.ts

Neon is a lightweight design library of Vue 3 components with minimal dependencies.

/**
 * <p>The <strong>NeonPassword</strong> component is the equivalent of an
 * <strong>&lt;input type="password" /&gt;</strong>. It supports the same properties as
 * <a href="/user-input/input"><strong>NeonInput</strong></a> with the exception of the icon which is used to toggle the
 * display of the password.
 * </p>
 */
declare const _default: import("vue").DefineComponent<{}, {
    show: import("vue").Ref<boolean, boolean>;
    sanitizedAttributes: import("vue").ComputedRef<{
        [x: string]: unknown;
    }>;
    iconClicked: () => void;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "icon-click"[], "icon-click", import("vue").PublicProps, Readonly<{}> & Readonly<{
    "onIcon-click"?: ((...args: any[]) => any) | undefined;
}>, {}, {}, {
    NeonInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
        id: {
            type: StringConstructor;
            default: null;
        };
        modelValue: {
            type: StringConstructor;
            default: null;
        };
        type: {
            type: () => import("../../../neon").NeonInputType;
            default: import("../../../neon").NeonInputType;
        };
        placeholder: {
            type: StringConstructor;
            default: null;
        };
        size: {
            type: () => import("../../../neon").NeonSize;
            default: import("../../../neon").NeonSize;
        };
        color: {
            type: () => import("../../../neon").NeonFunctionalColor;
            default: import("../../../neon").NeonFunctionalColor;
        };
        inputmode: {
            type: () => import("../../../neon").NeonInputMode;
            default: import("../../../neon").NeonInputMode;
        };
        autocomplete: {
            type: StringConstructor;
            default: string;
        };
        state: {
            type: () => import("../../../neon").NeonState;
            default: import("../../../neon").NeonState;
        };
        rows: {
            type: NumberConstructor;
            default: null;
        };
        icon: {
            type: StringConstructor;
            default: null;
        };
        iconReadonly: {
            type: BooleanConstructor;
            default: boolean;
        };
        hideIcon: {
            type: BooleanConstructor;
            default: boolean;
        };
        tabindex: {
            type: NumberConstructor;
            default: number;
        };
        disabled: {
            type: BooleanConstructor;
            default: boolean;
        };
        stateHighlight: {
            type: BooleanConstructor;
            default: boolean;
        };
        stateIcon: {
            type: BooleanConstructor;
            default: boolean;
        };
        maxlength: {
            type: NumberConstructor;
            default: null;
        };
        maxlengthLabel: {
            type: StringConstructor;
            default: string;
        };
        debounce: {
            type: NumberConstructor;
            default: undefined;
        };
    }>, {
        neonInput: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
        focused: import("vue").Ref<boolean, boolean>;
        sanitizedAttributes: import("vue").ComputedRef<{
            [x: string]: unknown;
        }>;
        iconVisible: import("vue").ComputedRef<string | boolean | undefined>;
        iconName: import("vue").ComputedRef<string | undefined>;
        iconColor: import("vue").ComputedRef<import("../../../neon").NeonFunctionalColor>;
        computedPlaceholder: import("vue").ComputedRef<string>;
        counterLabel: import("vue").ComputedRef<string | null>;
        focus: () => void;
        click: () => void;
        onFocus: () => void;
        onBlur: () => void;
        iconClicked: ($event: Event) => void;
        changeValue: (event: InputEvent) => void;
        onKeyDown: (event: KeyboardEvent) => void;
    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "blur" | "focus" | "icon-click")[], "update:modelValue" | "blur" | "focus" | "icon-click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
        id: {
            type: StringConstructor;
            default: null;
        };
        modelValue: {
            type: StringConstructor;
            default: null;
        };
        type: {
            type: () => import("../../../neon").NeonInputType;
            default: import("../../../neon").NeonInputType;
        };
        placeholder: {
            type: StringConstructor;
            default: null;
        };
        size: {
            type: () => import("../../../neon").NeonSize;
            default: import("../../../neon").NeonSize;
        };
        color: {
            type: () => import("../../../neon").NeonFunctionalColor;
            default: import("../../../neon").NeonFunctionalColor;
        };
        inputmode: {
            type: () => import("../../../neon").NeonInputMode;
            default: import("../../../neon").NeonInputMode;
        };
        autocomplete: {
            type: StringConstructor;
            default: string;
        };
        state: {
            type: () => import("../../../neon").NeonState;
            default: import("../../../neon").NeonState;
        };
        rows: {
            type: NumberConstructor;
            default: null;
        };
        icon: {
            type: StringConstructor;
            default: null;
        };
        iconReadonly: {
            type: BooleanConstructor;
            default: boolean;
        };
        hideIcon: {
            type: BooleanConstructor;
            default: boolean;
        };
        tabindex: {
            type: NumberConstructor;
            default: number;
        };
        disabled: {
            type: BooleanConstructor;
            default: boolean;
        };
        stateHighlight: {
            type: BooleanConstructor;
            default: boolean;
        };
        stateIcon: {
            type: BooleanConstructor;
            default: boolean;
        };
        maxlength: {
            type: NumberConstructor;
            default: null;
        };
        maxlengthLabel: {
            type: StringConstructor;
            default: string;
        };
        debounce: {
            type: NumberConstructor;
            default: undefined;
        };
    }>> & Readonly<{
        onFocus?: ((...args: any[]) => any) | undefined;
        onBlur?: ((...args: any[]) => any) | undefined;
        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
        "onIcon-click"?: ((...args: any[]) => any) | undefined;
    }>, {
        color: import("../../../neon").NeonFunctionalColor;
        icon: string;
        type: import("../../../neon").NeonInputType;
        id: string;
        disabled: boolean;
        size: import("../../../neon").NeonSize;
        placeholder: string;
        tabindex: number;
        inputmode: import("../../../neon").NeonInputMode;
        modelValue: string;
        state: import("../../../neon").NeonState;
        autocomplete: string;
        rows: number;
        iconReadonly: boolean;
        hideIcon: boolean;
        stateHighlight: boolean;
        stateIcon: boolean;
        maxlength: number;
        maxlengthLabel: string;
        debounce: number;
    }, {}, {
        NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
            name: {
                type: StringConstructor;
                required: true;
            };
            id: {
                type: StringConstructor;
                default: null;
            };
            color: {
                type: () => import("../../../neon").NeonFunctionalColor;
                default: null;
            };
            inverse: {
                type: BooleanConstructor;
                default: boolean;
            };
            disabled: {
                type: BooleanConstructor;
                default: boolean;
            };
        }>, {
            sanitizedAttributes: import("vue").ComputedRef<{
                [x: string]: unknown;
            }>;
            icon: import("vue").ComputedRef<string | undefined>;
        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
            name: {
                type: StringConstructor;
                required: true;
            };
            id: {
                type: StringConstructor;
                default: null;
            };
            color: {
                type: () => import("../../../neon").NeonFunctionalColor;
                default: null;
            };
            inverse: {
                type: BooleanConstructor;
                default: boolean;
            };
            disabled: {
                type: BooleanConstructor;
                default: boolean;
            };
        }>> & Readonly<{}>, {
            color: import("../../../neon").NeonFunctionalColor;
            id: string;
            inverse: boolean;
            disabled: boolean;
        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export default _default;