les2

import Component from '@glimmer/component';
import { tracked } from '@glimmer/tracking';
import { action } from '@ember/object';

export default class extends Component {
  @tracked value;
  
  constructor() {
    super(...arguments);
    this.value = this.args.value;

les2

import Ember from 'ember';

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

les2

import Ember from 'ember';

export default Ember.Component.extend({
  items: [
    {
      id: 1,
      type: 'thing-with-query',
      name: 'I am thing 1',
      query: JSON.stringify({
 "and": [

les2

import Ember from 'ember';

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

les2

import Ember from 'ember';

export default Ember.Component.extend({
});

les2

import Ember from 'ember';

const Thing = Ember.Object.extend({
  label: null,
});

function makeItems() {
  return Ember.A([
    Thing.create({label: 'One'}),
    Thing.create({label: 'Two'}),

les2

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  modelProxy: null,
  updateCount: 0,
  
  setupProxy: Ember.on('init', function() {
  	this.updateProxy();
  }),

les2

import Ember from 'ember';

export default Ember.Component.extend({
  targetAction: 'mostAwesomeAction',
  doSomething() {
    this.sendAction('targetAction', 'this value is the greatest value');
  }
});

les2

import Ember from 'ember';

export default Ember.Component.extend({

  ariaControls: null,
  children: null,
  api: null,

  init() {
    this._super(...arguments);

les2

import Ember from 'ember';

export default Ember.Component.extend({
  tagName: 'button',
  value: '',
  keyDown(e) {
    console.log(e);
    this.set('value', e.keyCode);
  }
});