(function (){
function moveHeroSlide(hero, direction){
const nativeArrow=hero.querySelector(direction==='prev'
? '.kb-blocks-bg-slider .splide__arrow--prev'
: '.kb-blocks-bg-slider .splide__arrow--next'
);
if(!nativeArrow){
return;
}
nativeArrow.dispatchEvent(new MouseEvent('click', {
bubbles: true,
cancelable: true,
view: window,
})
);
}
function buildHeroControls(hero){
if(!hero||hero.dataset.heroCarouselReady==='true'){
return;
}
const slider=hero.querySelector('.kb-blocks-bg-slider-init');
if(!slider){
return;
}
hero.dataset.heroCarouselReady='true';
const controls=document.createElement('div');
controls.className='paternity-carousel-controls';
const prev=document.createElement('button');
prev.type='button';
prev.className='paternity-carousel-control paternity-carousel-control-prev';
prev.setAttribute('aria-label', 'Imagen anterior');
prev.innerHTML='<span aria-hidden="true">&#10094;</span>';
const next=document.createElement('button');
next.type='button';
next.className='paternity-carousel-control paternity-carousel-control-next';
next.setAttribute('aria-label', 'Imagen siguiente');
next.innerHTML='<span aria-hidden="true">&#10095;</span>';
prev.addEventListener('click', function (){
moveHeroSlide(hero, 'prev');
});
next.addEventListener('click', function (){
moveHeroSlide(hero, 'next');
});
controls.appendChild(prev);
controls.appendChild(next);
hero.appendChild(controls);
}
function initHeroCarousel(){
const hero=document.querySelector('.paternity-hero-carousel');
if(!hero){
return;
}
if(hero.querySelector('.kb-blocks-bg-slider-init')){
buildHeroControls(hero);
return;
}
let tries=0;
const timer=window.setInterval(function (){
tries +=1;
if(hero.querySelector('.kb-blocks-bg-slider-init')){
window.clearInterval(timer);
buildHeroControls(hero);
}else if(tries >=20){
window.clearInterval(timer);
}}, 250);
}
if(document.readyState==='loading'){
document.addEventListener('DOMContentLoaded', initHeroCarousel);
}else{
initHeroCarousel();
}})();