Updated saga and moved radiobutton aria labelled as passthru
parent
699a48f502
commit
0650459555
|
@ -2,7 +2,7 @@
|
|||
:root {
|
||||
--layer-0: #ffffff;
|
||||
--layer-1: #f8f9fa;
|
||||
--layer-2: #dee2e6;
|
||||
--layer-2: #e9ecef;
|
||||
--text-color: #495057;
|
||||
--text-color-secondary: #6c757d;
|
||||
--primary-color: #2196F3;
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
:root {
|
||||
--layer-0: #ffffff;
|
||||
--layer-1: #f8f9fa;
|
||||
--layer-2: #dee2e6;
|
||||
--layer-2: #e9ecef;
|
||||
--text-color: #495057;
|
||||
--text-color-secondary: #6c757d;
|
||||
--primary-color: #00ACC1;
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
:root {
|
||||
--layer-0: #ffffff;
|
||||
--layer-1: #f8f9fa;
|
||||
--layer-2: #dee2e6;
|
||||
--layer-2: #e9ecef;
|
||||
--text-color: #495057;
|
||||
--text-color-secondary: #6c757d;
|
||||
--primary-color: #673AB7;
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
:root {
|
||||
--layer-0: #ffffff;
|
||||
--layer-1: #f8f9fa;
|
||||
--layer-2: #dee2e6;
|
||||
--layer-2: #e9ecef;
|
||||
--text-color: #495057;
|
||||
--text-color-secondary: #6c757d;
|
||||
--primary-color: #4CAF50;
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
:root {
|
||||
--layer-0: #ffffff;
|
||||
--layer-1: #f8f9fa;
|
||||
--layer-2: #dee2e6;
|
||||
--layer-2: #e9ecef;
|
||||
--text-color: #495057;
|
||||
--text-color-secondary: #6c757d;
|
||||
--primary-color: #3F51B5;
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
:root {
|
||||
--layer-0: #ffffff;
|
||||
--layer-1: #f8f9fa;
|
||||
--layer-2: #dee2e6;
|
||||
--layer-2: #e9ecef;
|
||||
--text-color: #495057;
|
||||
--text-color-secondary: #6c757d;
|
||||
--primary-color: #FFC107;
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
:root {
|
||||
--layer-0: #ffffff;
|
||||
--layer-1: #f8f9fa;
|
||||
--layer-2: #dee2e6;
|
||||
--layer-2: #e9ecef;
|
||||
--text-color: #495057;
|
||||
--text-color-secondary: #6c757d;
|
||||
--primary-color: #9C27B0;
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
:root {
|
||||
--layer-0: #ffffff;
|
||||
--layer-1: #f8f9fa;
|
||||
--layer-2: #dee2e6;
|
||||
--layer-2: #e9ecef;
|
||||
--text-color: #495057;
|
||||
--text-color-secondary: #6c757d;
|
||||
--primary-color: #009688;
|
||||
|
|
|
@ -3,7 +3,6 @@ import Vue from 'vue';
|
|||
export declare class RadioButton extends Vue {
|
||||
value: any;
|
||||
modelValue: any;
|
||||
ariaLabelledBy?: string;
|
||||
$emit(eventName: 'click', event: Event): this;
|
||||
$emit(eventName: 'input', value: any): this;
|
||||
$emit(eventName: 'change', event: Event): this;
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<div class="p-radiobutton p-component" @click="onClick($event)">
|
||||
<div class="p-hidden-accessible">
|
||||
<input ref="input" type="radio" :checked="checked" :value="value" v-bind="$attrs" @focus="onFocus($event)" @blur="onBlur($event)" :aria-labelledby="ariaLabelledBy">
|
||||
<input ref="input" type="radio" :checked="checked" :value="value" v-bind="$attrs" @focus="onFocus($event)" @blur="onBlur($event)">
|
||||
</div>
|
||||
<div ref="box" :class="['p-radiobutton-box', {'p-highlight': checked, 'p-disabled': $attrs.disabled, 'p-focus': focused}]" role="radio" :aria-checked="checked">
|
||||
<span :class="['p-radiobutton-icon', {'pi pi-circle-on': checked}]"></span>
|
||||
|
@ -16,8 +16,7 @@ export default {
|
|||
inheritAttrs: false,
|
||||
props: {
|
||||
value: null,
|
||||
modelValue: null,
|
||||
ariaLabelledBy: null
|
||||
modelValue: null
|
||||
},
|
||||
model: {
|
||||
prop: 'modelValue',
|
||||
|
|
|
@ -91,12 +91,6 @@ export default {
|
|||
<td>blur</td>
|
||||
<td>event: Browser event</td>
|
||||
<td>Callback to invoke on blur.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>ariaLabelledBy</td>
|
||||
<td>string</td>
|
||||
<td>null</td>
|
||||
<td>Establishes relationships between the component and label(s) where its value should be one or more element IDs.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
Loading…
Reference in New Issue