brettburley

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

function openModal(element) {
  const modal = document.createElement('div');
  modal.className = 'modal';
  modal.appendChild(element);
  document.body.appendChild(modal);
}

brettburley

import Ember from 'ember';

export default Ember.Component.extend({
  tagName: 'input'
});

brettburley

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  showA: true,
  showC: false,
  
  actions: {
    toggle(propName) {

brettburley

import Ember from 'ember';

const EMOJIS = `🐵 🐒 🦍 🐶 🐕 🐩 🐺 🦊 🐱 🐈 🦁 🐯 🐅 🐆 🐴 🐎 🦄 🦓 🦌 🐮 🐂 🐃 🐄 🐷 🐖 🐗 🐽 🐏 🐑 🐐 🐪 🐫 🦒 🐘 🦏 🐭 🐁 🐀 🐹 🐰 🐇 🐿 🦔 🦇 🐻 🐨 🐼 🐾 🦃`;

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  emojis: EMOJIS.split(' '),
  
  actions: {

brettburley

import Ember from 'ember';

export default Ember.Component.extend({
  classNames: ['liquidfire-transition'],
  
  isTransitioned: false,
  
  click() {
    this._super();
    this.toggleProperty('isTransitioned');

brettburley

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  color: '; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: red; ',
  
  style: Ember.computed('color', function() {
    return `background-color: ${this.get('color')};`
  })

brettburley

import Ember from 'ember';

function delay(duration, scope = null) {
  return new Ember.RSVP.Promise(resolve => Ember.run.later(scope, resolve, duration));
}

export default Ember.Component.extend({
  states: [],
  
  didReceiveAttrs() {

brettburley

import Ember from 'ember';

export default Ember.Component.extend({
  actions: {
		onchange(value) {
      
    }
  }
});

brettburley

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  actions: {
    testAction(...args) {
      debugger;
      alert(JSON.stringify(args, null, 2));
    }

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');
  }
});