/
mdc-checkbox.js
123 lines (100 loc) · 4.08 KB
/
mdc-checkbox.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
var _dec, _dec2, _class, _desc, _value, _class2, _descriptor, _descriptor2, _descriptor3, _descriptor4, _descriptor5, _descriptor6, _descriptor7;
function _initDefineProp(target, property, descriptor, context) {
if (!descriptor) return;
Object.defineProperty(target, property, {
enumerable: descriptor.enumerable,
configurable: descriptor.configurable,
writable: descriptor.writable,
value: descriptor.initializer ? descriptor.initializer.call(context) : void 0
});
}
function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) {
var desc = {};
Object['ke' + 'ys'](descriptor).forEach(function (key) {
desc[key] = descriptor[key];
});
desc.enumerable = !!desc.enumerable;
desc.configurable = !!desc.configurable;
if ('value' in desc || desc.initializer) {
desc.writable = true;
}
desc = decorators.slice().reverse().reduce(function (desc, decorator) {
return decorator(target, property, desc) || desc;
}, desc);
if (context && desc.initializer !== void 0) {
desc.value = desc.initializer ? desc.initializer.call(context) : void 0;
desc.initializer = undefined;
}
if (desc.initializer === void 0) {
Object['define' + 'Property'](target, property, desc);
desc = null;
}
return desc;
}
function _initializerWarningHelper(descriptor, context) {
throw new Error('Decorating class property failed. Please ensure that transform-class-properties is enabled.');
}
import { inject, bindable, bindingMode, DOM } from 'aurelia-framework';
import { MDCCheckbox } from '@material/checkbox/dist/mdc.checkbox.min';
export let MdcCheckbox = (_dec = inject(Element), _dec2 = bindable({ defaultBindingMode: bindingMode.twoWay }), _dec(_class = (_class2 = class MdcCheckbox {
constructor(element) {
_initDefineProp(this, 'checked', _descriptor, this);
_initDefineProp(this, 'disabled', _descriptor2, this);
_initDefineProp(this, 'required', _descriptor3, this);
_initDefineProp(this, 'id', _descriptor4, this);
_initDefineProp(this, 'label', _descriptor5, this);
_initDefineProp(this, 'model', _descriptor6, this);
_initDefineProp(this, 'secondarylabel', _descriptor7, this);
this.element = element;
}
bind() {
this.mdcCheckbox = new MDCCheckbox(this.element);
this.element.id = '_' + this.id;
}
checkedChanged(newValue) {
const event = new CustomEvent('change', { bubbles: true, detail: { value: newValue } });
this.element.dispatchEvent(event);
if (!newValue && this.required) {
this.requiredChanged(true);
} else {
this.requiredChanged(false);
}
}
requiredChanged(newValue) {
if (newValue) {
this.element.classList.add('mdc-checkbox--invalid');
} else {
this.element.classList.remove('mdc-checkbox--invalid');
}
}
disabledChanged(newValue) {
this.mdcCheckbox.disabled = !!newValue;
}
}, (_descriptor = _applyDecoratedDescriptor(_class2.prototype, 'checked', [_dec2], {
enumerable: true,
initializer: function () {
return false;
}
}), _descriptor2 = _applyDecoratedDescriptor(_class2.prototype, 'disabled', [bindable], {
enumerable: true,
initializer: function () {
return false;
}
}), _descriptor3 = _applyDecoratedDescriptor(_class2.prototype, 'required', [bindable], {
enumerable: true,
initializer: function () {
return false;
}
}), _descriptor4 = _applyDecoratedDescriptor(_class2.prototype, 'id', [bindable], {
enumerable: true,
initializer: null
}), _descriptor5 = _applyDecoratedDescriptor(_class2.prototype, 'label', [bindable], {
enumerable: true,
initializer: null
}), _descriptor6 = _applyDecoratedDescriptor(_class2.prototype, 'model', [bindable], {
enumerable: true,
initializer: null
}), _descriptor7 = _applyDecoratedDescriptor(_class2.prototype, 'secondarylabel', [bindable], {
enumerable: true,
initializer: null
})), _class2)) || _class);