Fixed checkbox toggle

The ember classes were clobbered

app/components/x-toggle.js

@@ -7,11 +7,16 @@ export default Ember.Component.extend({
   on: 'On',
   toggled: false,
 
-  inputClasses: Ember.computed('themeClass', function () {
+  inputClasses: Ember.observer('themeClass', 'inputCheckbox', function () {
     var themeClass = this.get('themeClass');
+    var input = this.get('inputCheckbox');
 
-    return ['x-toggle', themeClass];
-  }),
+    if (input) {
+      var inputClasses = input.get('classNames') || [];
+
+      input.set('classNames', inputClasses.concat(['x-toggle', themeClass]));
+    }
+  }).on('init'),
 
   themeClass: Ember.computed('theme', function () {
     var theme = this.get('theme') || 'default';

app/templates/components/x-toggle.hbs

@@ -1,2 +1,2 @@
-{{input classNames=inputClasses id=generatedId type='checkbox' checked=toggled}}
+{{input id=generatedId type='checkbox' checked=toggled viewName='inputCheckbox'}}
 <label class='x-toggle-btn' {{bind-attr for=generatedId data-tg-off=off data-tg-on=on}}></label>

tests/dummy/app/controllers/application.js

@@ -0,0 +1,9 @@
+import Ember from 'ember';
+
+export default Ember.Controller.extend({
+  actions: {
+    checkboxToggled: function () {
+      this.toggleProperty('toggled');
+    }
+  }
+});