.fv-slider(@mousedown="moveStart($event)",
@touchstart="moveStart($event)")
.tabs-container(v-if="showTabs")
fv-button.fv-grow(v-for="(slide, i) in slides",
:key="'tab-' + slide + i",
:class="{'fv-selected': value === slide}",
@click.prevent="setValue(slide)")
slot(v-if="allSlots['tab-' + slide]", :selected="value === slide", :name="'tab-' + slide")
slot(v-else-if="allSlots.tab", :slide="slide", :selected="value === slide", name="tab")
span(v-else) {{slide}}
transition-group(:name="animationName")
.slider-page(v-for="(slide, i) in slides",
:key="'slide-' + slide + i",
v-show="slide === value")
slot(:name="'slide-' + slide",
:selected="value === slide")
fv-button.fv-size-xl.next(v-if="showButtons",
@click.prevent="moveSlide(true)")
.icon(:style="{ transform: icons.next }", v-html="icons.icon")
fv-button.fv-size-xl.prev(v-if="showButtons",
@click.prevent="moveSlide(false)")
.icon(:style="{ transform: icons.prev }", v-html="icons.icon")
ul.nav(v-if="showNavs")
li(v-for="(slide, i) in slides",
:key="'nav-' + slide + i",
@click.prevent="setValue(slide)",
:class="{selected: value === slide}")