div.slider-root
div.slider-button-area.left-button(
v-if="scrollButtonsVisible()",
@mousedown.left="shiftRight"
)
a.slider-button
.svg-icon(v-html="icons.previous")
div.slider-button-area.right-button(
v-if="scrollButtonsVisible()",
@mousedown.left="shiftLeft"
)
a.slider-button
.svg-icon(v-html="icons.next")
// 120 = width of the left/right buttons
div.sliding-content(v-resize="500", @resized="currentWidth = $event.width - 120")
.items.items-one-line
template(v-for="item in showItems")
div.vertical-divider(
v-if="shouldAddVerticalLine(item)"
v-bind:style="dividerMargins"
)
slot(
name="item",
:item="item",
)