assets/js/property-gallery.jsJavaScript
(function(){
'use strict';
function initGallery(root){
if(!root || root.dataset.freshOoInit==='1') return;
root.dataset.freshOoInit='1';
const thumbs=[...root.querySelectorAll('[data-gallery-thumb]')];
if(!thumbs.length) return;
const mainImg=root.querySelector('[data-gallery-main-image]');
const mainBtn=root.querySelector('[data-gallery-main]');
const current=root.querySelector('[data-gallery-current]');
const caption=root.querySelector('[data-gallery-caption]');
const thumbRail=root.querySelector('[data-gallery-thumbs]');
const dialog=root.querySelector('[data-gallery-lightbox]');
const dialogImg=root.querySelector('[data-gallery-lightbox-image]');
const dialogCaption=root.querySelector('[data-gallery-lightbox-caption]');
let index=0;
function data(i){ return thumbs[i].dataset; }
function select(i, focusThumb){
if(!thumbs.length) return;
index=(i+thumbs.length)%thumbs.length;
const d=data(index);
root.classList.add('is-changing');
mainImg.src=d.main||d.full;
mainImg.srcset=d.srcset||'';
mainImg.sizes=d.sizes||'';
mainImg.alt=d.alt||'';
if(caption) caption.textContent=d.caption||'';
if(current) current.textContent=String(index+1);
thumbs.forEach((t,n)=>{const active=n===index;t.classList.toggle('is-active',active);t.setAttribute('aria-current',active?'true':'false');});
thumbs[index].scrollIntoView({behavior:'smooth',block:'nearest',inline:'nearest'});
if(focusThumb) thumbs[index].focus({preventScroll:true});
window.setTimeout(()=>root.classList.remove('is-changing'),180);
if(dialog && dialog.open) syncLightbox();
}
function syncLightbox(){
const d=data(index); if(!dialogImg) return;
dialogImg.src=d.full||d.main; dialogImg.alt=d.alt||'';
if(dialogCaption) dialogCaption.textContent=d.caption||'';
}
function openLightbox(){ if(!dialog || root.dataset.lightbox!=='1') return; syncLightbox(); if(typeof dialog.showModal==='function') dialog.showModal(); else dialog.setAttribute('open','open'); }
function closeLightbox(){ if(!dialog) return; if(typeof dialog.close==='function') dialog.close(); else dialog.removeAttribute('open'); }
thumbs.forEach((t,i)=>t.addEventListener('click',()=>select(i,false)));
root.querySelectorAll('[data-gallery-prev],[data-gallery-lightbox-prev]').forEach(el=>el.addEventListener('click',e=>{e.stopPropagation();select(index-1,false);}));
root.querySelectorAll('[data-gallery-next],[data-gallery-lightbox-next]').forEach(el=>el.addEventListener('click',e=>{e.stopPropagation();select(index+1,false);}));
const thumbsPrev=root.querySelector('[data-gallery-thumbs-prev]'), thumbsNext=root.querySelector('[data-gallery-thumbs-next]');
if(thumbsPrev&&thumbRail) thumbsPrev.addEventListener('click',()=>thumbRail.scrollBy({left:-Math.max(thumbRail.clientWidth*.75,160),behavior:'smooth'}));
if(thumbsNext&&thumbRail) thumbsNext.addEventListener('click',()=>thumbRail.scrollBy({left:Math.max(thumbRail.clientWidth*.75,160),behavior:'smooth'}));
if(mainBtn) mainBtn.addEventListener('click',e=>{ if(e.target.closest('[data-gallery-prev],[data-gallery-next]')) return; openLightbox(); });
const close=root.querySelector('[data-gallery-lightbox-close]'); if(close) close.addEventListener('click',closeLightbox);
if(dialog) dialog.addEventListener('click',e=>{if(e.target===dialog) closeLightbox();});
root.addEventListener('keydown',e=>{
if(e.key==='ArrowLeft'){select(index-1,false);e.preventDefault();}
if(e.key==='ArrowRight'){select(index+1,false);e.preventDefault();}
if(e.key==='Escape'&&dialog&&dialog.open) closeLightbox();
});
let touchX=null;
if(mainBtn){
mainBtn.addEventListener('touchstart',e=>{touchX=e.changedTouches[0].clientX;},{passive:true});
mainBtn.addEventListener('touchend',e=>{if(touchX===null)return;const dx=e.changedTouches[0].clientX-touchX;touchX=null;if(Math.abs(dx)>45)select(index+(dx<0?1:-1),false);},{passive:true});
}
}
function init(scope){(scope||document).querySelectorAll('[data-fresh-oo-gallery]').forEach(initGallery);}
document.addEventListener('DOMContentLoaded',()=>init(document));
if(window.elementorFrontend&&window.elementorFrontend.hooks){window.elementorFrontend.hooks.addAction('frontend/element_ready/fresh-oo-property-gallery.default',function($scope){init($scope[0]||$scope);});}
})();