Test of different ways to use the JS backing class

this.test = AAAAA!

<pre>this.test = {{this.test}}</pre>

this.myColors = primary,secondary

<pre>this.myColors = {{this.myColors}}</pre>

this.COLORS = primary,secondary

<pre>this.COLORS = {{this.COLORS}}</pre>

this.STATES = default,hover,active,focus

<pre>this.STATES = {{this.STATES}}</pre>

Count: {{this.count}}

<button type="button" name="button" {{action "clickButton"}}>Click Me</button>

<button type="button" name="button" {{on "click" this.altClickButton1 }}>altClickButton1</button>

<Hds::Button @text="altClickButton1" {{on "click" this.altClickButton1 }} />

<Hds::Button @text="noop" {{on "click" this.noop }} />