.w-tabs(:class="tabsClasses")
.w-tabs__bar(ref="tabs-bar" :class="tabsBarClasses")
.w-tabs__bar-item(
v-for="(item, i) in tabs"
:key="i"
:class="barItemClasses(item)"
@pointerdown="onTabsBarPointerDown($event, item)"
@click="!item._disabled && item._uid !== activeTabUid && openTab(item._uid)"
@focus="$emit('focus', getOriginalItem(item))"
:tabindex="!item._disabled && 0"
@keypress.enter="!item._disabled && openTab(item._uid)"
:aria-selected="item._uid === activeTabUid ? 'true' : 'false'"
role="tab")
slot(
v-if="$slots[`item-title.${item.id || i + 1}`]"
:name="`item-title.${item.id || i + 1}`"
:item="getOriginalItem(item)"
:index="i + 1"
:active="item._uid === activeTabUid")
slot(
v-else
name="item-title"
:item="getOriginalItem(item)"
:index="i + 1"
:active="item._uid === activeTabUid")
div(v-html="item[itemTitleKey]")
.w-tabs__bar-extra(v-if="$slots['tabs-bar-extra']")
slot(name="tabs-bar-extra")
.w-tabs__slider(v-if="!noSlider && !card" :class="sliderColor" :style="sliderStyles")
.w-tabs__content-wrap(v-if="tabs.length")
transition-group(v-if="keepInDom" :name="transitionName")
tab-content(
v-for="(tab, i) in tabs"
:key="tab._uid"
:item="tab"
v-show="tab._uid === activeTab._uid"
:class="contentClasses")
slot(
v-if="$slots[`item-content.${tab._index + 1}`]"
:name="`item-content.${tab._index + 1}`"
:item="getOriginalItem(tab)"
:index="tab._index + 1"
:active="tab._index === activeTab._index")
slot(
v-else
name="item-content"
:item="getOriginalItem(tab)"
:index="tab._index + 1"
:active="tab._index === activeTab._index")
div(v-if="tab[itemContentKey]" v-html="tab[itemContentKey]")
transition(v-else :name="transitionName" :mode="transitionMode")
keep-alive(:exclude="keepAlive ? '' : 'tab-content'")
//- Keep-alive only works with components, not with DOM nodes.
tab-content(:key="activeTabUid" :item="activeTab" :class="contentClass")
template(#default="{ item }")
template(v-if="item")
slot(
v-if="$slots[`item-content.${item._index + 1}`]"
:name="`item-content.${item._index + 1}`"
:item="getOriginalItem(item)"
:index="item._index + 1"
:active="item._uid === activeTabUid")
slot(
v-else
name="item-content"
:item="getOriginalItem(item)"
:index="item._index + 1"
:active="item._uid === activeTabUid")
div(v-if="item[itemContentKey]" v-html="item[itemContentKey]")