component events should mask event propagation.

```
@Component({
selector: 'my-component'
events: ['change']
})
@View({
template: ''
})
class MyComponent {
}
```

The above code creates an issue. It conflates the `change` event from the `MyComponent` with the bubbling `change` event from the ``.

The correct behavior is that the `change` event which is part of the components should filter out the DOM `change` events. Otherwise

```

```

will sometimes get the `$event` from the `MyComponent` and sometimes from the `input` event.

Start by reproducing the component and input example from the issue, observing which change event reaches the my-component handler. Trace the component-event and DOM bubbling behavior involved; done means component change events no longer conflate with or receive bubbled input change events.

Written by the indexing model from the issue text.