finpro/dist/components/fp-radio-group/fp-radio-group.d.ts

Design System

import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
import 'element-internals-polyfill';
import FpRadio from './fp-radio/fp-radio';
export declare const fpRadioGroupTag = "fp-radio-group";
export declare const fpChangeEventName = "fp-radio-change";
declare const FpRadioGroup_base: import("@open-wc/form-control").Constructor<import("@open-wc/form-control").FormControlInterface> & typeof LitElement;
/**
 * @tag fp-radio-group
 * @summary Finpro Button component
 *
 * @cssproperty --fp-radio-direction - Can be used for showing radio options as columns instead of rows. Options are `row` or `column`
 */
export default class FpRadioGroup extends FpRadioGroup_base {
    static get styles(): CSSResultGroup;
    /**
     * Sets the radio group label
     */
    label: string;
    /**
     * Set and gets the actual value of the field
     */
    value: string;
    /**
     * Sets option as required
     */
    required: boolean;
    get options(): FpRadio[];
    get availableOptions(): FpRadio[];
    updated(changedProperties: Map<string, unknown>): void;
    /**
     * Fires when radio group value changed
     */
    private onChange;
    private focusedOptionIndex;
    private handleOptionChecked;
    private handleKeyDown;
    connectedCallback(): void;
    private handleFocus;
    render(): TemplateResult;
}
declare global {
    interface HTMLElementTagNameMap {
        [fpRadioGroupTag]: FpRadioGroup;
    }
    interface HTMLElementEventMap {
        [fpChangeEventName]: CustomEvent<string>;
    }
}
export {};
//# sourceMappingURL=fp-radio-group.d.ts.map