2020-10-05 12:35:07 -04:00
|
|
|
<span
|
|
|
|
|
id={{this.id}}
|
|
|
|
|
class="copyable"
|
|
|
|
|
{{did-insert this.register}}
|
|
|
|
|
{{will-destroy this.destroy}}
|
|
|
|
|
>
|
2020-09-29 15:08:21 -04:00
|
|
|
|
2020-10-05 12:35:07 -04:00
|
|
|
{{#if this.copied}}
|
|
|
|
|
<mark class="copyable-content">
|
|
|
|
|
{{yield}}
|
|
|
|
|
</mark>
|
|
|
|
|
{{else}}
|
|
|
|
|
<span class="copyable-content">
|
|
|
|
|
{{yield}}
|
|
|
|
|
</span>
|
|
|
|
|
{{/if}}
|
|
|
|
|
|
|
|
|
|
{{#if this.isClipboardLibrarySupported}}
|
2020-09-29 15:08:21 -04:00
|
|
|
<Rose::Button
|
2020-09-30 11:07:44 -04:00
|
|
|
id={{this.copyableButtonId}}
|
2020-09-30 14:15:32 -04:00
|
|
|
aria-describedby={{this.id}}
|
2020-09-29 15:08:21 -04:00
|
|
|
class="copyable-button"
|
|
|
|
|
@style="ghost"
|
2020-10-02 12:31:30 -04:00
|
|
|
@iconOnly={{if this.copied this.successIcon this.actionIcon}}
|
|
|
|
|
title={{if this.copied this.successText this.actionText}}
|
2020-10-05 12:35:07 -04:00
|
|
|
>
|
|
|
|
|
{{this.actionText}}
|
|
|
|
|
</Rose::Button>
|
|
|
|
|
{{/if}}
|
|
|
|
|
</span>
|
