with a toggle-syncing label) — see // the .reviews-more rule in this page's stylesheet, copied from the // homepage fix for the mobile cutoff bug. function showCard(data){ window.dispatchEvent(new CustomEvent('wurldspot-selected-business',{detail:data})); var card = document.getElementById('board-card'); if(!card) return; card.querySelector('.card-logo').textContent = data.name.charAt(0); card.querySelector('.card-name').textContent = data.name; var locationStr = data.city && data.country ? (data.city + ', ' + data.country) : (data.country || ''); card.querySelector('.card-cat').textContent = locationStr ? (data.cat + ' \u00b7 ' + locationStr) : data.cat; card.querySelector('.card-about').textContent = data.full || data.about; fillLinks(card, 'cl', data); var list = card.querySelector('.card-reviews'); if(list && data.reviews){ list.innerHTML = ''; function buildReview(rev){ var row = document.createElement('div'); row.className = 'review'; var stars = '★'.repeat(rev.stars) + '☆'.repeat(5 - rev.stars); row.innerHTML = '

' + stars + '

'; row.querySelector('.review-name').textContent = rev.name; row.querySelector('.review-quote').textContent = rev.quote; return row; } data.reviews.slice(0, 1).forEach(function(rev){ list.appendChild(buildReview(rev)); }); var rest = data.reviews.slice(1); if(rest.length){ var more = document.createElement('details'); more.className = 'reviews-more'; var summary = document.createElement('summary'); var moreLabel = 'Show ' + rest.length + ' more review' + (rest.length > 1 ? 's' : ''); var fewerLabel = 'Show fewer reviews'; summary.textContent = moreLabel; more.appendChild(summary); rest.forEach(function(rev){ more.appendChild(buildReview(rev)); }); more.addEventListener('toggle', function(){ summary.textContent = more.open ? fewerLabel : moreLabel; }); list.appendChild(more); } } } function buildDot(data){ var d = document.createElement('div'); d.className = 'dot'; d.style.setProperty('--dot-base', data.logo_storage_key ? '#FFFFFF' : shadesLight[data._idx % shadesLight.length]); d.style.setProperty('--dot-hover', data.logo_storage_key ? '#FFFFFF' : shades[data._idx % shades.length]); d.textContent = data.name.charAt(0); if(data.logo_storage_key){d.textContent='';var image=document.createElement('img');image.src='/api/logos/'+encodeURIComponent(data.id);image.alt='';image.style.cssText='width:100%;height:100%;object-fit:contain;border-radius:50%';d.appendChild(image);} d.setAttribute('role', 'button'); d.setAttribute('tabindex', '0'); d.setAttribute('aria-label', 'Preview ' + data.name); d.addEventListener('click', function(){ selectDot(d, data); }); d.addEventListener('keydown', function(e){ if(e.key === 'Enter' || e.key === ' '){ e.preventDefault(); selectDot(d, data); } }); return d; } function selectDot(d, data){ if(!catGrid) return; catGrid.querySelectorAll('.dot.is-selected').forEach(function(x){ x.classList.remove('is-selected'); }); d.classList.add('is-selected'); showCard(data); } function renderDots(list){ if(!catGrid) return; catGrid.innerHTML = ''; // Never leave a business from the previous location visible for empty results. var card = document.getElementById('board-card'); if(card) card.hidden = list.length === 0; if(!list.length)window.dispatchEvent(new CustomEvent('wurldspot-selected-business',{detail:null})); list.forEach(function(data){ catGrid.appendChild(buildDot(data)); }); if(list.length){ selectDot(catGrid.querySelector('.dot'), list[0]); } } function appendDots(list, fromIndex, toIndex){ if(!catGrid) return; for(var i = fromIndex; i < toIndex; i++){ catGrid.appendChild(buildDot(list[i])); } } function updateLoadMore(){ if(!catShowing || !catLoadMore) return; var total = state.list.length; var shown = Math.min(state.visible, total); catShowing.textContent = total ? ('Showing ' + shown + ' of ' + total) : ''; catLoadMore.hidden = state.searching || shown >= total; } function renderCategoryHeader(){ var def = CATEGORY_DEFS[currentSlug]; var catName = document.getElementById('catName'); var catMeta = document.getElementById('catMeta'); if(!def || !catName || !catMeta) return; var dict = STRINGS[currentLang] || STRINGS.en; var label = dict[def.i18nKey] || def.display; catName.textContent = label; var tpl = dict['dir.metaTemplate'] || '{count} businesses in {cat}'; var text = tpl.replace('{count}', '\u0001').replace('{cat}', label); var parts = text.split('\u0001'); catMeta.innerHTML = (parts[0] || '') + '' + def.count + '' + (parts[1] || ''); } function showNotFound(slug){ if(catGrid) catGrid.innerHTML = ''; var hint = document.getElementById('catHint'); var foot = document.querySelector('.board-foot'); var loadRow = document.querySelector('.cat-loadmore-row'); var searchWrap = document.getElementById('catSearchBar'); var side = document.getElementById('catSide'); var notFound = document.getElementById('catNotFound'); if(hint) hint.hidden = true; if(foot) foot.hidden = true; if(loadRow) loadRow.hidden = true; if(searchWrap) searchWrap.hidden = true; if(side) side.hidden = true; var dict = STRINGS[currentLang] || STRINGS.en; var catName = document.getElementById('catName'); var catMeta = document.getElementById('catMeta'); if(catName) catName.textContent = dict['dir.notFound']; if(catMeta) catMeta.textContent = ''; if(notFound){ notFound.hidden = false; var ul = document.getElementById('catAvailableList'); if(ul){ ul.innerHTML = ''; Object.keys(CATEGORY_DEFS).forEach(function(s){ var li = document.createElement('li'); var a = document.createElement('a'); a.href = combineHashLang(s, currentLang) || ('#' + s); a.textContent = dict[CATEGORY_DEFS[s].i18nKey] || CATEGORY_DEFS[s].display; li.appendChild(a); ul.appendChild(li); }); } } } function loadCategory(slug){ if(!CATEGORY_DEFS[slug]){ currentSlug = null; showNotFound(slug); return; } // Coming back from a "not found" state (or switching slugs) — restore // the normal layout in case showNotFound() hid pieces of it. var hint = document.getElementById('catHint'); var foot = document.querySelector('.board-foot'); var loadRow = document.querySelector('.cat-loadmore-row'); var searchWrap = document.getElementById('catSearchBar'); var side = document.getElementById('catSide'); var notFound = document.getElementById('catNotFound'); if(hint) hint.hidden = false; if(foot) foot.hidden = false; if(loadRow) loadRow.hidden = false; if(searchWrap) searchWrap.hidden = false; if(side) side.hidden = false; if(notFound) notFound.hidden = true; currentSlug = slug; fullList = liveItems.filter(function(b){return slug==='all'||b.cat===CATEGORY_DEFS[slug].display;}); CATEGORY_DEFS[slug].count=fullList.length; // Changing categories preserves the user's location and text search. // Country changes and Browse full category explicitly reset dependent filters. renderCategoryHeader(); updateCategoryValue(); applyFilters(); } if(catLoadMore){ catLoadMore.addEventListener('click', function(){ var from = state.visible; state.visible = Math.min(state.visible + PAGE_SIZE, state.list.length); appendDots(state.list, from, state.visible); updateLoadMore(); }); } var selectedCountry = ''; var selectedState = ''; var selectedCity = ''; function applyFilters(){ if(!currentSlug) return; var q = catSearch ? catSearch.value.trim().toLowerCase() : ''; var matches = fullList.filter(function(b){ var matchesText = !q || (matchesLiveSearch && matchesLiveSearch(b,q)); var matchesCountry = !selectedCountry || b.country === selectedCountry; var matchesState = !selectedState || b.state === selectedState; var matchesCity = !selectedCity || b.city === selectedCity; return matchesText && matchesCountry && matchesState && matchesCity; }); state.searching = !!(q || selectedCountry || selectedState || selectedCity); state.list = matches; state.visible = state.searching ? matches.length : Math.min(PAGE_SIZE, matches.length); if(catHintEl){ if(!liveReady){catHintEl.textContent='Loading published Spots…';} else if(liveError){catHintEl.textContent='The directory is temporarily unavailable. Please try again.';} else if(!matches.length){catHintEl.textContent='No Spots match. Try adjusting or clearing your filters.';} else if(!state.searching){ catHintEl.textContent = dstr('dir.hint', 'Hover or tap a spot to preview the business behind it.'); } else if(matches.length === 0){ catHintEl.textContent = 'No spots match these filters — try widening them.'; } else { catHintEl.textContent = matches.length + (matches.length === 1 ? ' spot matches these filters.' : ' spots match these filters.'); } } renderDots(matches.slice(0, state.visible)); updateLoadMore(); } // ---- State/City segments, kept in sync with Country. State only means // anything for the United States, so any other specific country takes // State out of the flow (greyed "Not applicable", same treatment City // uses while waiting) and unlocks City immediately with that country's // own cities. "Any country" and "United States" both put State back into // its normal required-first mode, where City stays locked until a State // (including the "Any state" wildcard) is explicitly chosen. var catStateSeg = document.getElementById('catStateSeg'); var catStateTrigger = document.getElementById('catStateTrigger'); var catStateValueEl = document.getElementById('catStateValue'); var catStateOptionsList = document.getElementById('catStateOptionsList'); var catStateOptions = catStateOptionsList ? catStateOptionsList.querySelectorAll('.cs-option') : []; var catStateSearchInput = document.getElementById('catStateSearchInput'); var catCitySeg = document.getElementById('catCitySeg'); var catCityTrigger = document.getElementById('catCityTrigger'); var catCityValueEl = document.getElementById('catCityValue'); var catCityOptionsList = document.getElementById('catCityOptionsList'); var catCitySearchInput = document.getElementById('catCitySearchInput'); function dstr(key, fallback){ return (STRINGS[currentLang] && STRINGS[currentLang][key]) || fallback; } // only one of Country / State / City / Category should ever be open at // once — same single-open-dropdown behavior as the homepage's search bar, // so a second menu never overlaps and traps the first one's scroll. function closeAllCatSegs(exceptSeg){ document.querySelectorAll('#catSearchBar .cs-seg').forEach(function(s){ if(s === exceptSeg) return; s.classList.remove('is-open'); var trig = s.querySelector('.cs-trigger'); if(trig) trig.setAttribute('aria-expanded', 'false'); }); } function appendCatCityOption(city){ var btn = document.createElement('button'); btn.type = 'button'; btn.className = 'cs-option'; btn.setAttribute('role', 'option'); btn.textContent = city; btn.addEventListener('click', function(){ selectCity(city, btn); }); catCityOptionsList.appendChild(btn); } function resetCatCityOptions(){ catCityOptionsList.innerHTML = ''; var anyBtn = document.createElement('button'); anyBtn.type = 'button'; anyBtn.className = 'cs-option is-selected'; anyBtn.setAttribute('role', 'option'); anyBtn.textContent = dstr('dir.anyCity', 'Any city'); anyBtn.addEventListener('click', function(){ selectCity('', anyBtn); }); catCityOptionsList.appendChild(anyBtn); } function enableCity(){ if(catCitySeg) catCitySeg.classList.remove('is-disabled'); if(catCityTrigger) catCityTrigger.removeAttribute('disabled'); } function disableCity(){ if(catCitySeg) catCitySeg.classList.add('is-disabled'); if(catCityTrigger) catCityTrigger.setAttribute('disabled', ''); selectedCity = ''; resetCatCityOptions(); if(catCityValueEl) catCityValueEl.textContent = dstr('dir.selectStateFirst', 'Select a state first'); if(catCitySearchInput) catCitySearchInput.value = ''; } function enableState(){ if(catStateSeg) catStateSeg.classList.remove('is-disabled'); if(catStateTrigger) catStateTrigger.removeAttribute('disabled'); } function disableState(label){ if(catStateSeg) catStateSeg.classList.add('is-disabled'); if(catStateTrigger) catStateTrigger.setAttribute('disabled', ''); selectedState = ''; catStateOptions.forEach(function(o){ o.classList.remove('is-selected'); }); if(catStateValueEl) catStateValueEl.textContent = label; } // Rebuilds the City menu for a chosen US state ("Any state" lists every // US city we have) and resets City back to "Any city" — a state change // always starts the city pick fresh. function renderCatCityMenuForState(stateName){ resetCatCityOptions(); selectedCity = ''; var cities = (stateName && stateName !== dstr('dir.anyState', 'Any state')) ? (US_STATES_CITIES[stateName] || []).slice().sort() : ALL_US_CITIES; cities.forEach(function(city){ appendCatCityOption(city); }); if(catCityValueEl) catCityValueEl.textContent = dstr('dir.anyCity', 'Any city'); if(catCitySearchInput) catCitySearchInput.value = ''; } // City list for a single non-US country, straight from its own roster — // no state step in between. function renderCatCityMenuForCountry(country){ resetCatCityOptions(); selectedCity = ''; (CITIES_BY_COUNTRY[country] || []).slice().sort().forEach(function(city){ appendCatCityOption(city); }); if(catCityValueEl) catCityValueEl.textContent = dstr('dir.anyCity', 'Any city'); if(catCitySearchInput) catCitySearchInput.value = ''; } function resetCountryFilter(){ selectedCountry = ''; selectedState = ''; selectedCity = ''; var seg = document.getElementById('catCountrySeg'); var valueEl = document.getElementById('catCountryValue'); if(valueEl) valueEl.textContent = dstr('dir.anyCountry', 'Any country'); if(seg){ seg.querySelectorAll('.cs-option').forEach(function(o, i){ o.classList.toggle('is-selected', i === 0); }); } enableState(); if(catStateValueEl) catStateValueEl.textContent = dstr('dir.chooseState', 'Choose state'); catStateOptions.forEach(function(o){ o.classList.remove('is-selected'); }); disableCity(); updateCategoryValue(); } if(catSearch){ catSearch.addEventListener('input', applyFilters); } var catBrowseFull = document.getElementById('catBrowseFull'); if(catBrowseFull){ catBrowseFull.addEventListener('click', function(){ if(catSearch) catSearch.value = ''; resetCountryFilter(); applyFilters(); }); } // dims the grid behind the search bar's dropdowns while any of them is // open — same scrim treatment as the homepage's board search, so the // open menu reads as the focused layer instead of floating over live dots. (function(){ var scrim = document.getElementById('catGridScrim'); var grid = document.getElementById('catGrid'); if(!scrim) return; var segs = document.querySelectorAll('#catSearchBar .cs-seg'); function anyOpen(){ return Array.prototype.some.call(segs, function(s){ return s.classList.contains('is-open'); }); } function update(){ var open = anyOpen(); scrim.classList.toggle('is-active', open); if(grid) grid.style.pointerEvents = open ? 'none' : ''; } var obs = new MutationObserver(update); segs.forEach(function(s){ obs.observe(s, {attributes:true, attributeFilter:['class']}); }); update(); })(); // Country dropdown: same open/close + option-select pattern as the rest of // the site's custom selects (see the homepage's board search bar). (function(){ var seg = document.getElementById('catCountrySeg'); if(!seg) return; var trigger = document.getElementById('catCountryTrigger'); var valueEl = document.getElementById('catCountryValue'); var menu = document.getElementById('catCountryMenu'); var options = menu.querySelectorAll('.cs-option'); trigger.addEventListener('click', function(e){ e.stopPropagation(); var wasOpen = seg.classList.contains('is-open'); closeAllCatSegs(seg); seg.classList.toggle('is-open', !wasOpen); trigger.setAttribute('aria-expanded', (!wasOpen).toString()); }); options.forEach(function(opt, i){ opt.addEventListener('click', function(e){ e.stopPropagation(); options.forEach(function(o){ o.classList.remove('is-selected'); }); opt.classList.add('is-selected'); valueEl.textContent = opt.textContent; selectedCountry = i === 0 ? '' : opt.textContent; selectedState = ''; seg.classList.remove('is-open'); trigger.setAttribute('aria-expanded', 'false'); if(!selectedCountry || selectedCountry === 'United States'){ enableState(); if(catStateValueEl) catStateValueEl.textContent = dstr('dir.chooseState', 'Choose state'); catStateOptions.forEach(function(o){ o.classList.remove('is-selected'); }); disableCity(); } else { disableState(dstr('dir.notApplicable', 'Not applicable')); enableCity(); renderCatCityMenuForCountry(selectedCountry); } applyFilters(); }); }); menu.addEventListener('click', function(e){ e.stopPropagation(); }); document.addEventListener('click', function(){ seg.classList.remove('is-open'); trigger.setAttribute('aria-expanded', 'false'); }); })(); // State dropdown: picking any option — including "Any state" — is what // unlocks City; nothing is pre-selected on load, so City starts disabled. (function(){ if(!catStateSeg) return; catStateOptions.forEach(function(opt, i){ opt.addEventListener('click', function(e){ e.stopPropagation(); catStateOptions.forEach(function(o){ o.classList.remove('is-selected'); }); opt.classList.add('is-selected'); var stateName = opt.textContent.trim(); selectedState = i === 0 ? '' : stateName; if(catStateValueEl) catStateValueEl.textContent = stateName; catStateSeg.classList.remove('is-open'); catStateTrigger.setAttribute('aria-expanded', 'false'); enableCity(); renderCatCityMenuForState(stateName); applyFilters(); }); }); if(catStateSearchInput && catStateOptionsList){ catStateSearchInput.addEventListener('input', function(){ var q = catStateSearchInput.value.toLowerCase().trim(); Array.prototype.forEach.call(catStateOptionsList.children, function(el){ var text = el.textContent.trim(); el.hidden = !(!q || text.toLowerCase().indexOf(q) !== -1); }); }); catStateSearchInput.addEventListener('click', function(e){ e.stopPropagation(); }); } catStateTrigger.addEventListener('click', function(e){ e.stopPropagation(); var wasOpen = catStateSeg.classList.contains('is-open'); closeAllCatSegs(catStateSeg); catStateSeg.classList.toggle('is-open', !wasOpen); catStateTrigger.setAttribute('aria-expanded', (!wasOpen).toString()); if(!wasOpen && catStateSearchInput){ catStateSearchInput.focus(); } }); catStateSeg.addEventListener('click', function(e){ e.stopPropagation(); }); document.addEventListener('click', function(){ catStateSeg.classList.remove('is-open'); catStateTrigger.setAttribute('aria-expanded', 'false'); }); })(); function selectCity(city, btn){ selectedCity = city; if(catCityValueEl) catCityValueEl.textContent = city ? formatCatCityValue(city) : dstr('dir.anyCity', 'Any city'); if(catCityOptionsList) catCityOptionsList.querySelectorAll('.cs-option').forEach(function(o){ o.classList.remove('is-selected'); }); if(btn) btn.classList.add('is-selected'); if(catCitySeg) catCitySeg.classList.remove('is-open'); applyFilters(); } (function(){ var seg = catCitySeg; if(!seg) return; var trigger = catCityTrigger; var searchInput = catCitySearchInput; trigger.addEventListener('click', function(e){ e.stopPropagation(); if(seg.classList.contains('is-disabled')) return; var wasOpen = seg.classList.contains('is-open'); closeAllCatSegs(seg); seg.classList.toggle('is-open', !wasOpen); trigger.setAttribute('aria-expanded', (!wasOpen).toString()); if(!wasOpen && searchInput){ searchInput.focus(); } }); if(searchInput){ // live-filters the City menu as the person types, matching anywhere in // the city name. "Any city" always stays visible as the reset option. // When nothing matches, a "Use " row lets a business in // a city we don't have listed still get picked — same fallback as the // homepage's City field. searchInput.addEventListener('input', function(){ var rawQuery = searchInput.value; var q = rawQuery.trim().toLowerCase(); var list = catCityOptionsList; if(!list) return; var anyMatch = false; Array.prototype.forEach.call(list.children, function(o, i){ if(o.classList.contains('cs-custom-option')) return; if(i === 0){ o.hidden = false; return; } var match = !q || o.textContent.toLowerCase().indexOf(q) !== -1; o.hidden = !match; if(match){ anyMatch = true; } }); var existingCustom = list.querySelector('.cs-custom-option'); if(existingCustom){ existingCustom.remove(); } if(q && !anyMatch){ var custom = document.createElement('button'); custom.type = 'button'; custom.className = 'cs-option cs-custom-option'; custom.setAttribute('role', 'option'); custom.textContent = 'Use "' + rawQuery.trim() + '"'; custom.addEventListener('click', function(){ selectCity(rawQuery.trim(), custom); }); list.appendChild(custom); } }); } seg.addEventListener('click', function(e){ e.stopPropagation(); }); document.addEventListener('click', function(){ seg.classList.remove('is-open'); trigger.setAttribute('aria-expanded', 'false'); }); })(); // Category dropdown: lists every directory category; picking one navigates // to that category's own page (this page is already scoped to one category, // so "switching" categories here means loading a different one). function updateCategoryValue(){ var valueEl = document.getElementById('catCategoryValue'); var def = currentSlug && CATEGORY_DEFS[currentSlug]; if(!valueEl || !def) return; var dict = STRINGS[currentLang] || STRINGS.en; valueEl.textContent = dict[def.i18nKey] || def.display; var menu = document.getElementById('catCategoryMenu'); if(menu){ menu.querySelectorAll('.cs-option').forEach(function(o){ o.classList.toggle('is-selected', o.getAttribute('data-slug') === currentSlug); }); } } (function(){ var seg = document.getElementById('catCategorySeg'); if(!seg) return; var trigger = document.getElementById('catCategoryTrigger'); var menu = document.getElementById('catCategoryMenu'); menu.innerHTML = ''; Object.keys(CATEGORY_DEFS).forEach(function(slug){ var def = CATEGORY_DEFS[slug]; var btn = document.createElement('button'); btn.type = 'button'; btn.className = 'cs-option'; btn.setAttribute('role', 'option'); btn.setAttribute('data-slug', slug); var dict = STRINGS[currentLang] || STRINGS.en; btn.textContent = dict[def.i18nKey] || def.display; btn.addEventListener('click', function(e){ e.stopPropagation(); seg.classList.remove('is-open'); trigger.setAttribute('aria-expanded', 'false'); location.hash = combineHashLang(slug, currentLang).slice(1); }); menu.appendChild(btn); }); trigger.addEventListener('click', function(e){ e.stopPropagation(); var wasOpen = seg.classList.contains('is-open'); closeAllCatSegs(seg); seg.classList.toggle('is-open', !wasOpen); trigger.setAttribute('aria-expanded', (!wasOpen).toString()); }); menu.addEventListener('click', function(e){ e.stopPropagation(); }); document.addEventListener('click', function(){ seg.classList.remove('is-open'); trigger.setAttribute('aria-expanded', 'false'); }); })(); // Ratings dropdown: filters on the per-business average star rating // computed from its reviews. (function(){ var seg = document.getElementById('catRatingsSeg'); if(!seg) return; var trigger = document.getElementById('catRatingsTrigger'); var valueEl = document.getElementById('catRatingsValue'); var menu = document.getElementById('catRatingsMenu'); var options = menu.querySelectorAll('.cs-option'); trigger.addEventListener('click', function(e){ e.stopPropagation(); var wasOpen = seg.classList.contains('is-open'); seg.classList.toggle('is-open', !wasOpen); trigger.setAttribute('aria-expanded', (!wasOpen).toString()); }); options.forEach(function(opt){ opt.addEventListener('click', function(e){ e.stopPropagation(); options.forEach(function(o){ o.classList.remove('is-selected'); }); opt.classList.add('is-selected'); valueEl.textContent = opt.textContent; selectedRating = parseFloat(opt.getAttribute('data-rating')) || 0; seg.classList.remove('is-open'); trigger.setAttribute('aria-expanded', 'false'); applyFilters(); }); }); menu.addEventListener('click', function(e){ e.stopPropagation(); }); document.addEventListener('click', function(){ seg.classList.remove('is-open'); trigger.setAttribute('aria-expanded', 'false'); }); })(); var catSearchBtn = document.getElementById('catSearchBtn'); if(catSearchBtn){ catSearchBtn.addEventListener('click', applyFilters); } // The hash on this page is a category slug, optionally with a "." // suffix (see splitHashAnchorLang above) — e.g. "#food-dining.es" when a // language-aware link led here. A hash lang always wins over the saved // preference, same rule the homepage uses for its own incoming links. function handleHashChange(){ var parsed = splitHashAnchorLang(location.hash || ''); if(parsed.lang && parsed.lang !== currentLang){ applyLanguage(parsed.lang); } loadCategory(parsed.anchor||'all'); } window.addEventListener('hashchange', handleHashChange); var initialParsed = splitHashAnchorLang(location.hash || ''); var initialLang = initialParsed.lang; if(!initialLang){ try { var saved = localStorage.getItem('wurldspot-lang'); if(saved && STRINGS[saved]) initialLang = saved; } catch(e){} } if(!initialLang) initialLang = 'en'; applyLanguage(initialLang); loadCategory(initialParsed.anchor||'all'); window.addEventListener('wurldspot-directory-search',function(event){ var detail=event.detail;liveReady=detail.ready;liveError=detail.error;matchesLiveSearch=detail.matchesSearch; liveItems=detail.items.map(function(b,i){return Object.assign({},b,{_idx:i,cat:b.category,about:b.description||'',full:b.description||'',reviews:[]});}); var filters=detail.filters;selectedCountry=filters.country;selectedState=filters.state;selectedCity=filters.city;if(catSearch)catSearch.value=detail.query; var slug='all';if(filters.category){slug=Object.keys(CATEGORY_DEFS).find(function(k){return CATEGORY_DEFS[k].display===filters.category;})||'selected-category';CATEGORY_DEFS[slug]=CATEGORY_DEFS[slug]||{display:filters.category,i18nKey:'cat.custom',count:0};} loadCategory(slug); }); /* ---- footer accordion (unchanged) ---- */ var detailsEls = document.querySelectorAll('footer details'); detailsEls.forEach(function(d){ d.addEventListener('toggle', function(){ if(d.open){ detailsEls.forEach(function(other){ if(other !== d) other.open = false; }); } }); }); })();

Category

Reviews