.widget(
:draggable='is_draggable'
@mouseover='hover_active = true'
@mouseleave='hover_active = false'
@dragenter='drag_enter'
@dragover='drag_over'
@dragleave='drag_leave'
@dragstart='drag_start'
@drop='drop'
:class='{ "widget-overlay": show_header, "drop-zone-bottom": indicate_drop_bottom }')
widget_header(
:show_header='show_header'
:widget='widget'
@delete_widget='delete_widget'
@edit_widget='edit_widget')
component(
:is='`${widget.widget.name}_widget`'
:widget='widget'
:brand='brand'
:campaign='campaign'
:retailer='retailer'
:locations='locations')