import { CSSResultGroup, nothing, TemplateResult } from 'lit';
export { ifDefined } from 'lit/directives/if-defined.js';
import OmniElement from './OmniElement.js';
import '../icons/Clear.icon.js';
/**
 * Base class used by form components to share common properties, styles and functionality.
 *
 * @slot clear - Replaces the icon for the clear slot.
 * @slot prefix - Replaces the icon for the prefix slot.
 * @slot suffix - Replaces the icon for the suffix slot.
 *
 * @csscat Base Form Variables
 *
 * @cssprop --omni-container-font-family -  Container font family.
 * @cssprop --omni-container-width - Container width.
 * @cssprop --omni-container-height - Container height.
 *
 * @cssprop --omni-form-layout-border-radius - Layout border radius.
 * @cssprop --omni-form-layout-background-color - Layout background color.
 * @cssprop --omni-form-layout-height - Layout height.
 * @cssprop --omni-form-layout-width - Layout width.
 *
 * @cssprop --omni-form-border-top - Form border top.
 * @cssprop --omni-form-border-bottom - Form border bottom.
 * @cssprop --omni-form-border-left - Form border left.
 * @cssprop --omni-form-border-right - Form border right.
 * @cssprop --omni-form-border-width - Form border width.
 * @cssprop --omni-form-border-radius - Form border radius.
 * @cssprop --omni-form-border-style - Form border style.
 * @cssprop --omni-form-border-color - Form border color.
 *
 * @cssprop --omni-form-label-margin-left - Form label margin left.
 * @cssprop --omni-form-label-text-align - Form label text align.
 * @cssprop --omni-form-label-color - Form label color.
 * @cssprop --omni-form-label-font-size - Form label font size.
 * @cssprop --omni-form-label-font-weight - Form label font weight.
 * @cssprop --omni-form-label-z-index - Form label z-index.
 *
 * @cssprop --omni-form-focussed-border-width - Form focussed border width.
 * @cssprop --omni-form-focussed-border-color - Form focussed border color.
 * @cssprop --omni-form-focussed-label-disabled-background-color - Form focussed label disabled background color.
 * @cssprop --omni-form-focussed-label-transform-scale - Form focussed label transform scale.
 * @cssprop --omni-form-focussed-label-margin-left - Form focussed label left margin.
 * @cssprop --omni-form-focussed-label-color - Form focussed label color.
 * @cssprop --omni-form-focussed-error-label-color - Form focussed error label color.
 *
 * @cssprop --omni-form-focussed-label-background-color - Form focussed label background color.
 * @cssprop --omni-form-focussed-label-padding-left - Form focussed label left.
 * @cssprop --omni-form-focussed-label-padding-right - Form focussed label right.
 *
 * @cssprop --omni-form-error-label-color - Form error label color.
 * @cssprop --omni-form-error-border-color - Form error border color.
 *
 * @cssprop --omni-form-label-disabled-color - Form label disabled color.
 * @cssprop --omni-form-disabled-border-color - Form disabled border color.
 * @cssprop --omni-form-disabled-background-color - Form disabled background color.
 * @cssprop --omni-form-disabled-focussed-label-background-color - Form disabled label focussed background color.
 *
 * @cssprop --omni-form-hint-label-font-color - Form hint label font color.
 * @cssprop --omni-form-hint-label-font-family - Form hint label font family.
 * @cssprop --omni-form-hint-label-font-size - Form hint label font size.
 * @cssprop --omni-form-hint-label-font-weight - Form hint label font weight.
 * @cssprop --omni-form-hint-label-padding-top - Form hint label top padding.
 * @cssprop --omni-form-hint-label-padding-left - Form hint label left padding.
 * @cssprop --omni-form-hint-label-border-width - Form hint label border width.
 *
 * @cssprop --omni-form-error-label-font-color - Form error label font color.
 * @cssprop --omni-form-error-label-font-family - Form error label font family.
 * @cssprop --omni-form-error-label-font-size - Form error label font size.
 * @cssprop --omni-form-error-label-font-weight - Form error label font weight.
 * @cssprop --omni-form-error-label-padding-top - Form error label top padding.
 * @cssprop --omni-form-error-label-padding-left - Form error label left padding.
 * @cssprop --omni-form-error-label-border-width - Form error label border width.
 *
 * @cssprop --omni-form-hover-color - Form hover color.
 * @cssprop --omni-form-disabled-hover-color - Form disabled hover color.
 * @cssprop --omni-form-error-hover-color - Form error hover color.
 *
 * @cssprop --omni-form-clear-control-margin-right - Form clear control right margin.
 * @cssprop --omni-form-clear-control-margin-left -  Form clear control left margin.
 * @cssprop --omni-form-clear-control-width - Form clear control width.
 *
 * @cssprop --omni-form-clear-slot-color - Form clear icon color.
 * @cssprop --omni-form-clear-slot-height - Form clear slot height.
 * @cssprop --omni-form-clear-slot-width - Form clear slot width.
 *
 */
export declare class OmniFormElement extends OmniElement {
    /**
     * Text label.
     * @attr
     */
    label?: string;
    /**
     * Value entered into the form component.
     * @attr
     */
    value?: string | number | Record<string, unknown>;
    /**
     * Data associated with the component.
     * @attr
     */
    data?: object;
    /**
     * Hint message to assist the user.
     * @attr
     */
    hint?: string;
    /**
     * Error message guiding a user to correct a mistake.
     * @attr
     */
    error?: string;
    /**
     * Indicator if the component should be disabled.
     * @attr
     */
    disabled: boolean;
    /**
     * Toggles the ability to clear the value of the component.
     * @attr
     */
    clearable: boolean;
    protected _clearValue(e: MouseEvent): void;
    static get styles(): CSSResultGroup;
    protected render(): TemplateResult<1>;
    protected renderPrefix(): typeof nothing | TemplateResult;
    protected renderContent(): typeof nothing | TemplateResult;
    protected renderLabel(focusedStatic?: boolean): TemplateResult<1>;
    protected renderControl(): typeof nothing | TemplateResult;
    protected renderPicker(): typeof nothing | TemplateResult;
    protected renderHint(): TemplateResult<1>;
    protected renderError(): TemplateResult<1>;
    protected renderClear(): typeof nothing | TemplateResult;
}
//# sourceMappingURL=OmniFormElement.d.ts.map