Updated saga and moved radiobutton aria labelled as passthru

pull/345/head
cagataycivici 2020-05-13 00:24:19 +03:00
parent 699a48f502
commit 0650459555
11 changed files with 10 additions and 18 deletions

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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',

View File

@ -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>