jon-hall

import Ember from 'ember';

export default Ember.Component.extend({
  classNames: ['some-class'],
  
  attributeBindings: ['style'],
  
  style: 'display: none',
  
  x: 5,

jon-hall

import Ember from 'ember';

const A = Ember.Object.extend({
  value: 5,
  comp: Ember.computed('value', function() {
    return `val: ${this.value}`;
  })
});

const B = A.extend({

jon-hall

import Ember from 'ember';
import { inject as service } from '@ember/service';

const MyThing = Ember.Object.extend({
  router: service('-routing')
});

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  

jon-hall

import Ember from 'ember';

export default Ember.Component.extend({
  classNames: ['zoom-container'],
  
  zoom: 1,
  
  containerStyle: Ember.computed(
    'zoom',
    function() {

jon-hall

import Ember from 'ember';

const FOCUSABLE_SELECTOR = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';

export default Ember.Component.extend({
  enabled: true,
  
  focusChild(index) {
    const focusables = this.element.querySelectorAll(
    	FOCUSABLE_SELECTOR

jon-hall

import Ember from 'ember';

export default Ember.Controller.extend({
  selectedValue: 'initial value',
  
  computedValue: Ember.computed(
    'selectedValue',
    function() {
      if(this.get("selectedValue")) {
        return this.get("selectedValue");

jon-hall

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  queryParams: ['a'],

	qpHistory: '',
  
  qpObs: Ember.on('init', Ember.observer(
    'model.a',

jon-hall

import Ember from 'ember';
import computed from 'ember-macro-helpers/computed';
import raw from 'ember-macro-helpers/raw';

function switchCase(
  property,
  cases,
  defaultValue
) {
  return computed(

jon-hall

import Ember from 'ember';

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

jon-hall

import Ember from 'ember';

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