1 | import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
|
2 | import { Color, StyleEventDetail } from '../../interface';
|
3 | /**
|
4 | * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
|
5 | *
|
6 | * @part container - The container for the radio mark.
|
7 | * @part mark - The checkmark or dot used to indicate the checked state.
|
8 | */
|
9 | export declare class Radio implements ComponentInterface {
|
10 | private inputId;
|
11 | private radioGroup;
|
12 | private nativeInput;
|
13 | el: HTMLIonRadioElement;
|
14 | /**
|
15 | * If `true`, the radio is selected.
|
16 | */
|
17 | checked: boolean;
|
18 | /**
|
19 | * The tabindex of the radio button.
|
20 | * @internal
|
21 | */
|
22 | buttonTabindex: number;
|
23 | /**
|
24 | * The color to use from your application's color palette.
|
25 | * Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
|
26 | * For more information on colors, see [theming](/docs/theming/basics).
|
27 | */
|
28 | color?: Color;
|
29 | /**
|
30 | * The name of the control, which is submitted with the form data.
|
31 | */
|
32 | name: string;
|
33 | /**
|
34 | * If `true`, the user cannot interact with the radio.
|
35 | */
|
36 | disabled: boolean;
|
37 | /**
|
38 | * the value of the radio.
|
39 | */
|
40 | value?: any | null;
|
41 | /**
|
42 | * Emitted when the styles change.
|
43 | * @internal
|
44 | */
|
45 | ionStyle: EventEmitter<StyleEventDetail>;
|
46 | /**
|
47 | * Emitted when the radio button has focus.
|
48 | */
|
49 | ionFocus: EventEmitter<void>;
|
50 | /**
|
51 | * Emitted when the radio button loses focus.
|
52 | */
|
53 | ionBlur: EventEmitter<void>;
|
54 | /** @internal */
|
55 | setFocus(ev: any): Promise<void>;
|
56 | /** @internal */
|
57 | setButtonTabindex(value: number): Promise<void>;
|
58 | connectedCallback(): void;
|
59 | disconnectedCallback(): void;
|
60 | componentWillLoad(): void;
|
61 | emitStyle(): void;
|
62 | private updateState;
|
63 | private onClick;
|
64 | private onFocus;
|
65 | private onBlur;
|
66 | render(): any;
|
67 | }
|