(function (){
'use strict';
var ajaxUrl=(window.zdSearch&&window.zdSearch.ajaxUrl)||'/wp-admin/admin-ajax.php';
var overlay=document.getElementById('search-overlay');
var input=document.getElementById('search-input');
var listEl=document.getElementById('search-list');
var emptyEl=document.getElementById('search-empty');
var noneEl=document.getElementById('search-none');
var loadingEl=document.getElementById('search-loading');
var pluginWrap=document.getElementById('zds-plugin-wrap');
var pluginBtn=document.getElementById('zds-plugin-btn');
var pluginDrop=document.getElementById('zds-plugin-dropdown');
var pluginLbl=document.getElementById('zds-plugin-label');
var chevron=document.getElementById('zds-plugin-chevron');
var closeBtn=document.getElementById('search-close');
var openBtn=document.getElementById('search-btn');
var heroBtn=document.getElementById('hero-search-trigger');
if(!overlay||!input) return;
var currentDocId=0;
var activeIdx=-1;
var debounceT=null;
var lastXhr=null;
var lastFocus=null;
function openOverlay(){
lastFocus=document.activeElement;
overlay.style.display='flex';
overlay.setAttribute('aria-hidden', 'false');
if(openBtn) openBtn.setAttribute('aria-expanded', 'true');
setTimeout(function (){ input.focus(); }, 50);
if(input.value.trim().length >=2) doSearch(input.value.trim());
}
function closeOverlay(){
overlay.style.display='none';
overlay.setAttribute('aria-hidden', 'true');
if(openBtn) openBtn.setAttribute('aria-expanded', 'false');
closeDrop();
if(lastFocus&&typeof lastFocus.focus==='function'){
lastFocus.focus();
}}
function openDrop(){
pluginDrop.style.display='block';
chevron.style.transform='rotate(180deg)';
pluginBtn.setAttribute('aria-expanded', 'true');
}
function closeDrop(){
pluginDrop.style.display='none';
chevron.style.transform='';
pluginBtn.setAttribute('aria-expanded', 'false');
}
if(openBtn) openBtn.addEventListener('click', openOverlay);
if(heroBtn) heroBtn.addEventListener('click', openOverlay);
if(closeBtn) closeBtn.addEventListener('click', closeOverlay);
overlay.addEventListener('mousedown', function (e){
if(e.target===overlay) closeOverlay();
});
document.addEventListener('keydown', function (e){
if(e.key==='Escape'){
if(overlay.style.display==='flex'){
if(pluginDrop.style.display!=='none') closeDrop();
else closeOverlay();
}
return;
}
if((e.metaKey||e.ctrlKey)&&e.key==='k'){
e.preventDefault();
openOverlay();
return;
}
if(overlay.style.display==='flex'){
handleArrows(e);
trapFocus(e);
}});
function trapFocus(e){
if(e.key!=='Tab') return;
var focusables=overlay.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
);
var visible=[];
for (var i=0; i < focusables.length; i++){
if(focusables[i].offsetParent!==null) visible.push(focusables[i]);
}
if(!visible.length) return;
var first=visible[0];
var last=visible[visible.length - 1];
if(e.shiftKey&&document.activeElement===first){
e.preventDefault();
last.focus();
}else if(!e.shiftKey&&document.activeElement===last){
e.preventDefault();
first.focus();
}}
if(pluginBtn){
pluginBtn.addEventListener('click', function (e){
e.stopPropagation();
if(pluginDrop.style.display==='none') openDrop();
else closeDrop();
});
}
document.addEventListener('click', function (e){
if(pluginWrap&&!pluginWrap.contains(e.target)) closeDrop();
});
document.querySelectorAll('.zds-plugin-opt').forEach(function (opt){
opt.addEventListener('mouseenter', function (){
this.style.background='#eff6ff';
this.style.color='#2563eb';
});
opt.addEventListener('mouseleave', function (){
this.style.background='';
var isSelected=this.dataset.docId==currentDocId ||
(this.dataset.docId=='0'&¤tDocId==0);
this.style.color=isSelected ? '#2563eb':'#374151';
});
opt.addEventListener('click', function (){
currentDocId=parseInt(this.dataset.docId, 10);
pluginLbl.textContent=currentDocId===0 ? 'All Docs':this.textContent.trim();
document.querySelectorAll('.zds-plugin-opt').forEach(function (o){
o.style.fontWeight='400';
o.style.color='#374151';
});
this.style.fontWeight='600';
this.style.color='#2563eb';
closeDrop();
if(input.value.trim().length >=2) doSearch(input.value.trim());
});
});
input.addEventListener('input', function (){
clearTimeout(debounceT);
var q=this.value.trim();
if(q.length < 2){ showState('empty'); return; }
showState('loading');
debounceT=setTimeout(function (){ doSearch(q); }, 280);
});
function doSearch(q){
if(lastXhr) lastXhr.abort();
showState('loading');
var url=ajaxUrl + '?action=zd_search&q=' + encodeURIComponent(q) +
(currentDocId ? '&doc_id=' + currentDocId:'');
lastXhr=new XMLHttpRequest();
lastXhr.open('GET', url);
lastXhr.onload=function (){
try {
var d=JSON.parse(lastXhr.responseText);
if(d.success) renderResults(d.data, q);
else showState('none');
} catch (e){ showState('none'); }};
lastXhr.onerror=function (){ showState('none'); };
lastXhr.send();
}
var depthIcons=[
'',
'',
''
];
function hl(t, q){
return t.replace(new RegExp('(' + q.replace(/[.*+?^${}()|[\]\\]/g, '\\$&') + ')', 'gi'),
'$1'
);
}
function renderResults(results, q){
if(!results||!results.length){ showState('none'); return; }
activeIdx=-1;
var html='';
results.forEach(function (r, i){
var icon=depthIcons[Math.min(r.depth, 2)];
var crumb=r.breadcrumb&&r.breadcrumb.length
? '' + r.breadcrumb.join(' › ') + ''
: '';
html +='' +
'' + icon + '' +
'' + hl(r.title, q) + '' + crumb + '' +
'' +
'';
});
listEl.innerHTML=html;
listEl.querySelectorAll('.zd-sr-item').forEach(function (a){
a.addEventListener('mouseenter', function (){ this.style.background='#eff6ff'; });
a.addEventListener('mouseleave', function (){
if(!this.classList.contains('zd-sr-active')) this.style.background='';
});
});
showState('list');
}
function handleArrows(e){
var items=listEl.querySelectorAll('.zd-sr-item');
if(!items.length) return;
if(e.key==='ArrowDown'){ e.preventDefault(); setActive(activeIdx + 1, items); }
if(e.key==='ArrowUp'){ e.preventDefault(); setActive(activeIdx - 1, items); }
if(e.key==='Enter'&&activeIdx >=0){ e.preventDefault(); items[activeIdx].click(); }}
function setActive(idx, items){
if(items[activeIdx]){
items[activeIdx].classList.remove('zd-sr-active');
items[activeIdx].style.background='';
}
activeIdx=Math.max(0, Math.min(idx, items.length - 1));
items[activeIdx].classList.add('zd-sr-active');
items[activeIdx].style.background='#eff6ff';
items[activeIdx].scrollIntoView({ block: 'nearest' });
}
function showState(s){
emptyEl.style.display=s==='empty' ? 'block':'none';
loadingEl.style.display=s==='loading' ? 'block':'none';
noneEl.style.display=s==='none' ? 'block':'none';
listEl.style.display=s==='list' ? 'block':'none';
}})();