"
x-ref="dimensions"
x-show="store.resizing"
x-cloak
x-transition:enter.opacity.duration.300ms
x-transition:leave.opacity.duration.500ms.delay.600ms>
<%= lookbook_render :dimensions_display, target: "[data-component=viewport] iframe" %>
<%= "grid-rows-[1fr_17px]" if @resize_height %>"
style="width: calc(100% + 2px); height: calc(100% + 1px); <%= "max-height: #{@max_height}px;" if @max_height.present? %>">
<% if @resize_width %>
"
@pointerdown="onResizeWidthStart"
@dblclick="toggleFullWidth">
<% end %>
<% if @resize_height %>
"
@pointerdown="onResizeHeightStart"
@dblclick="toggleFullHeight">
<% end %>
<% if @resize_height && @resize_width %>
<% end %>