.image_cropping(:class="{active: active, fixed: is_fixed_aspect_ratio, disabled: disabled}")
.boundary(:style="{paddingBottom: aspect_ratio_padding}")
.frame(:style="frame_style")
.preview(v-if="image_dimension_promise", :style="preview_style")
img.cld-responsive(v-else, :data-src="responsive_image_url")
.control(v-show="!image_dimension_promise || image_meet_aspect_minimum")
.icon_crop(@click="toggle_active") {{ active ? 'save' : 'crop' }}
.slider
el-slider(
v-model="zoom_ratio"
:min="zoom_ratio_min"
:max="zoom_ratio_max"
:format-tooltip="zoom_tooltip_format"
)
.resize_wrapper
el-tooltip(ref="tooltip", :content="aspect_ratio_tooltip_format", placement="right", effect="dark")
.icon_resize
i.pbxx-icon.pbxx-icon-verticalresize