Kristen pzuraq

## components.my-component\.js
import Component from '@glimmer/component';
import { action } from '@ember/object';
import { assert } from '@ember/debug';

export default class TestComp extends Component {
  // constructor() {
  //   super(...arguments)
  //   assert('testValue must be passed in', this.args.testValue);
  // }


## components.checkbox\.js
import Component from '@glimmer/component';
import { schedule } from '@ember/runloop';
import { action } from '@ember/object';
import { tracked } from 'tracked-built-ins';
import { cached, trackedReset } from 'tracked-toolbox';

export default class extends Component {
	@trackedReset('args.checked') children = tracked([]);

  constructor() {

## components.checkbox-tree\.hbs
<input
  class="checkbox-item"
  id={{@name}}
  type="checkbox"
  checked={{@checked}}
  {{on 'change' (fn this.setChecked (not @checked))}}
  name={{@name}}
  {{set-indeterminate this.isIndeterminate @checked}}
>
<label for={{@name}}>{{@label}}</label>

## components.filter-bar\.js
import Component from '@glimmer/component';
import { action } from '@ember/object';
import { tracked } from '@glimmer/tracking';

export default class extends Component {
  @tracked showDD = false;
	@tracked selectedFilters = [];

	get unselectedFilters() {
    return this.args.options.filter(f => !this.selectedFilters.includes(f));

## index.html
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<title>es6 proxy #jsbench #jsperf</title>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/benchmark/1.0.0/benchmark.min.js"></script>
	<script src="./suite.js"></script>
</head>
<body>
	<h1>Open the console to view the results</h1>

## controllers.application.js
import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
});
	import Component from '@glimmer/component';
	import { action } from '@ember/object';
	import { assert } from '@ember/debug';

	export default class TestComp extends Component {
	// constructor() {
	// super(...arguments)
	// assert('testValue must be passed in', this.args.testValue);
	// }
	import Component from '@glimmer/component';
	import { schedule } from '@ember/runloop';
	import { action } from '@ember/object';
	import { tracked } from 'tracked-built-ins';
	import { cached, trackedReset } from 'tracked-toolbox';

	export default class extends Component {
	@trackedReset('args.checked') children = tracked([]);

	constructor() {
	<input
	class="checkbox-item"
	id={{@name}}
	type="checkbox"
	checked={{@checked}}
	{{on 'change' (fn this.setChecked (not @checked))}}
	name={{@name}}
	{{set-indeterminate this.isIndeterminate @checked}}
	>
	<label for={{@name}}>{{@label}}</label>
	import Component from '@glimmer/component';
	import { action } from '@ember/object';
	import { tracked } from '@glimmer/tracking';

	export default class extends Component {
	@tracked showDD = false;
	@tracked selectedFilters = [];

	get unselectedFilters() {
	return this.args.options.filter(f => !this.selectedFilters.includes(f));
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8"/>
	<title>es6 proxy #jsbench #jsperf</title>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/benchmark/1.0.0/benchmark.min.js"></script>
	<script src="./suite.js"></script>
	</head>
	<body>
	<h1>Open the console to view the results</h1>
	import Ember from 'ember';

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