2021-04-06 12:40:40 +00:00
|
|
|
{{#let (hash
|
|
|
|
labelledby=(unique-id)
|
|
|
|
) as |aria|}}
|
|
|
|
<Portal @target="modal">
|
|
|
|
{{yield}}
|
2020-11-06 14:57:19 +00:00
|
|
|
<div
|
2021-04-06 12:40:40 +00:00
|
|
|
class="modal-dialog"
|
|
|
|
aria-hidden="true"
|
|
|
|
...attributes
|
|
|
|
{{did-insert (action "connect")}}
|
|
|
|
{{will-destroy (action "disconnect")}}
|
2020-11-06 14:57:19 +00:00
|
|
|
>
|
2021-04-06 12:40:40 +00:00
|
|
|
<div tabindex="-1" data-a11y-dialog-hide></div>
|
2021-03-09 09:30:01 +00:00
|
|
|
<div
|
2021-04-06 12:40:40 +00:00
|
|
|
class="modal-dialog-modal"
|
|
|
|
role="dialog"
|
|
|
|
aria-label={{@aria.label}}
|
2021-03-09 09:30:01 +00:00
|
|
|
>
|
2021-04-06 12:40:40 +00:00
|
|
|
<div
|
|
|
|
role="document"
|
|
|
|
>
|
|
|
|
<header class="modal-dialog-header">
|
2023-02-22 21:05:15 +00:00
|
|
|
<Hds::Button
|
2021-04-06 12:40:40 +00:00
|
|
|
data-a11y-dialog-hide
|
2023-02-22 21:05:15 +00:00
|
|
|
@text='Close dialog'
|
|
|
|
@color='secondary'
|
|
|
|
@icon='x'
|
|
|
|
@size='small'
|
|
|
|
@isIconOnly={{true}}
|
|
|
|
/>
|
2021-04-06 12:40:40 +00:00
|
|
|
<YieldSlot @name="header">
|
|
|
|
{{yield (hash
|
|
|
|
open=(action "open")
|
|
|
|
close=(action "close")
|
2022-07-18 14:30:37 +00:00
|
|
|
opened=this.isOpen
|
2021-04-06 12:40:40 +00:00
|
|
|
aria=aria
|
|
|
|
)}}
|
|
|
|
</YieldSlot>
|
|
|
|
</header>
|
|
|
|
<div class="modal-dialog-body">
|
|
|
|
<YieldSlot @name="body">
|
|
|
|
{{yield (hash
|
|
|
|
open=(action "open")
|
|
|
|
close=(action "close")
|
2022-07-18 14:30:37 +00:00
|
|
|
opened=this.isOpen
|
2021-04-06 12:40:40 +00:00
|
|
|
aria=aria
|
|
|
|
)}}
|
|
|
|
</YieldSlot>
|
|
|
|
</div>
|
|
|
|
<footer class="modal-dialog-footer">
|
|
|
|
<YieldSlot @name="actions" @params={{block-params (action "close")}}>
|
|
|
|
{{yield (hash
|
|
|
|
open=(action "open")
|
|
|
|
close=(action "close")
|
2022-07-18 14:30:37 +00:00
|
|
|
opened=this.isOpen
|
2021-04-06 12:40:40 +00:00
|
|
|
aria=aria
|
|
|
|
)}}
|
|
|
|
</YieldSlot>
|
|
|
|
</footer>
|
2020-07-09 13:30:17 +00:00
|
|
|
</div>
|
2018-10-19 15:17:02 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
2021-04-06 12:40:40 +00:00
|
|
|
</Portal>
|
|
|
|
{{/let}}
|