document.getElementById(‘searchInput’); const resultsCount = document.getElementById(‘resultsCount’); const noResults = document.getElementById(‘noResults’); const categories = document.querySelectorAll(‘.category-section’);searchInput.addEventListener(‘input’, function() { const searchTerm = this.value.toLowerCase().trim(); let totalVisible = 0; let visibleCategories = 0;if (searchTerm === ”) { // Show all categories and symbols categories.forEach(category => { category.classList.remove(‘hidden’); const symbols = category.querySelectorAll(‘.symbol’); symbols.forEach(symbol => { symbol.style.display = ‘flex’; }); }); resultsCount.textContent = ”; noResults.style.display = ‘none’; return; }// Search in all symbols categories.forEach(category => { const symbols = category.querySelectorAll(‘.symbol’); let categoryHasVisible = false;symbols.forEach(symbol => { // Check both data-name and title attributes const dataName = symbol.getAttribute(‘data-name’); const title = symbol.getAttribute(‘title’); const name = (dataName || title || ”).toLowerCase(); const symbolText = symbol.textContent.replace(‘tooltip’, ”).trim(); if (name.includes(searchTerm) || symbolText.includes(searchTerm)) { symbol.style.display = ‘flex’; categoryHasVisible = true; totalVisible++; } else { symbol.style.display = ‘none’; } });// Hide category if no symbols match if (categoryHasVisible) { category.classList.remove(‘hidden’); visibleCategories++; } else { category.classList.add(‘hidden’); } });// Update results count if (totalVisible > 0) { resultsCount.textContent = `Found ${totalVisible} symbol${totalVisible !== 1 ? ‘s’ : ”} in ${visibleCategories} categor${visibleCategories !== 1 ? ‘ies’ : ‘y’}`; noResults.style.display = ‘none’; } else { resultsCount.textContent = ”; noResults.style.display = ‘block’; } });// Clear search on Escape key searchInput.addEventListener(‘keydown’, function(e) { if (e.key === ‘Escape’) { this.value = ”; this.dispatchEvent(new Event(‘input’)); } });