TRMW

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

export default class extends Component {
  @tracked value = '';
    
  @action
  onKeyUp(e) {
    let keyboardCode;

TRMW

import Ember from 'ember';

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

TRMW

import Ember from 'ember';

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

TRMW

import Ember from 'ember';

export default Ember.Controller.extend({
  isSelectedAll: false,
  isIndeterminate: true,
  
  options: [
    Ember.Object.create({
      label: 'First',
      isSelected: false

TRMW

import Ember from 'ember';

export default Ember.Component.extend({
  isSelectedAll: false,
  isIndeterminate: false,
  
  didReceiveAttrs(...args) {
    this._super(...args);
    this.updateSelectAllState();
  },

TRMW

import Ember from 'ember';

export default Ember.Controller.extend({
  isSelectedNone: false,
  
  options: Ember.computed(function() {
    return [
      {
        label: 'First',
        isSelected: true

TRMW

import Ember from 'ember';

export default Ember.Component.extend({
  actions: {
  	myAction() {
      this.sendAction('passedAction'); 
    }
  }
});

TRMW

import Ember from 'ember';

export default Ember.Component.extend();

TRMW

import Ember from 'ember';

export default Ember.Component.extend({
  classNames: ['base-class'],
  style: 'border: solid 2px blue'
});

TRMW

import Ember from 'ember';

export default Ember.Component.extend({
  classNameBindings: ['includeBaseStyling:input-select'],
  includeBaseStyling: true,
  content: null,
  optionValuePath: 'value',
  optionLabelPath: 'label',
  disabled: false,
  useOptionsAsValues: false,