import { PropertyValues } from 'lit'; import { InputChoiceGroupOrientation, InputChoiceGroupLayouts } from '@viasat/beam-shared/components/inputChoiceGroup'; import { ThemeTypes } from '@viasat/beam-shared/utils/constants'; import { FormField } from '../wip/Form/Form.decorator'; import { InputChoiceGroupContextProps } from './InputChoiceGroup.context'; /** * `bm-input-choice-group` * * @slot label - Add label text to the InputChoiceGroup * @slot helperText - Add helper text to the InputChoiceGroup */ export declare class InputChoiceGroup extends FormField { #private; static styles: import('lit').CSSResult; /** * Specify the theme of the InputChoiceGroup. By default it inherits the theme from the parent */ theme?: ThemeTypes; /** * Specify InputChoiceGroup orientation * * **Deprecated**: use `orientation` and `fluid` instead * * @default 'vertical' * @deprecated use `orientation` and `fluid` instead */ layout: InputChoiceGroupLayouts; /** * Specify InputChoiceGroup orientation * @default 'vertical' */ orientation: InputChoiceGroupOrientation; private _orientationSet; /** * Specify if InputChoiceGroup should take the full width of its container * @default false */ fluid: boolean; private _fluidSet; /** * Specify if InputChoiceGroup is a required input */ required: boolean; /** * Specify if the InputChoiceGroup displays with an asterisk */ hideRequiredMarker: boolean; /** * Specify error text and display error state of a InputChoiceGroup */ error?: string; /** * Specify if InputChoiceGroup displays in a read-only state */ readOnly: boolean; /** * Specify if InputChoiceGroup displays in a disabled state */ disabled: boolean; private _inputGroupLabel; private _inputGroupHelperText; radioButtons: NodeListOf; checkboxes: NodeListOf; switches: NodeListOf; private groupRef; protected selectedValue?: string; inputGroupContextValue: InputChoiceGroupContextProps; firstUpdated(): void; willUpdate(changedProperties: PropertyValues): void; updated(): void; /** * * NOTE: This should provide default behavior that can be overridable for * RadioButtonGroup || CheckboxGroup || SwitchGroup * in case default behavior is not desired * * Check RadioButtonGroup `handleKeyDown` || `updateSelectedValue` as example * */ protected handleKeyDown(_event: KeyboardEvent): void; protected updateSelectedValue(_value: string): void; protected handleClick(_event: MouseEvent): void; protected getOrientation(): "horizontal" | "vertical"; protected isFluid(): boolean; render(): import('lit-html').TemplateResult<1>; } //# sourceMappingURL=InputChoiceGroup.d.ts.map