{# @description Wraps a picture and uncovers it from one edge as it scrolls into view, while it settles from a slight zoom. Simply there where the browser cannot do it. #}
{# @prop from:select['left', 'right', 'top', 'bottom', 'centre'] | default:"left" | description:"The edge the picture is uncovered from. centre opens outwards to both sides." #}
{# @prop zoom:number | default:"1.1" | description:"How enlarged the picture starts, as a multiple of its size. 1 holds it still." #}
{# @prop over:number | default:"1" | description:"How much scrolling the wipe takes, as a multiple of the picture's own height" #}
{# @prop class:text | description:"Extra classes on the frame. Rounded corners go here." #}
{# @slot The picture — An img, a mockup, a card. Anything with a box. #}
{% comment %}
The frame stays clipped to its own box once the wipe is done, so a shadow
belongs on an element around this one.
{% endcomment %}