.linea-tiempo-c
.row.flex-nowrap.mx-0.linea-tiempo-c__header.mb-4
.col-2.col-sm-auto.px-0.me-sm-3
.linea-tiempo-c__header__btn--left(
:class="{ 'is-disabled': elements.length && selected === elements[0].id }"
@click="!isFirst && (selected = leftBtnId)"
)
i.fas.fa-angle-left
.col-8.col-sm.px-0
.row.mx-0.flex-nowrap.linea-tiempo-c__header__items
ScrollHorizontal(
v-if="elements.length"
:selectedId="'ltc-header-' + (selected - 1)"
)
.col-6.col-sm-4.px-0.linea-tiempo-c__header__item(
v-for="(elm,index) of elements"
:key="'ltc-header-key-'+elm.id"
:id="'ltc-header-' + elm.id"
:class="itemClasses(elm.id)"
@click="selected = elm.id"
@mouseover="mostrarIndicador = mostrarIndicador && index >= 1 ? false : mostrarIndicador"
)
.indicador__container(v-if="mostrarIndicador && index === 1")
.indicador--click.indicador--sm
span.linea-tiempo-c__header__item__year(v-html="elm.titulo" :class="{'text-small' : textSmall }")
.linea-tiempo-c__header__item__line-container
.linea-tiempo-c__header__item__dot
.col-2.col-sm-auto.px-0.ms-sm-3.d-flex.justify-content-end
.linea-tiempo-c__header__btn--right(
:class="{ 'is-disabled': elements.length && selected === elements[elements.length - 1].id }"
@click="!isLast && (selected = rightBtnId)"
)
i.fas.fa-angle-right
.linea-tiempo-c__content
ScrollHorizontal(
v-if="elements.length"
:selectedId="'ltc-content-' + selected"
item-full-width
)
.linea-tiempo-c__content__item(
v-for="item in elements"
:key="'ltc-content-key-'+item.id"
:id="'ltc-content-'+item.id"
v-child="item.elm"
)
.hidden-slot
slot