framework: @transient does not appear to work for custom elements

I’m submitting a bug report

• Library Version: 1.0.0

Please tell us about your environment:

• Operating System: OSX 10.11.2
• Node Version: 0.4.0
• NPM Version: 3.8.9
• JSPM OR Webpack AND Version JSPM 0.16.38
• Browser: all
• Language: ESNext

Current behavior: @transient on a custom element doesn’t cause it to be created/destroyed using if.bind

Expected/desired behavior: @transient decorator should cause the custom element to be completely destroyed/recreated https://gist.run/?id=b4c451b5a1940afa3fc321a434377e2e

• What is the motivation / use case for changing the behavior? theif.bind example is the simplest I could think of to test the expected behavior of @transient as shown here in the Aurelia Hub

import {transient, inject} from 'aurelia-framework';
import {HttpClient} from 'aurelia-fetch-client';

@transient()
@inject(HttpClient)
export class CustomerDetail {
  constructor(http) {
    this.http = http;
  }
}