Add checked class to checkbox option
import Ember from 'ember';

export default Ember.Component.extend({
  classNames: ['multiselect-checkbox-option'],
  classNameBindings: ['isSelected:checked'],

  tagName: 'li',

  value: null,

  selection: [],

  labelProperty: null,

  isSelected: function () {
    return this.get('selection').contains(this.get('value'));
  }.property('value', 'selection'),

  label: function () {
    var labelProperty = this.get('labelProperty');
    var value = this.get('value');

    if (labelProperty) {
      if (typeof value.get === 'function') {
        return value.get(labelProperty);
      } else {
        return value[labelProperty];
      }
    } else {
      return String(value);
    }
  }.property('value', 'labelProperty'),

  isSelectedChanged: function () {
    if (this.get('isSelected') && !this.get('selection').contains(this.get('value'))) {
      this.get('selection').addObject(this.get('value'));
    } else {
      this.get('selection').removeObject(this.get('value'));
    }
  }.observes('isSelected')
});

import Ember from 'ember';

export default Ember.Component.extend({
  classNames: ['multiselect-checkbox-option'],

  tagName: 'li',

  value: null,

  selection: [],

  labelProperty: null,

  isSelected: function () {
    return this.get('selection').contains(this.get('value'));
  }.property('value', 'selection'),

  label: function () {
    var labelProperty = this.get('labelProperty');
    var value = this.get('value');

    if (labelProperty) {
      if (typeof value.get === 'function') {
        return value.get(labelProperty);
      } else {
        return value[labelProperty];
      }
    } else {
      return String(value);
    }
  }.property('value', 'labelProperty'),

  isSelectedChanged: function () {
    if (this.get('isSelected') && !this.get('selection').contains(this.get('value'))) {
      this.get('selection').addObject(this.get('value'));
    } else {
      this.get('selection').removeObject(this.get('value'));
    }
  }.observes('isSelected')
});
