ef4

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

ef4

import Ember from 'ember';

export default Ember.Component.extend({
  rows: Ember.computed('names', function() {
    let names = this.get('names');
    let columns = Math.floor($(window).width() / 100);
    let itemsPerColumn = Math.ceil(names.length / columns);
    
    let rows = [];
    for (let rowNumber = 0; rowNumber < itemsPerColumn; rowNumber++) {

ef4

import Ember from 'ember';

export default Ember.Controller.extend({
  nothing() {}
});

ef4

import Ember from 'ember';

const { Component } = Ember;

export default class EachChunk extends Component {};

EachChunk.tagName = '';

EachChunk.reopenClass({
  positionalParams: ['items', 'chunkSize']

ef4

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  valueList: [1, 2, 3, 4],
  updateVal(index, newValue) {
    this.set('valueList', this.valueList.map((oldValue, i) => index === i ? newValue : oldValue));
  }
});

ef4

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  state: 'one',
  
  actions: {
  	changeState: function(val){
    	this.set('state', val);

ef4

import Ember from 'ember';

export default Ember.Controller.extend({
  
  foo: 'bar',
  
  actions: {
    toggleIsOpen() {
      this.toggleProperty('isOpen');
    }