.img-infografica
.img-infografica__img(:ref="'img-ref-'+mainId")
slot(name="imagen")
.img-infografica__content(v-if="elements.length")
.img-infografica__item(
v-for="(item, index) in elements"
:key="'img-infografica-btn-'+item.id"
:style="[{top: item.y},{left: item.x}]"
@mouseover="selected = item.id"
@mouseleave="selected = 0"
)
.img-infografica__item__dot
.img-infografica__item__numero(v-if="item.hasOwnProperty('numero')") {{item.numero}}
.img-infografica__card(
v-for="item in elements"
:key="'img-infografica-card-'+item.id"
:ref="'card-ref-'+item.id"
:style="getCardCords(item.id)"
:class="{'img-infografica__card--selected' : selected === item.id}"
@mouseover="selected = item.id"
@mouseleave="selected = 0"
v-child="item.elm"
)
.img-infografica__indicador(
v-if="firstElement && showIndicator"
:style="[{top: firstElement.y},{left: firstElement.x}]"
)
.indicador--hover
.hidden-slot
slot