checkbox list

checkbox-list.js

import Ember from 'ember';

const { Component, computed } = Ember;

export default Component.extend({
  tagName: 'ul',
  attributeBindings: ['data-test-hook'],
  checkedItemsSet: computed('checkedItems.length', function() {
    if (this.get('checkedItems')) {
      return new Set(this.get('checkedItems').toArray());
    }

    return new Set();
  }),
  actions: {
    onCheck(item) {
      let checkedItemsSet = this.get('checkedItemsSet');
      if (checkedItemsSet.has(item)) {
        checkedItemsSet.delete(item);
      } else {
        checkedItemsSet.add(item);
      }
      this.get('onChecked')(Array.from(checkedItemsSet));
    }
  }
});