1
2
3  Polymer('paper-checkbox', {
4
5    /**
6     * Fired when the checked state changes.
7     *
8     * @event change
9     */
10
11    toggles: true,
12
13    checkedChanged: function() {
14      var cl = this.$.checkbox.classList;
15      cl.toggle('checked', this.checked);
16      cl.toggle('unchecked', !this.checked);
17      cl.toggle('checkmark', !this.checked);
18      cl.toggle('box', this.checked);
19      this.setAttribute('aria-checked', this.checked ? 'true': 'false');
20      this.fire('change');
21    },
22
23    checkboxAnimationEnd: function() {
24      var cl = this.$.checkbox.classList;
25      cl.toggle('checkmark', this.checked && !cl.contains('checkmark'));
26      cl.toggle('box', !this.checked && !cl.contains('box'));
27    }
28
29  });
30
31