()
| 621 | } |
| 622 | |
| 623 | private renderRadio() { |
| 624 | const inputs = this.processedInputs; |
| 625 | |
| 626 | if (inputs.length === 0) { |
| 627 | return null; |
| 628 | } |
| 629 | |
| 630 | return ( |
| 631 | <div class="alert-radio-group" role="radiogroup" aria-activedescendant={this.activeId}> |
| 632 | {inputs.map((i) => ( |
| 633 | <button |
| 634 | type="button" |
| 635 | onClick={() => this.rbClick(i)} |
| 636 | aria-checked={`${i.checked}`} |
| 637 | disabled={i.disabled} |
| 638 | id={i.id} |
| 639 | tabIndex={i.tabindex} |
| 640 | class={{ |
| 641 | ...getClassMap(i.cssClass), |
| 642 | 'alert-radio-button': true, |
| 643 | 'alert-tappable': true, |
| 644 | 'alert-radio': true, |
| 645 | 'ion-focusable': true, |
| 646 | 'alert-radio-button-disabled': i.disabled || false, |
| 647 | }} |
| 648 | role="radio" |
| 649 | > |
| 650 | <div class="alert-button-inner"> |
| 651 | <div class="alert-radio-icon"> |
| 652 | <div class="alert-radio-inner"></div> |
| 653 | </div> |
| 654 | <div class="alert-radio-label">{i.label}</div> |
| 655 | </div> |
| 656 | </button> |
| 657 | ))} |
| 658 | </div> |
| 659 | ); |
| 660 | } |
| 661 | |
| 662 | private renderInput() { |
| 663 | const inputs = this.processedInputs; |
no test coverage detected