import { PropertyValueMap } from 'lit';
import { OmniFormElement } from '../core/OmniFormElement.js';
import '../icons/EyeHidden.icon.js';
import '../icons/EyeVisible.icon.js';
/**
 * Password input control.
 *
 * @import
 * ```js
 * import '@capitec/omni-components/password-field';
 * ```
 *
 * @example
 * ```html
 * <omni-password-field
 *   label="Enter a value"
 *   value="Hello World"
 *   hint="Required"
 *   error="Field level error message"
 *   disabled>
 * </omni-password-field>
 * ```
 *
 * @element omni-password-field
 *
 * @slot hide - Replaces the icon for the password value hidden state.
 * @slot show - Replaces the icon for the checked value visible state.
 *
 * @cssprop --omni-password-field-control-padding-right - Password field control padding right.
 * @cssprop --omni-password-field-control-padding-left - Password field control padding left.
 * @cssprop --omni-password-field-control-padding-top - Password field control padding top.
 * @cssprop --omni-password-field-control-padding-bottom - Password field control padding bottom.
 *
 * @cssprop --omni-password-field-icon-color - Password field slot icon color.
 * @cssprop --omni-password-field-icon-width - Password field slot width.
 * @cssprop --omni-password-field-icon-height - Password field slot height.
 *
 * @cssprop --omni-password-field-text-align - Password field text align.
 * @cssprop --omni-password-field-font-color - Password field font color.
 * @cssprop --omni-password-field-font-family - Password field font family.
 * @cssprop --omni-password-field-font-size - Password field font size.
 * @cssprop --omni-password-field-font-weight - Password field font weight.
 * @cssprop --omni-password-field-padding - Password field padding.
 * @cssprop --omni-password-field-height - Password field height.
 * @cssprop --omni-password-field-width - Password field width.
 *
 * @cssprop --omni-password-field-disabled-color - Password field disabled font color.
 * @cssprop --omni-password-field-error-font-color - Password field error font color.
 *
 */
export declare class PasswordField extends OmniFormElement {
    /**
     * @ignore
     */
    protected type: 'password' | 'text';
    /**
     * Override for the value property inherited from the OmniFormElement component with reflect set to false.
     */
    value?: string;
    /**
     * Disables native on screen keyboards for the component.
     * @attr [no-native-keyboard]
     */
    noNativeKeyboard?: boolean;
    /**
     * Maximum character input length.
     * @attr [max-length]
     */
    maxLength?: number;
    private _inputElement?;
    private container?;
    connectedCallback(): void;
    protected firstUpdated(): Promise<void>;
    protected updated(_changedProperties: PropertyValueMap<never> | Map<PropertyKey, unknown>): void;
    _setInputValue(): void;
    _focusInput(): void;
    focus(options?: FocusOptions | undefined): void;
    _keyInput(): void;
    _iconClicked(e: MouseEvent): void;
    static get styles(): import("lit").CSSResultGroup[];
    protected renderControl(): import("lit-html").TemplateResult<1>;
    protected renderContent(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'omni-password-field': PasswordField;
    }
}
//# sourceMappingURL=PasswordField.d.ts.map