.pasos-b
.row.flex-nowrap.mx-0.pasos-b__header.mb-4
.col-2.col-sm-auto.px-0.me-sm-3
.pasos-b__header__btn--left(
:class="{ 'is-disabled': elements.length && selected === elements[0].id }"
@click="goLeft"
)
i.fas.fa-angle-left
.col-8.col-sm.px-0
.row.mx-0.flex-nowrap.pasos-b__header__items
ScrollHorizontal(
v-if="elements.length"
:selectedId="'pb-header-' + (selected -1)"
)
.col-6.col-sm-4.px-0.pasos-b__header__item(
v-for="(elm,index) of elements"
:key="'pb-header-key-'+elm.id"
:id="'pb-header-' +elm.id"
:class="itemClasses(elm.id)"
)
.pasos-b__header__item__line-container
.pasos-b__header__item__dot
span.text-bold {{index +1}}
i.fas.fa-check
.pasos-b__header__item__tittle.px-2.text-small(v-html="elm.titulo")
.col-2.col-sm-auto.px-0.ms-sm-3.d-flex.justify-content-end
.pasos-b__header__btn--right(
:class="{ 'is-disabled': elements.length && selected === elements[elements.length - 1].id }"
@click="goRight"
@mouseover="mostrarIndicador = false"
)
i.fas.fa-angle-right
.indicador__container.indicador--left(v-if="mostrarIndicador")
.indicador--click
.linea-tiempo-c__content
ScrollHorizontal(
v-if="elements.length"
:selectedId="'pb-content-' + selected"
item-full-width
)
.linea-tiempo-c__content__item(
v-for="item in elements"
:key="'pb-content-key-'+item.id"
:id="'pb-content-'+item.id"
v-child="item.elm"
)
.hidden-slot
slot