2020-09-29 21:20:34 +00:00
|
|
|
<div
|
2020-10-11 03:39:07 +00:00
|
|
|
data-test-flex-masonry
|
2020-09-29 21:20:34 +00:00
|
|
|
class="flex-masonry {{if @withSpacing "with-spacing"}} flex-masonry-columns-{{@columns}}"
|
|
|
|
|
{{did-insert this.captureElement}}
|
|
|
|
|
{{did-insert this.reflow}}
|
2020-10-23 20:54:09 +00:00
|
|
|
{{did-update this.reflow @columns}}
|
2020-10-08 05:18:43 +00:00
|
|
|
{{window-resize this.reflow}}>
|
2020-09-29 21:20:34 +00:00
|
|
|
{{#each @items as |item|}}
|
2020-10-11 03:39:07 +00:00
|
|
|
<div data-test-flex-masonry-item class="flex-masonry-item">
|
2020-09-29 21:20:34 +00:00
|
|
|
{{yield item (action this.reflow)}}
|
|
|
|
|
</div>
|
|
|
|
|
{{/each}}
|
|
|
|
|
</div>
|
