import DSAErrorText from '../../../components/error-text/error-text'; import { ShoelaceElement } from '../../shoelace-element'; import { HasSlotController } from '../../slot'; export declare class FormControlLayout extends ShoelaceElement { static dependencies: { 'dsa-error-text': typeof DSAErrorText; }; protected readonly hasSlotController: HasSlotController; /** (deprecated) The title contains a text representing advisory information related to the element it belongs to. */ title: string; /** Provides an accessible label for the input element */ accessibleName: string; /** The name of the form control, submitted as a name/value pair with form data. */ name: string; /** The form control's size. */ size: 'small' | 'medium' | 'large'; /** The form control's variant. */ variant: 'base' | 'layer' | 'floating'; /** The form control's label. If you need to display HTML, use the `label` slot instead. */ label: string; /** The form control's help text. If you need to display HTML, use the `help-text` slot instead. */ helpText: string; /** Disables the form control. */ disabled: boolean; /** Placeholder text to show as a hint when the form control is empty. */ placeholder: string; /** Makes the form control readonly. */ readonly: boolean; /** Indicates whether the form control should be in error state */ error: boolean; /** An error message that is shown when `error` is set to true. If there are several messages, must be a * string of messages separated by a pipe, e.g. "Error 1|Error 2|Error 3" */ errorMessage: string | string[]; /** * By default, form controls are associated with the nearest containing `
` element. This attribute allows you * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in * the same document or shadow root for this to work. */ form: string; /** Makes the form control a required field. */ required: boolean; /** Provides an accessible description for the element */ description: string; /** Indicates whether the form control should be in success state */ success: boolean; /** An success message that is shown when `success` is set to true. If there are several messages, must be a * string of messages separated by a pipe, e.g. "success 1|success 2|success 3" */ successMessage: string | string[]; protected renderInput(): import("lit").TemplateResult<1>; protected renderCounter(): import("lit").TemplateResult<1>; protected renderSuccessMessage(): import("lit").TemplateResult<1>; protected handleLabelClick(): void; render(): import("lit").TemplateResult<1>; }