import Component from '@ember/component';
import layout from '../templates/components/el-radio';
import {computed} from '@ember/object';
export default Component.extend({
layout,
tagName: 'label',
classNames: ['el-radio'],
classNameBindings: [
'isChecked:is-checked',
'disabled:is-disabled',
'border:is-bordered',
'sizeClass',
],
attributeBindings: [
'role',
'isChecked:aria-checked'
],
role: 'radio',
model: null,
label: null,
name: null,
change: null,
border: false,
item: '',
size: '',
isChecked: computed('model', 'label', function () {
return this.get('model') === this.get('label');
}),
sizeClass: computed('size', function () {
return (this.get('size')) ? 'el-radio--' + this.get('size') : "";
}),
actions: {
changed(value, name) {
if (this.get('action')) {
this.get('action')(value, name);
}
}
}
});
|