import type { CSSResultGroup } from 'lit'; import { DSAInternalRadioIcon } from '../../internal/components/radio-icon/radio-icon'; import { ShoelaceElement } from '../../internal/shoelace-element'; /** * @summary Radios allow the user to select a single option from a group. * @documentation https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/radio/radio-radio/web-bCcNI2Of * * @dependency dsa-internal-radio-icon * * @slot - The radio's label. * * @event dsa-blur - Emitted when the control loses focus. * @event dsa-focus - Emitted when the control gains focus. * */ export default class DSARadio extends ShoelaceElement { static styles: CSSResultGroup; static dependencies: { 'dsa-internal-radio-icon': typeof DSAInternalRadioIcon; }; checked: boolean; protected hasFocus: boolean; /** The radio's value. When selected, the radio group will receive this value. */ value: string; /** The radio's size. */ size: 'small' | 'medium' | 'large'; /** Indicates whether a parent radio-group has the readonly attribute with the value true */ parentDisabled: boolean; /** Disables the radio. */ disabled: boolean; /** Indicates whether a parent radio-group has the readonly attribute with the value true */ parentReadonly: boolean; /** Sets the radio in readonly. */ readonly: boolean; /** Indicates whether the radio should be in error state */ error: boolean; connectedCallback(): void; disconnectedCallback(): void; private addEventListeners; private removeEventListeners; private handleBlur; private handleClick; private handleFocus; handleCheckedChange(): void; handleDeactivatedChange(): void; render(): import("lit").TemplateResult<1>; } declare global { interface HTMLElementTagNameMap { 'dsa-radio': DSARadio; } }