{{!
  Copyright (c) HashiCorp, Inc.
  SPDX-License-Identifier: MPL-2.0
}}

{{did-insert this.connect}}
{{will-destroy this.disconnect}}
<section
  {{did-insert (fn this.attributeChanged 'element')}}
  {{did-update (fn this.attributeChanged 'model' @model)}}
  class="outlet"
  data-outlet={{@name}}
  data-route={{this.routeName}}
  data-state={{this.state.name}}
  data-transition={{concat this.previousState.name ' ' this.state.name}}
  {{on 'transitionend' this.transitionEnd}}
>
  {{yield (hash
    state=this.state
    previousState=this.previousState
    route=this.route
  )}}
</section>