brettburley

import Ember from 'ember';

export default Ember.Component.extend({
  didRender() {
    // Force browser to draw before applying animaton.
    this.$('.box')[0].offsetHeight;
    this.$('.box').addClass('active-section');
  }
});

brettburley

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  things: Ember.computed(function() {
    return [
      Ember.Object.create({ name: 'thing 1' }),
      Ember.Object.create({ name: 'thing 2' })
    ];
  }),

brettburley

import Ember from 'ember';

export default Ember.Component.extend({
  classNames: ['toast-message__custom'],
  progress: 0,
  
  didInsertElement() {
    this._super(...arguments);
    Ember.run.later(this, this.update, this.get('toast.hideAfter') / 10);
  },